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 1/5] 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'],

From 8d87445b81657c51a9c92955433e6ec5e4472b7a Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Mon, 17 Aug 2020 10:54:16 -0400
Subject: [PATCH 2/5] Improve API, support auto-transparent to, rename
 gradientColor plugin

---
 .../fixtures/tailwind-output-flagged.css      | 26680 ++++++++--------
 .../fixtures/tailwind-output-important.css    | 24130 +++++++-------
 .../tailwind-output-no-color-opacity.css      | 24130 +++++++-------
 __tests__/fixtures/tailwind-output.css        | 24130 +++++++-------
 src/corePlugins.js                            |     4 +-
 src/plugins/gradientColor.js                  |    46 -
 src/plugins/gradientColorStops.js             |    54 +
 src/util/withAlphaVariable.js                 |     2 +-
 stubs/defaultConfig.stub.js                   |    16 +-
 9 files changed, 46867 insertions(+), 52325 deletions(-)
 delete mode 100644 src/plugins/gradientColor.js
 create mode 100644 src/plugins/gradientColorStops.js

diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
index ece2cff66..74b81551e 100644
--- a/__tests__/fixtures/tailwind-output-flagged.css
+++ b/__tests__/fixtures/tailwind-output-flagged.css
@@ -4783,4700 +4783,4404 @@ video {
   background-color: rgba(117, 26, 61, var(--bg-opacity));
 }
 
-.bg-gradient-up {
-  background-image: linear-gradient(0deg, var(--gradient-color-stops));
+.bg-gradient-t {
+  background-image: linear-gradient(to top, var(--gradient-color-stops));
 }
 
-.bg-gradient-right {
-  background-image: linear-gradient(90deg, var(--gradient-color-stops));
+.bg-gradient-tr {
+  background-image: linear-gradient(to top right, var(--gradient-color-stops));
 }
 
-.bg-gradient-down {
-  background-image: linear-gradient(180deg, var(--gradient-color-stops));
+.bg-gradient-r {
+  background-image: linear-gradient(to right, var(--gradient-color-stops));
 }
 
-.bg-gradient-left {
-  background-image: linear-gradient(270deg, var(--gradient-color-stops));
+.bg-gradient-br {
+  background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
 }
 
-.gradient-from-transparent {
+.bg-gradient-b {
+  background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+}
+
+.bg-gradient-bl {
+  background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+}
+
+.bg-gradient-l {
+  background-image: linear-gradient(to left, var(--gradient-color-stops));
+}
+
+.bg-gradient-tl {
+  background-image: linear-gradient(to top left, var(--gradient-color-stops));
+}
+
+.from-transparent {
   --gradient-from-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.gradient-from-current {
+.from-current {
   --gradient-from-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.gradient-from-black {
+.from-black {
   --gradient-from-color: #000000;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.gradient-from-white {
+.from-white {
   --gradient-from-color: #ffffff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.gradient-from-gray-50 {
+.from-gray-50 {
   --gradient-from-color: #f9fafb;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
 }
 
-.gradient-from-gray-100 {
+.from-gray-100 {
   --gradient-from-color: #f4f5f7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
 }
 
-.gradient-from-gray-200 {
+.from-gray-200 {
   --gradient-from-color: #e5e7eb;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
 }
 
-.gradient-from-gray-300 {
+.from-gray-300 {
   --gradient-from-color: #d2d6dc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
 }
 
-.gradient-from-gray-400 {
+.from-gray-400 {
   --gradient-from-color: #9fa6b2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
 }
 
-.gradient-from-gray-500 {
+.from-gray-500 {
   --gradient-from-color: #6b7280;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
 }
 
-.gradient-from-gray-600 {
+.from-gray-600 {
   --gradient-from-color: #4b5563;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
 }
 
-.gradient-from-gray-700 {
+.from-gray-700 {
   --gradient-from-color: #374151;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
 }
 
-.gradient-from-gray-800 {
+.from-gray-800 {
   --gradient-from-color: #252f3f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
 }
 
-.gradient-from-gray-900 {
+.from-gray-900 {
   --gradient-from-color: #161e2e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
 }
 
-.gradient-from-red-50 {
+.from-red-50 {
   --gradient-from-color: #fdf2f2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
 }
 
-.gradient-from-red-100 {
+.from-red-100 {
   --gradient-from-color: #fde8e8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
 }
 
-.gradient-from-red-200 {
+.from-red-200 {
   --gradient-from-color: #fbd5d5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
 }
 
-.gradient-from-red-300 {
+.from-red-300 {
   --gradient-from-color: #f8b4b4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
 }
 
-.gradient-from-red-400 {
+.from-red-400 {
   --gradient-from-color: #f98080;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
 }
 
-.gradient-from-red-500 {
+.from-red-500 {
   --gradient-from-color: #f05252;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
 }
 
-.gradient-from-red-600 {
+.from-red-600 {
   --gradient-from-color: #e02424;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
 }
 
-.gradient-from-red-700 {
+.from-red-700 {
   --gradient-from-color: #c81e1e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
 }
 
-.gradient-from-red-800 {
+.from-red-800 {
   --gradient-from-color: #9b1c1c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
 }
 
-.gradient-from-red-900 {
+.from-red-900 {
   --gradient-from-color: #771d1d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
 }
 
-.gradient-from-orange-50 {
+.from-orange-50 {
   --gradient-from-color: #fff8f1;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
 }
 
-.gradient-from-orange-100 {
+.from-orange-100 {
   --gradient-from-color: #feecdc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
 }
 
-.gradient-from-orange-200 {
+.from-orange-200 {
   --gradient-from-color: #fcd9bd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
 }
 
-.gradient-from-orange-300 {
+.from-orange-300 {
   --gradient-from-color: #fdba8c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
 }
 
-.gradient-from-orange-400 {
+.from-orange-400 {
   --gradient-from-color: #ff8a4c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
 }
 
-.gradient-from-orange-500 {
+.from-orange-500 {
   --gradient-from-color: #ff5a1f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
 }
 
-.gradient-from-orange-600 {
+.from-orange-600 {
   --gradient-from-color: #d03801;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
 }
 
-.gradient-from-orange-700 {
+.from-orange-700 {
   --gradient-from-color: #b43403;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
 }
 
-.gradient-from-orange-800 {
+.from-orange-800 {
   --gradient-from-color: #8a2c0d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
 }
 
-.gradient-from-orange-900 {
+.from-orange-900 {
   --gradient-from-color: #73230d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
 }
 
-.gradient-from-yellow-50 {
+.from-yellow-50 {
   --gradient-from-color: #fdfdea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
 }
 
-.gradient-from-yellow-100 {
+.from-yellow-100 {
   --gradient-from-color: #fdf6b2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
 }
 
-.gradient-from-yellow-200 {
+.from-yellow-200 {
   --gradient-from-color: #fce96a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
 }
 
-.gradient-from-yellow-300 {
+.from-yellow-300 {
   --gradient-from-color: #faca15;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
 }
 
-.gradient-from-yellow-400 {
+.from-yellow-400 {
   --gradient-from-color: #e3a008;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
 }
 
-.gradient-from-yellow-500 {
+.from-yellow-500 {
   --gradient-from-color: #c27803;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
 }
 
-.gradient-from-yellow-600 {
+.from-yellow-600 {
   --gradient-from-color: #9f580a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
 }
 
-.gradient-from-yellow-700 {
+.from-yellow-700 {
   --gradient-from-color: #8e4b10;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
 }
 
-.gradient-from-yellow-800 {
+.from-yellow-800 {
   --gradient-from-color: #723b13;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
 }
 
-.gradient-from-yellow-900 {
+.from-yellow-900 {
   --gradient-from-color: #633112;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
 }
 
-.gradient-from-green-50 {
+.from-green-50 {
   --gradient-from-color: #f3faf7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
 }
 
-.gradient-from-green-100 {
+.from-green-100 {
   --gradient-from-color: #def7ec;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
 }
 
-.gradient-from-green-200 {
+.from-green-200 {
   --gradient-from-color: #bcf0da;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
 }
 
-.gradient-from-green-300 {
+.from-green-300 {
   --gradient-from-color: #84e1bc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
 }
 
-.gradient-from-green-400 {
+.from-green-400 {
   --gradient-from-color: #31c48d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
 }
 
-.gradient-from-green-500 {
+.from-green-500 {
   --gradient-from-color: #0e9f6e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
 }
 
-.gradient-from-green-600 {
+.from-green-600 {
   --gradient-from-color: #057a55;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
 }
 
-.gradient-from-green-700 {
+.from-green-700 {
   --gradient-from-color: #046c4e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
 }
 
-.gradient-from-green-800 {
+.from-green-800 {
   --gradient-from-color: #03543f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
 }
 
-.gradient-from-green-900 {
+.from-green-900 {
   --gradient-from-color: #014737;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
 }
 
-.gradient-from-teal-50 {
+.from-teal-50 {
   --gradient-from-color: #edfafa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
 }
 
-.gradient-from-teal-100 {
+.from-teal-100 {
   --gradient-from-color: #d5f5f6;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
 }
 
-.gradient-from-teal-200 {
+.from-teal-200 {
   --gradient-from-color: #afecef;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
 }
 
-.gradient-from-teal-300 {
+.from-teal-300 {
   --gradient-from-color: #7edce2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
 }
 
-.gradient-from-teal-400 {
+.from-teal-400 {
   --gradient-from-color: #16bdca;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
 }
 
-.gradient-from-teal-500 {
+.from-teal-500 {
   --gradient-from-color: #0694a2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
 }
 
-.gradient-from-teal-600 {
+.from-teal-600 {
   --gradient-from-color: #047481;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
 }
 
-.gradient-from-teal-700 {
+.from-teal-700 {
   --gradient-from-color: #036672;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
 }
 
-.gradient-from-teal-800 {
+.from-teal-800 {
   --gradient-from-color: #05505c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
 }
 
-.gradient-from-teal-900 {
+.from-teal-900 {
   --gradient-from-color: #014451;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
 }
 
-.gradient-from-blue-50 {
+.from-blue-50 {
   --gradient-from-color: #ebf5ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
 }
 
-.gradient-from-blue-100 {
+.from-blue-100 {
   --gradient-from-color: #e1effe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
 }
 
-.gradient-from-blue-200 {
+.from-blue-200 {
   --gradient-from-color: #c3ddfd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
 }
 
-.gradient-from-blue-300 {
+.from-blue-300 {
   --gradient-from-color: #a4cafe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
 }
 
-.gradient-from-blue-400 {
+.from-blue-400 {
   --gradient-from-color: #76a9fa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
 }
 
-.gradient-from-blue-500 {
+.from-blue-500 {
   --gradient-from-color: #3f83f8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
 }
 
-.gradient-from-blue-600 {
+.from-blue-600 {
   --gradient-from-color: #1c64f2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
 }
 
-.gradient-from-blue-700 {
+.from-blue-700 {
   --gradient-from-color: #1a56db;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
 }
 
-.gradient-from-blue-800 {
+.from-blue-800 {
   --gradient-from-color: #1e429f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
 }
 
-.gradient-from-blue-900 {
+.from-blue-900 {
   --gradient-from-color: #233876;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
 }
 
-.gradient-from-indigo-50 {
+.from-indigo-50 {
   --gradient-from-color: #f0f5ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
 }
 
-.gradient-from-indigo-100 {
+.from-indigo-100 {
   --gradient-from-color: #e5edff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
 }
 
-.gradient-from-indigo-200 {
+.from-indigo-200 {
   --gradient-from-color: #cddbfe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
 }
 
-.gradient-from-indigo-300 {
+.from-indigo-300 {
   --gradient-from-color: #b4c6fc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
 }
 
-.gradient-from-indigo-400 {
+.from-indigo-400 {
   --gradient-from-color: #8da2fb;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
 }
 
-.gradient-from-indigo-500 {
+.from-indigo-500 {
   --gradient-from-color: #6875f5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
 }
 
-.gradient-from-indigo-600 {
+.from-indigo-600 {
   --gradient-from-color: #5850ec;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
 }
 
-.gradient-from-indigo-700 {
+.from-indigo-700 {
   --gradient-from-color: #5145cd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
 }
 
-.gradient-from-indigo-800 {
+.from-indigo-800 {
   --gradient-from-color: #42389d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
 }
 
-.gradient-from-indigo-900 {
+.from-indigo-900 {
   --gradient-from-color: #362f78;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
 }
 
-.gradient-from-purple-50 {
+.from-purple-50 {
   --gradient-from-color: #f6f5ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
 }
 
-.gradient-from-purple-100 {
+.from-purple-100 {
   --gradient-from-color: #edebfe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
 }
 
-.gradient-from-purple-200 {
+.from-purple-200 {
   --gradient-from-color: #dcd7fe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
 }
 
-.gradient-from-purple-300 {
+.from-purple-300 {
   --gradient-from-color: #cabffd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
 }
 
-.gradient-from-purple-400 {
+.from-purple-400 {
   --gradient-from-color: #ac94fa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
 }
 
-.gradient-from-purple-500 {
+.from-purple-500 {
   --gradient-from-color: #9061f9;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
 }
 
-.gradient-from-purple-600 {
+.from-purple-600 {
   --gradient-from-color: #7e3af2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
 }
 
-.gradient-from-purple-700 {
+.from-purple-700 {
   --gradient-from-color: #6c2bd9;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
 }
 
-.gradient-from-purple-800 {
+.from-purple-800 {
   --gradient-from-color: #5521b5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
 }
 
-.gradient-from-purple-900 {
+.from-purple-900 {
   --gradient-from-color: #4a1d96;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
 }
 
-.gradient-from-pink-50 {
+.from-pink-50 {
   --gradient-from-color: #fdf2f8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
 }
 
-.gradient-from-pink-100 {
+.from-pink-100 {
   --gradient-from-color: #fce8f3;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
 }
 
-.gradient-from-pink-200 {
+.from-pink-200 {
   --gradient-from-color: #fad1e8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
 }
 
-.gradient-from-pink-300 {
+.from-pink-300 {
   --gradient-from-color: #f8b4d9;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
 }
 
-.gradient-from-pink-400 {
+.from-pink-400 {
   --gradient-from-color: #f17eb8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
 }
 
-.gradient-from-pink-500 {
+.from-pink-500 {
   --gradient-from-color: #e74694;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
 }
 
-.gradient-from-pink-600 {
+.from-pink-600 {
   --gradient-from-color: #d61f69;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
 }
 
-.gradient-from-pink-700 {
+.from-pink-700 {
   --gradient-from-color: #bf125d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
 }
 
-.gradient-from-pink-800 {
+.from-pink-800 {
   --gradient-from-color: #99154b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
 }
 
-.gradient-from-pink-900 {
+.from-pink-900 {
   --gradient-from-color: #751a3d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
 }
 
-.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 {
+.mid-transparent {
   --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.gradient-mid-current {
+.mid-current {
   --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.gradient-mid-black {
+.mid-black {
   --gradient-mid-color: #000000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.gradient-mid-white {
+.mid-white {
   --gradient-mid-color: #ffffff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.gradient-mid-gray-50 {
+.mid-gray-50 {
   --gradient-mid-color: #f9fafb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
 }
 
-.gradient-mid-gray-100 {
+.mid-gray-100 {
   --gradient-mid-color: #f4f5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
 }
 
-.gradient-mid-gray-200 {
+.mid-gray-200 {
   --gradient-mid-color: #e5e7eb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
 }
 
-.gradient-mid-gray-300 {
+.mid-gray-300 {
   --gradient-mid-color: #d2d6dc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
 }
 
-.gradient-mid-gray-400 {
+.mid-gray-400 {
   --gradient-mid-color: #9fa6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
 }
 
-.gradient-mid-gray-500 {
+.mid-gray-500 {
   --gradient-mid-color: #6b7280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
 }
 
-.gradient-mid-gray-600 {
+.mid-gray-600 {
   --gradient-mid-color: #4b5563;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
 }
 
-.gradient-mid-gray-700 {
+.mid-gray-700 {
   --gradient-mid-color: #374151;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
 }
 
-.gradient-mid-gray-800 {
+.mid-gray-800 {
   --gradient-mid-color: #252f3f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
 }
 
-.gradient-mid-gray-900 {
+.mid-gray-900 {
   --gradient-mid-color: #161e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
 }
 
-.gradient-mid-red-50 {
+.mid-red-50 {
   --gradient-mid-color: #fdf2f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
 }
 
-.gradient-mid-red-100 {
+.mid-red-100 {
   --gradient-mid-color: #fde8e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
 }
 
-.gradient-mid-red-200 {
+.mid-red-200 {
   --gradient-mid-color: #fbd5d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
 }
 
-.gradient-mid-red-300 {
+.mid-red-300 {
   --gradient-mid-color: #f8b4b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
 }
 
-.gradient-mid-red-400 {
+.mid-red-400 {
   --gradient-mid-color: #f98080;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
 }
 
-.gradient-mid-red-500 {
+.mid-red-500 {
   --gradient-mid-color: #f05252;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
 }
 
-.gradient-mid-red-600 {
+.mid-red-600 {
   --gradient-mid-color: #e02424;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
 }
 
-.gradient-mid-red-700 {
+.mid-red-700 {
   --gradient-mid-color: #c81e1e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
 }
 
-.gradient-mid-red-800 {
+.mid-red-800 {
   --gradient-mid-color: #9b1c1c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
 }
 
-.gradient-mid-red-900 {
+.mid-red-900 {
   --gradient-mid-color: #771d1d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
 }
 
-.gradient-mid-orange-50 {
+.mid-orange-50 {
   --gradient-mid-color: #fff8f1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
 }
 
-.gradient-mid-orange-100 {
+.mid-orange-100 {
   --gradient-mid-color: #feecdc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
 }
 
-.gradient-mid-orange-200 {
+.mid-orange-200 {
   --gradient-mid-color: #fcd9bd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
 }
 
-.gradient-mid-orange-300 {
+.mid-orange-300 {
   --gradient-mid-color: #fdba8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
 }
 
-.gradient-mid-orange-400 {
+.mid-orange-400 {
   --gradient-mid-color: #ff8a4c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
 }
 
-.gradient-mid-orange-500 {
+.mid-orange-500 {
   --gradient-mid-color: #ff5a1f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
 }
 
-.gradient-mid-orange-600 {
+.mid-orange-600 {
   --gradient-mid-color: #d03801;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
 }
 
-.gradient-mid-orange-700 {
+.mid-orange-700 {
   --gradient-mid-color: #b43403;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
 }
 
-.gradient-mid-orange-800 {
+.mid-orange-800 {
   --gradient-mid-color: #8a2c0d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
 }
 
-.gradient-mid-orange-900 {
+.mid-orange-900 {
   --gradient-mid-color: #73230d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
 }
 
-.gradient-mid-yellow-50 {
+.mid-yellow-50 {
   --gradient-mid-color: #fdfdea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
 }
 
-.gradient-mid-yellow-100 {
+.mid-yellow-100 {
   --gradient-mid-color: #fdf6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
 }
 
-.gradient-mid-yellow-200 {
+.mid-yellow-200 {
   --gradient-mid-color: #fce96a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
 }
 
-.gradient-mid-yellow-300 {
+.mid-yellow-300 {
   --gradient-mid-color: #faca15;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
 }
 
-.gradient-mid-yellow-400 {
+.mid-yellow-400 {
   --gradient-mid-color: #e3a008;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
 }
 
-.gradient-mid-yellow-500 {
+.mid-yellow-500 {
   --gradient-mid-color: #c27803;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
 }
 
-.gradient-mid-yellow-600 {
+.mid-yellow-600 {
   --gradient-mid-color: #9f580a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
 }
 
-.gradient-mid-yellow-700 {
+.mid-yellow-700 {
   --gradient-mid-color: #8e4b10;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
 }
 
-.gradient-mid-yellow-800 {
+.mid-yellow-800 {
   --gradient-mid-color: #723b13;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
 }
 
-.gradient-mid-yellow-900 {
+.mid-yellow-900 {
   --gradient-mid-color: #633112;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
 }
 
-.gradient-mid-green-50 {
+.mid-green-50 {
   --gradient-mid-color: #f3faf7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
 }
 
-.gradient-mid-green-100 {
+.mid-green-100 {
   --gradient-mid-color: #def7ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
 }
 
-.gradient-mid-green-200 {
+.mid-green-200 {
   --gradient-mid-color: #bcf0da;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
 }
 
-.gradient-mid-green-300 {
+.mid-green-300 {
   --gradient-mid-color: #84e1bc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
 }
 
-.gradient-mid-green-400 {
+.mid-green-400 {
   --gradient-mid-color: #31c48d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
 }
 
-.gradient-mid-green-500 {
+.mid-green-500 {
   --gradient-mid-color: #0e9f6e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
 }
 
-.gradient-mid-green-600 {
+.mid-green-600 {
   --gradient-mid-color: #057a55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
 }
 
-.gradient-mid-green-700 {
+.mid-green-700 {
   --gradient-mid-color: #046c4e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
 }
 
-.gradient-mid-green-800 {
+.mid-green-800 {
   --gradient-mid-color: #03543f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
 }
 
-.gradient-mid-green-900 {
+.mid-green-900 {
   --gradient-mid-color: #014737;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
 }
 
-.gradient-mid-teal-50 {
+.mid-teal-50 {
   --gradient-mid-color: #edfafa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
 }
 
-.gradient-mid-teal-100 {
+.mid-teal-100 {
   --gradient-mid-color: #d5f5f6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
 }
 
-.gradient-mid-teal-200 {
+.mid-teal-200 {
   --gradient-mid-color: #afecef;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
 }
 
-.gradient-mid-teal-300 {
+.mid-teal-300 {
   --gradient-mid-color: #7edce2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
 }
 
-.gradient-mid-teal-400 {
+.mid-teal-400 {
   --gradient-mid-color: #16bdca;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
 }
 
-.gradient-mid-teal-500 {
+.mid-teal-500 {
   --gradient-mid-color: #0694a2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
 }
 
-.gradient-mid-teal-600 {
+.mid-teal-600 {
   --gradient-mid-color: #047481;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
 }
 
-.gradient-mid-teal-700 {
+.mid-teal-700 {
   --gradient-mid-color: #036672;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
 }
 
-.gradient-mid-teal-800 {
+.mid-teal-800 {
   --gradient-mid-color: #05505c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
 }
 
-.gradient-mid-teal-900 {
+.mid-teal-900 {
   --gradient-mid-color: #014451;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
 }
 
-.gradient-mid-blue-50 {
+.mid-blue-50 {
   --gradient-mid-color: #ebf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
 }
 
-.gradient-mid-blue-100 {
+.mid-blue-100 {
   --gradient-mid-color: #e1effe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
 }
 
-.gradient-mid-blue-200 {
+.mid-blue-200 {
   --gradient-mid-color: #c3ddfd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
 }
 
-.gradient-mid-blue-300 {
+.mid-blue-300 {
   --gradient-mid-color: #a4cafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
 }
 
-.gradient-mid-blue-400 {
+.mid-blue-400 {
   --gradient-mid-color: #76a9fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
 }
 
-.gradient-mid-blue-500 {
+.mid-blue-500 {
   --gradient-mid-color: #3f83f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
 }
 
-.gradient-mid-blue-600 {
+.mid-blue-600 {
   --gradient-mid-color: #1c64f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
 }
 
-.gradient-mid-blue-700 {
+.mid-blue-700 {
   --gradient-mid-color: #1a56db;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
 }
 
-.gradient-mid-blue-800 {
+.mid-blue-800 {
   --gradient-mid-color: #1e429f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
 }
 
-.gradient-mid-blue-900 {
+.mid-blue-900 {
   --gradient-mid-color: #233876;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
 }
 
-.gradient-mid-indigo-50 {
+.mid-indigo-50 {
   --gradient-mid-color: #f0f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
 }
 
-.gradient-mid-indigo-100 {
+.mid-indigo-100 {
   --gradient-mid-color: #e5edff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
 }
 
-.gradient-mid-indigo-200 {
+.mid-indigo-200 {
   --gradient-mid-color: #cddbfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
 }
 
-.gradient-mid-indigo-300 {
+.mid-indigo-300 {
   --gradient-mid-color: #b4c6fc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
 }
 
-.gradient-mid-indigo-400 {
+.mid-indigo-400 {
   --gradient-mid-color: #8da2fb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
 }
 
-.gradient-mid-indigo-500 {
+.mid-indigo-500 {
   --gradient-mid-color: #6875f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
 }
 
-.gradient-mid-indigo-600 {
+.mid-indigo-600 {
   --gradient-mid-color: #5850ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
 }
 
-.gradient-mid-indigo-700 {
+.mid-indigo-700 {
   --gradient-mid-color: #5145cd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
 }
 
-.gradient-mid-indigo-800 {
+.mid-indigo-800 {
   --gradient-mid-color: #42389d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
 }
 
-.gradient-mid-indigo-900 {
+.mid-indigo-900 {
   --gradient-mid-color: #362f78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
 }
 
-.gradient-mid-purple-50 {
+.mid-purple-50 {
   --gradient-mid-color: #f6f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
 }
 
-.gradient-mid-purple-100 {
+.mid-purple-100 {
   --gradient-mid-color: #edebfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
 }
 
-.gradient-mid-purple-200 {
+.mid-purple-200 {
   --gradient-mid-color: #dcd7fe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
 }
 
-.gradient-mid-purple-300 {
+.mid-purple-300 {
   --gradient-mid-color: #cabffd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
 }
 
-.gradient-mid-purple-400 {
+.mid-purple-400 {
   --gradient-mid-color: #ac94fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
 }
 
-.gradient-mid-purple-500 {
+.mid-purple-500 {
   --gradient-mid-color: #9061f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
 }
 
-.gradient-mid-purple-600 {
+.mid-purple-600 {
   --gradient-mid-color: #7e3af2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
 }
 
-.gradient-mid-purple-700 {
+.mid-purple-700 {
   --gradient-mid-color: #6c2bd9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
 }
 
-.gradient-mid-purple-800 {
+.mid-purple-800 {
   --gradient-mid-color: #5521b5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
 }
 
-.gradient-mid-purple-900 {
+.mid-purple-900 {
   --gradient-mid-color: #4a1d96;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
 }
 
-.gradient-mid-pink-50 {
+.mid-pink-50 {
   --gradient-mid-color: #fdf2f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
 }
 
-.gradient-mid-pink-100 {
+.mid-pink-100 {
   --gradient-mid-color: #fce8f3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
 }
 
-.gradient-mid-pink-200 {
+.mid-pink-200 {
   --gradient-mid-color: #fad1e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
 }
 
-.gradient-mid-pink-300 {
+.mid-pink-300 {
   --gradient-mid-color: #f8b4d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
 }
 
-.gradient-mid-pink-400 {
+.mid-pink-400 {
   --gradient-mid-color: #f17eb8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
 }
 
-.gradient-mid-pink-500 {
+.mid-pink-500 {
   --gradient-mid-color: #e74694;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
 }
 
-.gradient-mid-pink-600 {
+.mid-pink-600 {
   --gradient-mid-color: #d61f69;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
 }
 
-.gradient-mid-pink-700 {
+.mid-pink-700 {
   --gradient-mid-color: #bf125d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
 }
 
-.gradient-mid-pink-800 {
+.mid-pink-800 {
   --gradient-mid-color: #99154b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
 }
 
-.gradient-mid-pink-900 {
+.mid-pink-900 {
   --gradient-mid-color: #751a3d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
 }
 
-.hover\:gradient-from-transparent:hover {
+.to-transparent {
+  --gradient-to-color: transparent;
+}
+
+.to-current {
+  --gradient-to-color: currentColor;
+}
+
+.to-black {
+  --gradient-to-color: #000000;
+}
+
+.to-white {
+  --gradient-to-color: #ffffff;
+}
+
+.to-gray-50 {
+  --gradient-to-color: #f9fafb;
+}
+
+.to-gray-100 {
+  --gradient-to-color: #f4f5f7;
+}
+
+.to-gray-200 {
+  --gradient-to-color: #e5e7eb;
+}
+
+.to-gray-300 {
+  --gradient-to-color: #d2d6dc;
+}
+
+.to-gray-400 {
+  --gradient-to-color: #9fa6b2;
+}
+
+.to-gray-500 {
+  --gradient-to-color: #6b7280;
+}
+
+.to-gray-600 {
+  --gradient-to-color: #4b5563;
+}
+
+.to-gray-700 {
+  --gradient-to-color: #374151;
+}
+
+.to-gray-800 {
+  --gradient-to-color: #252f3f;
+}
+
+.to-gray-900 {
+  --gradient-to-color: #161e2e;
+}
+
+.to-red-50 {
+  --gradient-to-color: #fdf2f2;
+}
+
+.to-red-100 {
+  --gradient-to-color: #fde8e8;
+}
+
+.to-red-200 {
+  --gradient-to-color: #fbd5d5;
+}
+
+.to-red-300 {
+  --gradient-to-color: #f8b4b4;
+}
+
+.to-red-400 {
+  --gradient-to-color: #f98080;
+}
+
+.to-red-500 {
+  --gradient-to-color: #f05252;
+}
+
+.to-red-600 {
+  --gradient-to-color: #e02424;
+}
+
+.to-red-700 {
+  --gradient-to-color: #c81e1e;
+}
+
+.to-red-800 {
+  --gradient-to-color: #9b1c1c;
+}
+
+.to-red-900 {
+  --gradient-to-color: #771d1d;
+}
+
+.to-orange-50 {
+  --gradient-to-color: #fff8f1;
+}
+
+.to-orange-100 {
+  --gradient-to-color: #feecdc;
+}
+
+.to-orange-200 {
+  --gradient-to-color: #fcd9bd;
+}
+
+.to-orange-300 {
+  --gradient-to-color: #fdba8c;
+}
+
+.to-orange-400 {
+  --gradient-to-color: #ff8a4c;
+}
+
+.to-orange-500 {
+  --gradient-to-color: #ff5a1f;
+}
+
+.to-orange-600 {
+  --gradient-to-color: #d03801;
+}
+
+.to-orange-700 {
+  --gradient-to-color: #b43403;
+}
+
+.to-orange-800 {
+  --gradient-to-color: #8a2c0d;
+}
+
+.to-orange-900 {
+  --gradient-to-color: #73230d;
+}
+
+.to-yellow-50 {
+  --gradient-to-color: #fdfdea;
+}
+
+.to-yellow-100 {
+  --gradient-to-color: #fdf6b2;
+}
+
+.to-yellow-200 {
+  --gradient-to-color: #fce96a;
+}
+
+.to-yellow-300 {
+  --gradient-to-color: #faca15;
+}
+
+.to-yellow-400 {
+  --gradient-to-color: #e3a008;
+}
+
+.to-yellow-500 {
+  --gradient-to-color: #c27803;
+}
+
+.to-yellow-600 {
+  --gradient-to-color: #9f580a;
+}
+
+.to-yellow-700 {
+  --gradient-to-color: #8e4b10;
+}
+
+.to-yellow-800 {
+  --gradient-to-color: #723b13;
+}
+
+.to-yellow-900 {
+  --gradient-to-color: #633112;
+}
+
+.to-green-50 {
+  --gradient-to-color: #f3faf7;
+}
+
+.to-green-100 {
+  --gradient-to-color: #def7ec;
+}
+
+.to-green-200 {
+  --gradient-to-color: #bcf0da;
+}
+
+.to-green-300 {
+  --gradient-to-color: #84e1bc;
+}
+
+.to-green-400 {
+  --gradient-to-color: #31c48d;
+}
+
+.to-green-500 {
+  --gradient-to-color: #0e9f6e;
+}
+
+.to-green-600 {
+  --gradient-to-color: #057a55;
+}
+
+.to-green-700 {
+  --gradient-to-color: #046c4e;
+}
+
+.to-green-800 {
+  --gradient-to-color: #03543f;
+}
+
+.to-green-900 {
+  --gradient-to-color: #014737;
+}
+
+.to-teal-50 {
+  --gradient-to-color: #edfafa;
+}
+
+.to-teal-100 {
+  --gradient-to-color: #d5f5f6;
+}
+
+.to-teal-200 {
+  --gradient-to-color: #afecef;
+}
+
+.to-teal-300 {
+  --gradient-to-color: #7edce2;
+}
+
+.to-teal-400 {
+  --gradient-to-color: #16bdca;
+}
+
+.to-teal-500 {
+  --gradient-to-color: #0694a2;
+}
+
+.to-teal-600 {
+  --gradient-to-color: #047481;
+}
+
+.to-teal-700 {
+  --gradient-to-color: #036672;
+}
+
+.to-teal-800 {
+  --gradient-to-color: #05505c;
+}
+
+.to-teal-900 {
+  --gradient-to-color: #014451;
+}
+
+.to-blue-50 {
+  --gradient-to-color: #ebf5ff;
+}
+
+.to-blue-100 {
+  --gradient-to-color: #e1effe;
+}
+
+.to-blue-200 {
+  --gradient-to-color: #c3ddfd;
+}
+
+.to-blue-300 {
+  --gradient-to-color: #a4cafe;
+}
+
+.to-blue-400 {
+  --gradient-to-color: #76a9fa;
+}
+
+.to-blue-500 {
+  --gradient-to-color: #3f83f8;
+}
+
+.to-blue-600 {
+  --gradient-to-color: #1c64f2;
+}
+
+.to-blue-700 {
+  --gradient-to-color: #1a56db;
+}
+
+.to-blue-800 {
+  --gradient-to-color: #1e429f;
+}
+
+.to-blue-900 {
+  --gradient-to-color: #233876;
+}
+
+.to-indigo-50 {
+  --gradient-to-color: #f0f5ff;
+}
+
+.to-indigo-100 {
+  --gradient-to-color: #e5edff;
+}
+
+.to-indigo-200 {
+  --gradient-to-color: #cddbfe;
+}
+
+.to-indigo-300 {
+  --gradient-to-color: #b4c6fc;
+}
+
+.to-indigo-400 {
+  --gradient-to-color: #8da2fb;
+}
+
+.to-indigo-500 {
+  --gradient-to-color: #6875f5;
+}
+
+.to-indigo-600 {
+  --gradient-to-color: #5850ec;
+}
+
+.to-indigo-700 {
+  --gradient-to-color: #5145cd;
+}
+
+.to-indigo-800 {
+  --gradient-to-color: #42389d;
+}
+
+.to-indigo-900 {
+  --gradient-to-color: #362f78;
+}
+
+.to-purple-50 {
+  --gradient-to-color: #f6f5ff;
+}
+
+.to-purple-100 {
+  --gradient-to-color: #edebfe;
+}
+
+.to-purple-200 {
+  --gradient-to-color: #dcd7fe;
+}
+
+.to-purple-300 {
+  --gradient-to-color: #cabffd;
+}
+
+.to-purple-400 {
+  --gradient-to-color: #ac94fa;
+}
+
+.to-purple-500 {
+  --gradient-to-color: #9061f9;
+}
+
+.to-purple-600 {
+  --gradient-to-color: #7e3af2;
+}
+
+.to-purple-700 {
+  --gradient-to-color: #6c2bd9;
+}
+
+.to-purple-800 {
+  --gradient-to-color: #5521b5;
+}
+
+.to-purple-900 {
+  --gradient-to-color: #4a1d96;
+}
+
+.to-pink-50 {
+  --gradient-to-color: #fdf2f8;
+}
+
+.to-pink-100 {
+  --gradient-to-color: #fce8f3;
+}
+
+.to-pink-200 {
+  --gradient-to-color: #fad1e8;
+}
+
+.to-pink-300 {
+  --gradient-to-color: #f8b4d9;
+}
+
+.to-pink-400 {
+  --gradient-to-color: #f17eb8;
+}
+
+.to-pink-500 {
+  --gradient-to-color: #e74694;
+}
+
+.to-pink-600 {
+  --gradient-to-color: #d61f69;
+}
+
+.to-pink-700 {
+  --gradient-to-color: #bf125d;
+}
+
+.to-pink-800 {
+  --gradient-to-color: #99154b;
+}
+
+.to-pink-900 {
+  --gradient-to-color: #751a3d;
+}
+
+.hover\:from-transparent:hover {
   --gradient-from-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:gradient-from-current:hover {
+.hover\:from-current:hover {
   --gradient-from-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:gradient-from-black:hover {
+.hover\:from-black:hover {
   --gradient-from-color: #000000;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:gradient-from-white:hover {
+.hover\:from-white:hover {
   --gradient-from-color: #ffffff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:gradient-from-gray-50:hover {
+.hover\:from-gray-50:hover {
   --gradient-from-color: #f9fafb;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
 }
 
-.hover\:gradient-from-gray-100:hover {
+.hover\:from-gray-100:hover {
   --gradient-from-color: #f4f5f7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
 }
 
-.hover\:gradient-from-gray-200:hover {
+.hover\:from-gray-200:hover {
   --gradient-from-color: #e5e7eb;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
 }
 
-.hover\:gradient-from-gray-300:hover {
+.hover\:from-gray-300:hover {
   --gradient-from-color: #d2d6dc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
 }
 
-.hover\:gradient-from-gray-400:hover {
+.hover\:from-gray-400:hover {
   --gradient-from-color: #9fa6b2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
 }
 
-.hover\:gradient-from-gray-500:hover {
+.hover\:from-gray-500:hover {
   --gradient-from-color: #6b7280;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
 }
 
-.hover\:gradient-from-gray-600:hover {
+.hover\:from-gray-600:hover {
   --gradient-from-color: #4b5563;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
 }
 
-.hover\:gradient-from-gray-700:hover {
+.hover\:from-gray-700:hover {
   --gradient-from-color: #374151;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
 }
 
-.hover\:gradient-from-gray-800:hover {
+.hover\:from-gray-800:hover {
   --gradient-from-color: #252f3f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
 }
 
-.hover\:gradient-from-gray-900:hover {
+.hover\:from-gray-900:hover {
   --gradient-from-color: #161e2e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
 }
 
-.hover\:gradient-from-red-50:hover {
+.hover\:from-red-50:hover {
   --gradient-from-color: #fdf2f2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
 }
 
-.hover\:gradient-from-red-100:hover {
+.hover\:from-red-100:hover {
   --gradient-from-color: #fde8e8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
 }
 
-.hover\:gradient-from-red-200:hover {
+.hover\:from-red-200:hover {
   --gradient-from-color: #fbd5d5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
 }
 
-.hover\:gradient-from-red-300:hover {
+.hover\:from-red-300:hover {
   --gradient-from-color: #f8b4b4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
 }
 
-.hover\:gradient-from-red-400:hover {
+.hover\:from-red-400:hover {
   --gradient-from-color: #f98080;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
 }
 
-.hover\:gradient-from-red-500:hover {
+.hover\:from-red-500:hover {
   --gradient-from-color: #f05252;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
 }
 
-.hover\:gradient-from-red-600:hover {
+.hover\:from-red-600:hover {
   --gradient-from-color: #e02424;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
 }
 
-.hover\:gradient-from-red-700:hover {
+.hover\:from-red-700:hover {
   --gradient-from-color: #c81e1e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
 }
 
-.hover\:gradient-from-red-800:hover {
+.hover\:from-red-800:hover {
   --gradient-from-color: #9b1c1c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
 }
 
-.hover\:gradient-from-red-900:hover {
+.hover\:from-red-900:hover {
   --gradient-from-color: #771d1d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
 }
 
-.hover\:gradient-from-orange-50:hover {
+.hover\:from-orange-50:hover {
   --gradient-from-color: #fff8f1;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
 }
 
-.hover\:gradient-from-orange-100:hover {
+.hover\:from-orange-100:hover {
   --gradient-from-color: #feecdc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
 }
 
-.hover\:gradient-from-orange-200:hover {
+.hover\:from-orange-200:hover {
   --gradient-from-color: #fcd9bd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
 }
 
-.hover\:gradient-from-orange-300:hover {
+.hover\:from-orange-300:hover {
   --gradient-from-color: #fdba8c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
 }
 
-.hover\:gradient-from-orange-400:hover {
+.hover\:from-orange-400:hover {
   --gradient-from-color: #ff8a4c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
 }
 
-.hover\:gradient-from-orange-500:hover {
+.hover\:from-orange-500:hover {
   --gradient-from-color: #ff5a1f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
 }
 
-.hover\:gradient-from-orange-600:hover {
+.hover\:from-orange-600:hover {
   --gradient-from-color: #d03801;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
 }
 
-.hover\:gradient-from-orange-700:hover {
+.hover\:from-orange-700:hover {
   --gradient-from-color: #b43403;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
 }
 
-.hover\:gradient-from-orange-800:hover {
+.hover\:from-orange-800:hover {
   --gradient-from-color: #8a2c0d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
 }
 
-.hover\:gradient-from-orange-900:hover {
+.hover\:from-orange-900:hover {
   --gradient-from-color: #73230d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
 }
 
-.hover\:gradient-from-yellow-50:hover {
+.hover\:from-yellow-50:hover {
   --gradient-from-color: #fdfdea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
 }
 
-.hover\:gradient-from-yellow-100:hover {
+.hover\:from-yellow-100:hover {
   --gradient-from-color: #fdf6b2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
 }
 
-.hover\:gradient-from-yellow-200:hover {
+.hover\:from-yellow-200:hover {
   --gradient-from-color: #fce96a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
 }
 
-.hover\:gradient-from-yellow-300:hover {
+.hover\:from-yellow-300:hover {
   --gradient-from-color: #faca15;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
 }
 
-.hover\:gradient-from-yellow-400:hover {
+.hover\:from-yellow-400:hover {
   --gradient-from-color: #e3a008;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
 }
 
-.hover\:gradient-from-yellow-500:hover {
+.hover\:from-yellow-500:hover {
   --gradient-from-color: #c27803;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
 }
 
-.hover\:gradient-from-yellow-600:hover {
+.hover\:from-yellow-600:hover {
   --gradient-from-color: #9f580a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
 }
 
-.hover\:gradient-from-yellow-700:hover {
+.hover\:from-yellow-700:hover {
   --gradient-from-color: #8e4b10;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
 }
 
-.hover\:gradient-from-yellow-800:hover {
+.hover\:from-yellow-800:hover {
   --gradient-from-color: #723b13;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
 }
 
-.hover\:gradient-from-yellow-900:hover {
+.hover\:from-yellow-900:hover {
   --gradient-from-color: #633112;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
 }
 
-.hover\:gradient-from-green-50:hover {
+.hover\:from-green-50:hover {
   --gradient-from-color: #f3faf7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
 }
 
-.hover\:gradient-from-green-100:hover {
+.hover\:from-green-100:hover {
   --gradient-from-color: #def7ec;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
 }
 
-.hover\:gradient-from-green-200:hover {
+.hover\:from-green-200:hover {
   --gradient-from-color: #bcf0da;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
 }
 
-.hover\:gradient-from-green-300:hover {
+.hover\:from-green-300:hover {
   --gradient-from-color: #84e1bc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
 }
 
-.hover\:gradient-from-green-400:hover {
+.hover\:from-green-400:hover {
   --gradient-from-color: #31c48d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
 }
 
-.hover\:gradient-from-green-500:hover {
+.hover\:from-green-500:hover {
   --gradient-from-color: #0e9f6e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
 }
 
-.hover\:gradient-from-green-600:hover {
+.hover\:from-green-600:hover {
   --gradient-from-color: #057a55;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
 }
 
-.hover\:gradient-from-green-700:hover {
+.hover\:from-green-700:hover {
   --gradient-from-color: #046c4e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
 }
 
-.hover\:gradient-from-green-800:hover {
+.hover\:from-green-800:hover {
   --gradient-from-color: #03543f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
 }
 
-.hover\:gradient-from-green-900:hover {
+.hover\:from-green-900:hover {
   --gradient-from-color: #014737;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
 }
 
-.hover\:gradient-from-teal-50:hover {
+.hover\:from-teal-50:hover {
   --gradient-from-color: #edfafa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
 }
 
-.hover\:gradient-from-teal-100:hover {
+.hover\:from-teal-100:hover {
   --gradient-from-color: #d5f5f6;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
 }
 
-.hover\:gradient-from-teal-200:hover {
+.hover\:from-teal-200:hover {
   --gradient-from-color: #afecef;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
 }
 
-.hover\:gradient-from-teal-300:hover {
+.hover\:from-teal-300:hover {
   --gradient-from-color: #7edce2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
 }
 
-.hover\:gradient-from-teal-400:hover {
+.hover\:from-teal-400:hover {
   --gradient-from-color: #16bdca;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
 }
 
-.hover\:gradient-from-teal-500:hover {
+.hover\:from-teal-500:hover {
   --gradient-from-color: #0694a2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
 }
 
-.hover\:gradient-from-teal-600:hover {
+.hover\:from-teal-600:hover {
   --gradient-from-color: #047481;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
 }
 
-.hover\:gradient-from-teal-700:hover {
+.hover\:from-teal-700:hover {
   --gradient-from-color: #036672;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
 }
 
-.hover\:gradient-from-teal-800:hover {
+.hover\:from-teal-800:hover {
   --gradient-from-color: #05505c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
 }
 
-.hover\:gradient-from-teal-900:hover {
+.hover\:from-teal-900:hover {
   --gradient-from-color: #014451;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
 }
 
-.hover\:gradient-from-blue-50:hover {
+.hover\:from-blue-50:hover {
   --gradient-from-color: #ebf5ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
 }
 
-.hover\:gradient-from-blue-100:hover {
+.hover\:from-blue-100:hover {
   --gradient-from-color: #e1effe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
 }
 
-.hover\:gradient-from-blue-200:hover {
+.hover\:from-blue-200:hover {
   --gradient-from-color: #c3ddfd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
 }
 
-.hover\:gradient-from-blue-300:hover {
+.hover\:from-blue-300:hover {
   --gradient-from-color: #a4cafe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
 }
 
-.hover\:gradient-from-blue-400:hover {
+.hover\:from-blue-400:hover {
   --gradient-from-color: #76a9fa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
 }
 
-.hover\:gradient-from-blue-500:hover {
+.hover\:from-blue-500:hover {
   --gradient-from-color: #3f83f8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
 }
 
-.hover\:gradient-from-blue-600:hover {
+.hover\:from-blue-600:hover {
   --gradient-from-color: #1c64f2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
 }
 
-.hover\:gradient-from-blue-700:hover {
+.hover\:from-blue-700:hover {
   --gradient-from-color: #1a56db;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
 }
 
-.hover\:gradient-from-blue-800:hover {
+.hover\:from-blue-800:hover {
   --gradient-from-color: #1e429f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
 }
 
-.hover\:gradient-from-blue-900:hover {
+.hover\:from-blue-900:hover {
   --gradient-from-color: #233876;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
 }
 
-.hover\:gradient-from-indigo-50:hover {
+.hover\:from-indigo-50:hover {
   --gradient-from-color: #f0f5ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
 }
 
-.hover\:gradient-from-indigo-100:hover {
+.hover\:from-indigo-100:hover {
   --gradient-from-color: #e5edff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
 }
 
-.hover\:gradient-from-indigo-200:hover {
+.hover\:from-indigo-200:hover {
   --gradient-from-color: #cddbfe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
 }
 
-.hover\:gradient-from-indigo-300:hover {
+.hover\:from-indigo-300:hover {
   --gradient-from-color: #b4c6fc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
 }
 
-.hover\:gradient-from-indigo-400:hover {
+.hover\:from-indigo-400:hover {
   --gradient-from-color: #8da2fb;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
 }
 
-.hover\:gradient-from-indigo-500:hover {
+.hover\:from-indigo-500:hover {
   --gradient-from-color: #6875f5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
 }
 
-.hover\:gradient-from-indigo-600:hover {
+.hover\:from-indigo-600:hover {
   --gradient-from-color: #5850ec;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
 }
 
-.hover\:gradient-from-indigo-700:hover {
+.hover\:from-indigo-700:hover {
   --gradient-from-color: #5145cd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
 }
 
-.hover\:gradient-from-indigo-800:hover {
+.hover\:from-indigo-800:hover {
   --gradient-from-color: #42389d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
 }
 
-.hover\:gradient-from-indigo-900:hover {
+.hover\:from-indigo-900:hover {
   --gradient-from-color: #362f78;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
 }
 
-.hover\:gradient-from-purple-50:hover {
+.hover\:from-purple-50:hover {
   --gradient-from-color: #f6f5ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
 }
 
-.hover\:gradient-from-purple-100:hover {
+.hover\:from-purple-100:hover {
   --gradient-from-color: #edebfe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
 }
 
-.hover\:gradient-from-purple-200:hover {
+.hover\:from-purple-200:hover {
   --gradient-from-color: #dcd7fe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
 }
 
-.hover\:gradient-from-purple-300:hover {
+.hover\:from-purple-300:hover {
   --gradient-from-color: #cabffd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
 }
 
-.hover\:gradient-from-purple-400:hover {
+.hover\:from-purple-400:hover {
   --gradient-from-color: #ac94fa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
 }
 
-.hover\:gradient-from-purple-500:hover {
+.hover\:from-purple-500:hover {
   --gradient-from-color: #9061f9;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
 }
 
-.hover\:gradient-from-purple-600:hover {
+.hover\:from-purple-600:hover {
   --gradient-from-color: #7e3af2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
 }
 
-.hover\:gradient-from-purple-700:hover {
+.hover\:from-purple-700:hover {
   --gradient-from-color: #6c2bd9;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
 }
 
-.hover\:gradient-from-purple-800:hover {
+.hover\:from-purple-800:hover {
   --gradient-from-color: #5521b5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
 }
 
-.hover\:gradient-from-purple-900:hover {
+.hover\:from-purple-900:hover {
   --gradient-from-color: #4a1d96;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
 }
 
-.hover\:gradient-from-pink-50:hover {
+.hover\:from-pink-50:hover {
   --gradient-from-color: #fdf2f8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
 }
 
-.hover\:gradient-from-pink-100:hover {
+.hover\:from-pink-100:hover {
   --gradient-from-color: #fce8f3;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
 }
 
-.hover\:gradient-from-pink-200:hover {
+.hover\:from-pink-200:hover {
   --gradient-from-color: #fad1e8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
 }
 
-.hover\:gradient-from-pink-300:hover {
+.hover\:from-pink-300:hover {
   --gradient-from-color: #f8b4d9;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
 }
 
-.hover\:gradient-from-pink-400:hover {
+.hover\:from-pink-400:hover {
   --gradient-from-color: #f17eb8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
 }
 
-.hover\:gradient-from-pink-500:hover {
+.hover\:from-pink-500:hover {
   --gradient-from-color: #e74694;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
 }
 
-.hover\:gradient-from-pink-600:hover {
+.hover\:from-pink-600:hover {
   --gradient-from-color: #d61f69;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
 }
 
-.hover\:gradient-from-pink-700:hover {
+.hover\:from-pink-700:hover {
   --gradient-from-color: #bf125d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
 }
 
-.hover\:gradient-from-pink-800:hover {
+.hover\:from-pink-800:hover {
   --gradient-from-color: #99154b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
 }
 
-.hover\:gradient-from-pink-900:hover {
+.hover\:from-pink-900:hover {
   --gradient-from-color: #751a3d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
 }
 
-.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 {
+.hover\:mid-transparent:hover {
   --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:gradient-mid-current:hover {
+.hover\:mid-current:hover {
   --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:gradient-mid-black:hover {
+.hover\:mid-black:hover {
   --gradient-mid-color: #000000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:gradient-mid-white:hover {
+.hover\:mid-white:hover {
   --gradient-mid-color: #ffffff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:gradient-mid-gray-50:hover {
+.hover\:mid-gray-50:hover {
   --gradient-mid-color: #f9fafb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
 }
 
-.hover\:gradient-mid-gray-100:hover {
+.hover\:mid-gray-100:hover {
   --gradient-mid-color: #f4f5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
 }
 
-.hover\:gradient-mid-gray-200:hover {
+.hover\:mid-gray-200:hover {
   --gradient-mid-color: #e5e7eb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
 }
 
-.hover\:gradient-mid-gray-300:hover {
+.hover\:mid-gray-300:hover {
   --gradient-mid-color: #d2d6dc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
 }
 
-.hover\:gradient-mid-gray-400:hover {
+.hover\:mid-gray-400:hover {
   --gradient-mid-color: #9fa6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
 }
 
-.hover\:gradient-mid-gray-500:hover {
+.hover\:mid-gray-500:hover {
   --gradient-mid-color: #6b7280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
 }
 
-.hover\:gradient-mid-gray-600:hover {
+.hover\:mid-gray-600:hover {
   --gradient-mid-color: #4b5563;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
 }
 
-.hover\:gradient-mid-gray-700:hover {
+.hover\:mid-gray-700:hover {
   --gradient-mid-color: #374151;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
 }
 
-.hover\:gradient-mid-gray-800:hover {
+.hover\:mid-gray-800:hover {
   --gradient-mid-color: #252f3f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
 }
 
-.hover\:gradient-mid-gray-900:hover {
+.hover\:mid-gray-900:hover {
   --gradient-mid-color: #161e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
 }
 
-.hover\:gradient-mid-red-50:hover {
+.hover\:mid-red-50:hover {
   --gradient-mid-color: #fdf2f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
 }
 
-.hover\:gradient-mid-red-100:hover {
+.hover\:mid-red-100:hover {
   --gradient-mid-color: #fde8e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
 }
 
-.hover\:gradient-mid-red-200:hover {
+.hover\:mid-red-200:hover {
   --gradient-mid-color: #fbd5d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
 }
 
-.hover\:gradient-mid-red-300:hover {
+.hover\:mid-red-300:hover {
   --gradient-mid-color: #f8b4b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
 }
 
-.hover\:gradient-mid-red-400:hover {
+.hover\:mid-red-400:hover {
   --gradient-mid-color: #f98080;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
 }
 
-.hover\:gradient-mid-red-500:hover {
+.hover\:mid-red-500:hover {
   --gradient-mid-color: #f05252;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
 }
 
-.hover\:gradient-mid-red-600:hover {
+.hover\:mid-red-600:hover {
   --gradient-mid-color: #e02424;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
 }
 
-.hover\:gradient-mid-red-700:hover {
+.hover\:mid-red-700:hover {
   --gradient-mid-color: #c81e1e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
 }
 
-.hover\:gradient-mid-red-800:hover {
+.hover\:mid-red-800:hover {
   --gradient-mid-color: #9b1c1c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
 }
 
-.hover\:gradient-mid-red-900:hover {
+.hover\:mid-red-900:hover {
   --gradient-mid-color: #771d1d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
 }
 
-.hover\:gradient-mid-orange-50:hover {
+.hover\:mid-orange-50:hover {
   --gradient-mid-color: #fff8f1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
 }
 
-.hover\:gradient-mid-orange-100:hover {
+.hover\:mid-orange-100:hover {
   --gradient-mid-color: #feecdc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
 }
 
-.hover\:gradient-mid-orange-200:hover {
+.hover\:mid-orange-200:hover {
   --gradient-mid-color: #fcd9bd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
 }
 
-.hover\:gradient-mid-orange-300:hover {
+.hover\:mid-orange-300:hover {
   --gradient-mid-color: #fdba8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
 }
 
-.hover\:gradient-mid-orange-400:hover {
+.hover\:mid-orange-400:hover {
   --gradient-mid-color: #ff8a4c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
 }
 
-.hover\:gradient-mid-orange-500:hover {
+.hover\:mid-orange-500:hover {
   --gradient-mid-color: #ff5a1f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
 }
 
-.hover\:gradient-mid-orange-600:hover {
+.hover\:mid-orange-600:hover {
   --gradient-mid-color: #d03801;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
 }
 
-.hover\:gradient-mid-orange-700:hover {
+.hover\:mid-orange-700:hover {
   --gradient-mid-color: #b43403;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
 }
 
-.hover\:gradient-mid-orange-800:hover {
+.hover\:mid-orange-800:hover {
   --gradient-mid-color: #8a2c0d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
 }
 
-.hover\:gradient-mid-orange-900:hover {
+.hover\:mid-orange-900:hover {
   --gradient-mid-color: #73230d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
 }
 
-.hover\:gradient-mid-yellow-50:hover {
+.hover\:mid-yellow-50:hover {
   --gradient-mid-color: #fdfdea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
 }
 
-.hover\:gradient-mid-yellow-100:hover {
+.hover\:mid-yellow-100:hover {
   --gradient-mid-color: #fdf6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
 }
 
-.hover\:gradient-mid-yellow-200:hover {
+.hover\:mid-yellow-200:hover {
   --gradient-mid-color: #fce96a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
 }
 
-.hover\:gradient-mid-yellow-300:hover {
+.hover\:mid-yellow-300:hover {
   --gradient-mid-color: #faca15;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
 }
 
-.hover\:gradient-mid-yellow-400:hover {
+.hover\:mid-yellow-400:hover {
   --gradient-mid-color: #e3a008;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
 }
 
-.hover\:gradient-mid-yellow-500:hover {
+.hover\:mid-yellow-500:hover {
   --gradient-mid-color: #c27803;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
 }
 
-.hover\:gradient-mid-yellow-600:hover {
+.hover\:mid-yellow-600:hover {
   --gradient-mid-color: #9f580a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
 }
 
-.hover\:gradient-mid-yellow-700:hover {
+.hover\:mid-yellow-700:hover {
   --gradient-mid-color: #8e4b10;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
 }
 
-.hover\:gradient-mid-yellow-800:hover {
+.hover\:mid-yellow-800:hover {
   --gradient-mid-color: #723b13;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
 }
 
-.hover\:gradient-mid-yellow-900:hover {
+.hover\:mid-yellow-900:hover {
   --gradient-mid-color: #633112;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
 }
 
-.hover\:gradient-mid-green-50:hover {
+.hover\:mid-green-50:hover {
   --gradient-mid-color: #f3faf7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
 }
 
-.hover\:gradient-mid-green-100:hover {
+.hover\:mid-green-100:hover {
   --gradient-mid-color: #def7ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
 }
 
-.hover\:gradient-mid-green-200:hover {
+.hover\:mid-green-200:hover {
   --gradient-mid-color: #bcf0da;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
 }
 
-.hover\:gradient-mid-green-300:hover {
+.hover\:mid-green-300:hover {
   --gradient-mid-color: #84e1bc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
 }
 
-.hover\:gradient-mid-green-400:hover {
+.hover\:mid-green-400:hover {
   --gradient-mid-color: #31c48d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
 }
 
-.hover\:gradient-mid-green-500:hover {
+.hover\:mid-green-500:hover {
   --gradient-mid-color: #0e9f6e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
 }
 
-.hover\:gradient-mid-green-600:hover {
+.hover\:mid-green-600:hover {
   --gradient-mid-color: #057a55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
 }
 
-.hover\:gradient-mid-green-700:hover {
+.hover\:mid-green-700:hover {
   --gradient-mid-color: #046c4e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
 }
 
-.hover\:gradient-mid-green-800:hover {
+.hover\:mid-green-800:hover {
   --gradient-mid-color: #03543f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
 }
 
-.hover\:gradient-mid-green-900:hover {
+.hover\:mid-green-900:hover {
   --gradient-mid-color: #014737;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
 }
 
-.hover\:gradient-mid-teal-50:hover {
+.hover\:mid-teal-50:hover {
   --gradient-mid-color: #edfafa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
 }
 
-.hover\:gradient-mid-teal-100:hover {
+.hover\:mid-teal-100:hover {
   --gradient-mid-color: #d5f5f6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
 }
 
-.hover\:gradient-mid-teal-200:hover {
+.hover\:mid-teal-200:hover {
   --gradient-mid-color: #afecef;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
 }
 
-.hover\:gradient-mid-teal-300:hover {
+.hover\:mid-teal-300:hover {
   --gradient-mid-color: #7edce2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
 }
 
-.hover\:gradient-mid-teal-400:hover {
+.hover\:mid-teal-400:hover {
   --gradient-mid-color: #16bdca;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
 }
 
-.hover\:gradient-mid-teal-500:hover {
+.hover\:mid-teal-500:hover {
   --gradient-mid-color: #0694a2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
 }
 
-.hover\:gradient-mid-teal-600:hover {
+.hover\:mid-teal-600:hover {
   --gradient-mid-color: #047481;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
 }
 
-.hover\:gradient-mid-teal-700:hover {
+.hover\:mid-teal-700:hover {
   --gradient-mid-color: #036672;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
 }
 
-.hover\:gradient-mid-teal-800:hover {
+.hover\:mid-teal-800:hover {
   --gradient-mid-color: #05505c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
 }
 
-.hover\:gradient-mid-teal-900:hover {
+.hover\:mid-teal-900:hover {
   --gradient-mid-color: #014451;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
 }
 
-.hover\:gradient-mid-blue-50:hover {
+.hover\:mid-blue-50:hover {
   --gradient-mid-color: #ebf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
 }
 
-.hover\:gradient-mid-blue-100:hover {
+.hover\:mid-blue-100:hover {
   --gradient-mid-color: #e1effe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
 }
 
-.hover\:gradient-mid-blue-200:hover {
+.hover\:mid-blue-200:hover {
   --gradient-mid-color: #c3ddfd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
 }
 
-.hover\:gradient-mid-blue-300:hover {
+.hover\:mid-blue-300:hover {
   --gradient-mid-color: #a4cafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
 }
 
-.hover\:gradient-mid-blue-400:hover {
+.hover\:mid-blue-400:hover {
   --gradient-mid-color: #76a9fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
 }
 
-.hover\:gradient-mid-blue-500:hover {
+.hover\:mid-blue-500:hover {
   --gradient-mid-color: #3f83f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
 }
 
-.hover\:gradient-mid-blue-600:hover {
+.hover\:mid-blue-600:hover {
   --gradient-mid-color: #1c64f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
 }
 
-.hover\:gradient-mid-blue-700:hover {
+.hover\:mid-blue-700:hover {
   --gradient-mid-color: #1a56db;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
 }
 
-.hover\:gradient-mid-blue-800:hover {
+.hover\:mid-blue-800:hover {
   --gradient-mid-color: #1e429f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
 }
 
-.hover\:gradient-mid-blue-900:hover {
+.hover\:mid-blue-900:hover {
   --gradient-mid-color: #233876;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
 }
 
-.hover\:gradient-mid-indigo-50:hover {
+.hover\:mid-indigo-50:hover {
   --gradient-mid-color: #f0f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
 }
 
-.hover\:gradient-mid-indigo-100:hover {
+.hover\:mid-indigo-100:hover {
   --gradient-mid-color: #e5edff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
 }
 
-.hover\:gradient-mid-indigo-200:hover {
+.hover\:mid-indigo-200:hover {
   --gradient-mid-color: #cddbfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
 }
 
-.hover\:gradient-mid-indigo-300:hover {
+.hover\:mid-indigo-300:hover {
   --gradient-mid-color: #b4c6fc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
 }
 
-.hover\:gradient-mid-indigo-400:hover {
+.hover\:mid-indigo-400:hover {
   --gradient-mid-color: #8da2fb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
 }
 
-.hover\:gradient-mid-indigo-500:hover {
+.hover\:mid-indigo-500:hover {
   --gradient-mid-color: #6875f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
 }
 
-.hover\:gradient-mid-indigo-600:hover {
+.hover\:mid-indigo-600:hover {
   --gradient-mid-color: #5850ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
 }
 
-.hover\:gradient-mid-indigo-700:hover {
+.hover\:mid-indigo-700:hover {
   --gradient-mid-color: #5145cd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
 }
 
-.hover\:gradient-mid-indigo-800:hover {
+.hover\:mid-indigo-800:hover {
   --gradient-mid-color: #42389d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
 }
 
-.hover\:gradient-mid-indigo-900:hover {
+.hover\:mid-indigo-900:hover {
   --gradient-mid-color: #362f78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
 }
 
-.hover\:gradient-mid-purple-50:hover {
+.hover\:mid-purple-50:hover {
   --gradient-mid-color: #f6f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
 }
 
-.hover\:gradient-mid-purple-100:hover {
+.hover\:mid-purple-100:hover {
   --gradient-mid-color: #edebfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
 }
 
-.hover\:gradient-mid-purple-200:hover {
+.hover\:mid-purple-200:hover {
   --gradient-mid-color: #dcd7fe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
 }
 
-.hover\:gradient-mid-purple-300:hover {
+.hover\:mid-purple-300:hover {
   --gradient-mid-color: #cabffd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
 }
 
-.hover\:gradient-mid-purple-400:hover {
+.hover\:mid-purple-400:hover {
   --gradient-mid-color: #ac94fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
 }
 
-.hover\:gradient-mid-purple-500:hover {
+.hover\:mid-purple-500:hover {
   --gradient-mid-color: #9061f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
 }
 
-.hover\:gradient-mid-purple-600:hover {
+.hover\:mid-purple-600:hover {
   --gradient-mid-color: #7e3af2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
 }
 
-.hover\:gradient-mid-purple-700:hover {
+.hover\:mid-purple-700:hover {
   --gradient-mid-color: #6c2bd9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
 }
 
-.hover\:gradient-mid-purple-800:hover {
+.hover\:mid-purple-800:hover {
   --gradient-mid-color: #5521b5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
 }
 
-.hover\:gradient-mid-purple-900:hover {
+.hover\:mid-purple-900:hover {
   --gradient-mid-color: #4a1d96;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
 }
 
-.hover\:gradient-mid-pink-50:hover {
+.hover\:mid-pink-50:hover {
   --gradient-mid-color: #fdf2f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
 }
 
-.hover\:gradient-mid-pink-100:hover {
+.hover\:mid-pink-100:hover {
   --gradient-mid-color: #fce8f3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
 }
 
-.hover\:gradient-mid-pink-200:hover {
+.hover\:mid-pink-200:hover {
   --gradient-mid-color: #fad1e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
 }
 
-.hover\:gradient-mid-pink-300:hover {
+.hover\:mid-pink-300:hover {
   --gradient-mid-color: #f8b4d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
 }
 
-.hover\:gradient-mid-pink-400:hover {
+.hover\:mid-pink-400:hover {
   --gradient-mid-color: #f17eb8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
 }
 
-.hover\:gradient-mid-pink-500:hover {
+.hover\:mid-pink-500:hover {
   --gradient-mid-color: #e74694;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
 }
 
-.hover\:gradient-mid-pink-600:hover {
+.hover\:mid-pink-600:hover {
   --gradient-mid-color: #d61f69;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
 }
 
-.hover\:gradient-mid-pink-700:hover {
+.hover\:mid-pink-700:hover {
   --gradient-mid-color: #bf125d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
 }
 
-.hover\:gradient-mid-pink-800:hover {
+.hover\:mid-pink-800:hover {
   --gradient-mid-color: #99154b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
 }
 
-.hover\:gradient-mid-pink-900:hover {
+.hover\:mid-pink-900:hover {
   --gradient-mid-color: #751a3d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
 }
 
-.focus\:gradient-from-transparent:focus {
+.hover\:to-transparent:hover {
+  --gradient-to-color: transparent;
+}
+
+.hover\:to-current:hover {
+  --gradient-to-color: currentColor;
+}
+
+.hover\:to-black:hover {
+  --gradient-to-color: #000000;
+}
+
+.hover\:to-white:hover {
+  --gradient-to-color: #ffffff;
+}
+
+.hover\:to-gray-50:hover {
+  --gradient-to-color: #f9fafb;
+}
+
+.hover\:to-gray-100:hover {
+  --gradient-to-color: #f4f5f7;
+}
+
+.hover\:to-gray-200:hover {
+  --gradient-to-color: #e5e7eb;
+}
+
+.hover\:to-gray-300:hover {
+  --gradient-to-color: #d2d6dc;
+}
+
+.hover\:to-gray-400:hover {
+  --gradient-to-color: #9fa6b2;
+}
+
+.hover\:to-gray-500:hover {
+  --gradient-to-color: #6b7280;
+}
+
+.hover\:to-gray-600:hover {
+  --gradient-to-color: #4b5563;
+}
+
+.hover\:to-gray-700:hover {
+  --gradient-to-color: #374151;
+}
+
+.hover\:to-gray-800:hover {
+  --gradient-to-color: #252f3f;
+}
+
+.hover\:to-gray-900:hover {
+  --gradient-to-color: #161e2e;
+}
+
+.hover\:to-red-50:hover {
+  --gradient-to-color: #fdf2f2;
+}
+
+.hover\:to-red-100:hover {
+  --gradient-to-color: #fde8e8;
+}
+
+.hover\:to-red-200:hover {
+  --gradient-to-color: #fbd5d5;
+}
+
+.hover\:to-red-300:hover {
+  --gradient-to-color: #f8b4b4;
+}
+
+.hover\:to-red-400:hover {
+  --gradient-to-color: #f98080;
+}
+
+.hover\:to-red-500:hover {
+  --gradient-to-color: #f05252;
+}
+
+.hover\:to-red-600:hover {
+  --gradient-to-color: #e02424;
+}
+
+.hover\:to-red-700:hover {
+  --gradient-to-color: #c81e1e;
+}
+
+.hover\:to-red-800:hover {
+  --gradient-to-color: #9b1c1c;
+}
+
+.hover\:to-red-900:hover {
+  --gradient-to-color: #771d1d;
+}
+
+.hover\:to-orange-50:hover {
+  --gradient-to-color: #fff8f1;
+}
+
+.hover\:to-orange-100:hover {
+  --gradient-to-color: #feecdc;
+}
+
+.hover\:to-orange-200:hover {
+  --gradient-to-color: #fcd9bd;
+}
+
+.hover\:to-orange-300:hover {
+  --gradient-to-color: #fdba8c;
+}
+
+.hover\:to-orange-400:hover {
+  --gradient-to-color: #ff8a4c;
+}
+
+.hover\:to-orange-500:hover {
+  --gradient-to-color: #ff5a1f;
+}
+
+.hover\:to-orange-600:hover {
+  --gradient-to-color: #d03801;
+}
+
+.hover\:to-orange-700:hover {
+  --gradient-to-color: #b43403;
+}
+
+.hover\:to-orange-800:hover {
+  --gradient-to-color: #8a2c0d;
+}
+
+.hover\:to-orange-900:hover {
+  --gradient-to-color: #73230d;
+}
+
+.hover\:to-yellow-50:hover {
+  --gradient-to-color: #fdfdea;
+}
+
+.hover\:to-yellow-100:hover {
+  --gradient-to-color: #fdf6b2;
+}
+
+.hover\:to-yellow-200:hover {
+  --gradient-to-color: #fce96a;
+}
+
+.hover\:to-yellow-300:hover {
+  --gradient-to-color: #faca15;
+}
+
+.hover\:to-yellow-400:hover {
+  --gradient-to-color: #e3a008;
+}
+
+.hover\:to-yellow-500:hover {
+  --gradient-to-color: #c27803;
+}
+
+.hover\:to-yellow-600:hover {
+  --gradient-to-color: #9f580a;
+}
+
+.hover\:to-yellow-700:hover {
+  --gradient-to-color: #8e4b10;
+}
+
+.hover\:to-yellow-800:hover {
+  --gradient-to-color: #723b13;
+}
+
+.hover\:to-yellow-900:hover {
+  --gradient-to-color: #633112;
+}
+
+.hover\:to-green-50:hover {
+  --gradient-to-color: #f3faf7;
+}
+
+.hover\:to-green-100:hover {
+  --gradient-to-color: #def7ec;
+}
+
+.hover\:to-green-200:hover {
+  --gradient-to-color: #bcf0da;
+}
+
+.hover\:to-green-300:hover {
+  --gradient-to-color: #84e1bc;
+}
+
+.hover\:to-green-400:hover {
+  --gradient-to-color: #31c48d;
+}
+
+.hover\:to-green-500:hover {
+  --gradient-to-color: #0e9f6e;
+}
+
+.hover\:to-green-600:hover {
+  --gradient-to-color: #057a55;
+}
+
+.hover\:to-green-700:hover {
+  --gradient-to-color: #046c4e;
+}
+
+.hover\:to-green-800:hover {
+  --gradient-to-color: #03543f;
+}
+
+.hover\:to-green-900:hover {
+  --gradient-to-color: #014737;
+}
+
+.hover\:to-teal-50:hover {
+  --gradient-to-color: #edfafa;
+}
+
+.hover\:to-teal-100:hover {
+  --gradient-to-color: #d5f5f6;
+}
+
+.hover\:to-teal-200:hover {
+  --gradient-to-color: #afecef;
+}
+
+.hover\:to-teal-300:hover {
+  --gradient-to-color: #7edce2;
+}
+
+.hover\:to-teal-400:hover {
+  --gradient-to-color: #16bdca;
+}
+
+.hover\:to-teal-500:hover {
+  --gradient-to-color: #0694a2;
+}
+
+.hover\:to-teal-600:hover {
+  --gradient-to-color: #047481;
+}
+
+.hover\:to-teal-700:hover {
+  --gradient-to-color: #036672;
+}
+
+.hover\:to-teal-800:hover {
+  --gradient-to-color: #05505c;
+}
+
+.hover\:to-teal-900:hover {
+  --gradient-to-color: #014451;
+}
+
+.hover\:to-blue-50:hover {
+  --gradient-to-color: #ebf5ff;
+}
+
+.hover\:to-blue-100:hover {
+  --gradient-to-color: #e1effe;
+}
+
+.hover\:to-blue-200:hover {
+  --gradient-to-color: #c3ddfd;
+}
+
+.hover\:to-blue-300:hover {
+  --gradient-to-color: #a4cafe;
+}
+
+.hover\:to-blue-400:hover {
+  --gradient-to-color: #76a9fa;
+}
+
+.hover\:to-blue-500:hover {
+  --gradient-to-color: #3f83f8;
+}
+
+.hover\:to-blue-600:hover {
+  --gradient-to-color: #1c64f2;
+}
+
+.hover\:to-blue-700:hover {
+  --gradient-to-color: #1a56db;
+}
+
+.hover\:to-blue-800:hover {
+  --gradient-to-color: #1e429f;
+}
+
+.hover\:to-blue-900:hover {
+  --gradient-to-color: #233876;
+}
+
+.hover\:to-indigo-50:hover {
+  --gradient-to-color: #f0f5ff;
+}
+
+.hover\:to-indigo-100:hover {
+  --gradient-to-color: #e5edff;
+}
+
+.hover\:to-indigo-200:hover {
+  --gradient-to-color: #cddbfe;
+}
+
+.hover\:to-indigo-300:hover {
+  --gradient-to-color: #b4c6fc;
+}
+
+.hover\:to-indigo-400:hover {
+  --gradient-to-color: #8da2fb;
+}
+
+.hover\:to-indigo-500:hover {
+  --gradient-to-color: #6875f5;
+}
+
+.hover\:to-indigo-600:hover {
+  --gradient-to-color: #5850ec;
+}
+
+.hover\:to-indigo-700:hover {
+  --gradient-to-color: #5145cd;
+}
+
+.hover\:to-indigo-800:hover {
+  --gradient-to-color: #42389d;
+}
+
+.hover\:to-indigo-900:hover {
+  --gradient-to-color: #362f78;
+}
+
+.hover\:to-purple-50:hover {
+  --gradient-to-color: #f6f5ff;
+}
+
+.hover\:to-purple-100:hover {
+  --gradient-to-color: #edebfe;
+}
+
+.hover\:to-purple-200:hover {
+  --gradient-to-color: #dcd7fe;
+}
+
+.hover\:to-purple-300:hover {
+  --gradient-to-color: #cabffd;
+}
+
+.hover\:to-purple-400:hover {
+  --gradient-to-color: #ac94fa;
+}
+
+.hover\:to-purple-500:hover {
+  --gradient-to-color: #9061f9;
+}
+
+.hover\:to-purple-600:hover {
+  --gradient-to-color: #7e3af2;
+}
+
+.hover\:to-purple-700:hover {
+  --gradient-to-color: #6c2bd9;
+}
+
+.hover\:to-purple-800:hover {
+  --gradient-to-color: #5521b5;
+}
+
+.hover\:to-purple-900:hover {
+  --gradient-to-color: #4a1d96;
+}
+
+.hover\:to-pink-50:hover {
+  --gradient-to-color: #fdf2f8;
+}
+
+.hover\:to-pink-100:hover {
+  --gradient-to-color: #fce8f3;
+}
+
+.hover\:to-pink-200:hover {
+  --gradient-to-color: #fad1e8;
+}
+
+.hover\:to-pink-300:hover {
+  --gradient-to-color: #f8b4d9;
+}
+
+.hover\:to-pink-400:hover {
+  --gradient-to-color: #f17eb8;
+}
+
+.hover\:to-pink-500:hover {
+  --gradient-to-color: #e74694;
+}
+
+.hover\:to-pink-600:hover {
+  --gradient-to-color: #d61f69;
+}
+
+.hover\:to-pink-700:hover {
+  --gradient-to-color: #bf125d;
+}
+
+.hover\:to-pink-800:hover {
+  --gradient-to-color: #99154b;
+}
+
+.hover\:to-pink-900:hover {
+  --gradient-to-color: #751a3d;
+}
+
+.focus\:from-transparent:focus {
   --gradient-from-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:gradient-from-current:focus {
+.focus\:from-current:focus {
   --gradient-from-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:gradient-from-black:focus {
+.focus\:from-black:focus {
   --gradient-from-color: #000000;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:gradient-from-white:focus {
+.focus\:from-white:focus {
   --gradient-from-color: #ffffff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:gradient-from-gray-50:focus {
+.focus\:from-gray-50:focus {
   --gradient-from-color: #f9fafb;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
 }
 
-.focus\:gradient-from-gray-100:focus {
+.focus\:from-gray-100:focus {
   --gradient-from-color: #f4f5f7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
 }
 
-.focus\:gradient-from-gray-200:focus {
+.focus\:from-gray-200:focus {
   --gradient-from-color: #e5e7eb;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
 }
 
-.focus\:gradient-from-gray-300:focus {
+.focus\:from-gray-300:focus {
   --gradient-from-color: #d2d6dc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
 }
 
-.focus\:gradient-from-gray-400:focus {
+.focus\:from-gray-400:focus {
   --gradient-from-color: #9fa6b2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
 }
 
-.focus\:gradient-from-gray-500:focus {
+.focus\:from-gray-500:focus {
   --gradient-from-color: #6b7280;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
 }
 
-.focus\:gradient-from-gray-600:focus {
+.focus\:from-gray-600:focus {
   --gradient-from-color: #4b5563;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
 }
 
-.focus\:gradient-from-gray-700:focus {
+.focus\:from-gray-700:focus {
   --gradient-from-color: #374151;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
 }
 
-.focus\:gradient-from-gray-800:focus {
+.focus\:from-gray-800:focus {
   --gradient-from-color: #252f3f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
 }
 
-.focus\:gradient-from-gray-900:focus {
+.focus\:from-gray-900:focus {
   --gradient-from-color: #161e2e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
 }
 
-.focus\:gradient-from-red-50:focus {
+.focus\:from-red-50:focus {
   --gradient-from-color: #fdf2f2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
 }
 
-.focus\:gradient-from-red-100:focus {
+.focus\:from-red-100:focus {
   --gradient-from-color: #fde8e8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
 }
 
-.focus\:gradient-from-red-200:focus {
+.focus\:from-red-200:focus {
   --gradient-from-color: #fbd5d5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
 }
 
-.focus\:gradient-from-red-300:focus {
+.focus\:from-red-300:focus {
   --gradient-from-color: #f8b4b4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
 }
 
-.focus\:gradient-from-red-400:focus {
+.focus\:from-red-400:focus {
   --gradient-from-color: #f98080;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
 }
 
-.focus\:gradient-from-red-500:focus {
+.focus\:from-red-500:focus {
   --gradient-from-color: #f05252;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
 }
 
-.focus\:gradient-from-red-600:focus {
+.focus\:from-red-600:focus {
   --gradient-from-color: #e02424;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
 }
 
-.focus\:gradient-from-red-700:focus {
+.focus\:from-red-700:focus {
   --gradient-from-color: #c81e1e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
 }
 
-.focus\:gradient-from-red-800:focus {
+.focus\:from-red-800:focus {
   --gradient-from-color: #9b1c1c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
 }
 
-.focus\:gradient-from-red-900:focus {
+.focus\:from-red-900:focus {
   --gradient-from-color: #771d1d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
 }
 
-.focus\:gradient-from-orange-50:focus {
+.focus\:from-orange-50:focus {
   --gradient-from-color: #fff8f1;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
 }
 
-.focus\:gradient-from-orange-100:focus {
+.focus\:from-orange-100:focus {
   --gradient-from-color: #feecdc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
 }
 
-.focus\:gradient-from-orange-200:focus {
+.focus\:from-orange-200:focus {
   --gradient-from-color: #fcd9bd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
 }
 
-.focus\:gradient-from-orange-300:focus {
+.focus\:from-orange-300:focus {
   --gradient-from-color: #fdba8c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
 }
 
-.focus\:gradient-from-orange-400:focus {
+.focus\:from-orange-400:focus {
   --gradient-from-color: #ff8a4c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
 }
 
-.focus\:gradient-from-orange-500:focus {
+.focus\:from-orange-500:focus {
   --gradient-from-color: #ff5a1f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
 }
 
-.focus\:gradient-from-orange-600:focus {
+.focus\:from-orange-600:focus {
   --gradient-from-color: #d03801;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
 }
 
-.focus\:gradient-from-orange-700:focus {
+.focus\:from-orange-700:focus {
   --gradient-from-color: #b43403;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
 }
 
-.focus\:gradient-from-orange-800:focus {
+.focus\:from-orange-800:focus {
   --gradient-from-color: #8a2c0d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
 }
 
-.focus\:gradient-from-orange-900:focus {
+.focus\:from-orange-900:focus {
   --gradient-from-color: #73230d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
 }
 
-.focus\:gradient-from-yellow-50:focus {
+.focus\:from-yellow-50:focus {
   --gradient-from-color: #fdfdea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
 }
 
-.focus\:gradient-from-yellow-100:focus {
+.focus\:from-yellow-100:focus {
   --gradient-from-color: #fdf6b2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
 }
 
-.focus\:gradient-from-yellow-200:focus {
+.focus\:from-yellow-200:focus {
   --gradient-from-color: #fce96a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
 }
 
-.focus\:gradient-from-yellow-300:focus {
+.focus\:from-yellow-300:focus {
   --gradient-from-color: #faca15;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
 }
 
-.focus\:gradient-from-yellow-400:focus {
+.focus\:from-yellow-400:focus {
   --gradient-from-color: #e3a008;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
 }
 
-.focus\:gradient-from-yellow-500:focus {
+.focus\:from-yellow-500:focus {
   --gradient-from-color: #c27803;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
 }
 
-.focus\:gradient-from-yellow-600:focus {
+.focus\:from-yellow-600:focus {
   --gradient-from-color: #9f580a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
 }
 
-.focus\:gradient-from-yellow-700:focus {
+.focus\:from-yellow-700:focus {
   --gradient-from-color: #8e4b10;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
 }
 
-.focus\:gradient-from-yellow-800:focus {
+.focus\:from-yellow-800:focus {
   --gradient-from-color: #723b13;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
 }
 
-.focus\:gradient-from-yellow-900:focus {
+.focus\:from-yellow-900:focus {
   --gradient-from-color: #633112;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
 }
 
-.focus\:gradient-from-green-50:focus {
+.focus\:from-green-50:focus {
   --gradient-from-color: #f3faf7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
 }
 
-.focus\:gradient-from-green-100:focus {
+.focus\:from-green-100:focus {
   --gradient-from-color: #def7ec;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
 }
 
-.focus\:gradient-from-green-200:focus {
+.focus\:from-green-200:focus {
   --gradient-from-color: #bcf0da;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
 }
 
-.focus\:gradient-from-green-300:focus {
+.focus\:from-green-300:focus {
   --gradient-from-color: #84e1bc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
 }
 
-.focus\:gradient-from-green-400:focus {
+.focus\:from-green-400:focus {
   --gradient-from-color: #31c48d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
 }
 
-.focus\:gradient-from-green-500:focus {
+.focus\:from-green-500:focus {
   --gradient-from-color: #0e9f6e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
 }
 
-.focus\:gradient-from-green-600:focus {
+.focus\:from-green-600:focus {
   --gradient-from-color: #057a55;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
 }
 
-.focus\:gradient-from-green-700:focus {
+.focus\:from-green-700:focus {
   --gradient-from-color: #046c4e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
 }
 
-.focus\:gradient-from-green-800:focus {
+.focus\:from-green-800:focus {
   --gradient-from-color: #03543f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
 }
 
-.focus\:gradient-from-green-900:focus {
+.focus\:from-green-900:focus {
   --gradient-from-color: #014737;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
 }
 
-.focus\:gradient-from-teal-50:focus {
+.focus\:from-teal-50:focus {
   --gradient-from-color: #edfafa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
 }
 
-.focus\:gradient-from-teal-100:focus {
+.focus\:from-teal-100:focus {
   --gradient-from-color: #d5f5f6;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
 }
 
-.focus\:gradient-from-teal-200:focus {
+.focus\:from-teal-200:focus {
   --gradient-from-color: #afecef;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
 }
 
-.focus\:gradient-from-teal-300:focus {
+.focus\:from-teal-300:focus {
   --gradient-from-color: #7edce2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
 }
 
-.focus\:gradient-from-teal-400:focus {
+.focus\:from-teal-400:focus {
   --gradient-from-color: #16bdca;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
 }
 
-.focus\:gradient-from-teal-500:focus {
+.focus\:from-teal-500:focus {
   --gradient-from-color: #0694a2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
 }
 
-.focus\:gradient-from-teal-600:focus {
+.focus\:from-teal-600:focus {
   --gradient-from-color: #047481;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
 }
 
-.focus\:gradient-from-teal-700:focus {
+.focus\:from-teal-700:focus {
   --gradient-from-color: #036672;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
 }
 
-.focus\:gradient-from-teal-800:focus {
+.focus\:from-teal-800:focus {
   --gradient-from-color: #05505c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
 }
 
-.focus\:gradient-from-teal-900:focus {
+.focus\:from-teal-900:focus {
   --gradient-from-color: #014451;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
 }
 
-.focus\:gradient-from-blue-50:focus {
+.focus\:from-blue-50:focus {
   --gradient-from-color: #ebf5ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
 }
 
-.focus\:gradient-from-blue-100:focus {
+.focus\:from-blue-100:focus {
   --gradient-from-color: #e1effe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
 }
 
-.focus\:gradient-from-blue-200:focus {
+.focus\:from-blue-200:focus {
   --gradient-from-color: #c3ddfd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
 }
 
-.focus\:gradient-from-blue-300:focus {
+.focus\:from-blue-300:focus {
   --gradient-from-color: #a4cafe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
 }
 
-.focus\:gradient-from-blue-400:focus {
+.focus\:from-blue-400:focus {
   --gradient-from-color: #76a9fa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
 }
 
-.focus\:gradient-from-blue-500:focus {
+.focus\:from-blue-500:focus {
   --gradient-from-color: #3f83f8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
 }
 
-.focus\:gradient-from-blue-600:focus {
+.focus\:from-blue-600:focus {
   --gradient-from-color: #1c64f2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
 }
 
-.focus\:gradient-from-blue-700:focus {
+.focus\:from-blue-700:focus {
   --gradient-from-color: #1a56db;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
 }
 
-.focus\:gradient-from-blue-800:focus {
+.focus\:from-blue-800:focus {
   --gradient-from-color: #1e429f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
 }
 
-.focus\:gradient-from-blue-900:focus {
+.focus\:from-blue-900:focus {
   --gradient-from-color: #233876;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
 }
 
-.focus\:gradient-from-indigo-50:focus {
+.focus\:from-indigo-50:focus {
   --gradient-from-color: #f0f5ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
 }
 
-.focus\:gradient-from-indigo-100:focus {
+.focus\:from-indigo-100:focus {
   --gradient-from-color: #e5edff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
 }
 
-.focus\:gradient-from-indigo-200:focus {
+.focus\:from-indigo-200:focus {
   --gradient-from-color: #cddbfe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
 }
 
-.focus\:gradient-from-indigo-300:focus {
+.focus\:from-indigo-300:focus {
   --gradient-from-color: #b4c6fc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
 }
 
-.focus\:gradient-from-indigo-400:focus {
+.focus\:from-indigo-400:focus {
   --gradient-from-color: #8da2fb;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
 }
 
-.focus\:gradient-from-indigo-500:focus {
+.focus\:from-indigo-500:focus {
   --gradient-from-color: #6875f5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
 }
 
-.focus\:gradient-from-indigo-600:focus {
+.focus\:from-indigo-600:focus {
   --gradient-from-color: #5850ec;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
 }
 
-.focus\:gradient-from-indigo-700:focus {
+.focus\:from-indigo-700:focus {
   --gradient-from-color: #5145cd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
 }
 
-.focus\:gradient-from-indigo-800:focus {
+.focus\:from-indigo-800:focus {
   --gradient-from-color: #42389d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
 }
 
-.focus\:gradient-from-indigo-900:focus {
+.focus\:from-indigo-900:focus {
   --gradient-from-color: #362f78;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
 }
 
-.focus\:gradient-from-purple-50:focus {
+.focus\:from-purple-50:focus {
   --gradient-from-color: #f6f5ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
 }
 
-.focus\:gradient-from-purple-100:focus {
+.focus\:from-purple-100:focus {
   --gradient-from-color: #edebfe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
 }
 
-.focus\:gradient-from-purple-200:focus {
+.focus\:from-purple-200:focus {
   --gradient-from-color: #dcd7fe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
 }
 
-.focus\:gradient-from-purple-300:focus {
+.focus\:from-purple-300:focus {
   --gradient-from-color: #cabffd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
 }
 
-.focus\:gradient-from-purple-400:focus {
+.focus\:from-purple-400:focus {
   --gradient-from-color: #ac94fa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
 }
 
-.focus\:gradient-from-purple-500:focus {
+.focus\:from-purple-500:focus {
   --gradient-from-color: #9061f9;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
 }
 
-.focus\:gradient-from-purple-600:focus {
+.focus\:from-purple-600:focus {
   --gradient-from-color: #7e3af2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
 }
 
-.focus\:gradient-from-purple-700:focus {
+.focus\:from-purple-700:focus {
   --gradient-from-color: #6c2bd9;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
 }
 
-.focus\:gradient-from-purple-800:focus {
+.focus\:from-purple-800:focus {
   --gradient-from-color: #5521b5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
 }
 
-.focus\:gradient-from-purple-900:focus {
+.focus\:from-purple-900:focus {
   --gradient-from-color: #4a1d96;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
 }
 
-.focus\:gradient-from-pink-50:focus {
+.focus\:from-pink-50:focus {
   --gradient-from-color: #fdf2f8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
 }
 
-.focus\:gradient-from-pink-100:focus {
+.focus\:from-pink-100:focus {
   --gradient-from-color: #fce8f3;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
 }
 
-.focus\:gradient-from-pink-200:focus {
+.focus\:from-pink-200:focus {
   --gradient-from-color: #fad1e8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
 }
 
-.focus\:gradient-from-pink-300:focus {
+.focus\:from-pink-300:focus {
   --gradient-from-color: #f8b4d9;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
 }
 
-.focus\:gradient-from-pink-400:focus {
+.focus\:from-pink-400:focus {
   --gradient-from-color: #f17eb8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
 }
 
-.focus\:gradient-from-pink-500:focus {
+.focus\:from-pink-500:focus {
   --gradient-from-color: #e74694;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
 }
 
-.focus\:gradient-from-pink-600:focus {
+.focus\:from-pink-600:focus {
   --gradient-from-color: #d61f69;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
 }
 
-.focus\:gradient-from-pink-700:focus {
+.focus\:from-pink-700:focus {
   --gradient-from-color: #bf125d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
 }
 
-.focus\:gradient-from-pink-800:focus {
+.focus\:from-pink-800:focus {
   --gradient-from-color: #99154b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
 }
 
-.focus\:gradient-from-pink-900:focus {
+.focus\:from-pink-900:focus {
   --gradient-from-color: #751a3d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
 }
 
-.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 {
+.focus\:mid-transparent:focus {
   --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:gradient-mid-current:focus {
+.focus\:mid-current:focus {
   --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:gradient-mid-black:focus {
+.focus\:mid-black:focus {
   --gradient-mid-color: #000000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:gradient-mid-white:focus {
+.focus\:mid-white:focus {
   --gradient-mid-color: #ffffff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:gradient-mid-gray-50:focus {
+.focus\:mid-gray-50:focus {
   --gradient-mid-color: #f9fafb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
 }
 
-.focus\:gradient-mid-gray-100:focus {
+.focus\:mid-gray-100:focus {
   --gradient-mid-color: #f4f5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
 }
 
-.focus\:gradient-mid-gray-200:focus {
+.focus\:mid-gray-200:focus {
   --gradient-mid-color: #e5e7eb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
 }
 
-.focus\:gradient-mid-gray-300:focus {
+.focus\:mid-gray-300:focus {
   --gradient-mid-color: #d2d6dc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
 }
 
-.focus\:gradient-mid-gray-400:focus {
+.focus\:mid-gray-400:focus {
   --gradient-mid-color: #9fa6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
 }
 
-.focus\:gradient-mid-gray-500:focus {
+.focus\:mid-gray-500:focus {
   --gradient-mid-color: #6b7280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
 }
 
-.focus\:gradient-mid-gray-600:focus {
+.focus\:mid-gray-600:focus {
   --gradient-mid-color: #4b5563;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
 }
 
-.focus\:gradient-mid-gray-700:focus {
+.focus\:mid-gray-700:focus {
   --gradient-mid-color: #374151;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
 }
 
-.focus\:gradient-mid-gray-800:focus {
+.focus\:mid-gray-800:focus {
   --gradient-mid-color: #252f3f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
 }
 
-.focus\:gradient-mid-gray-900:focus {
+.focus\:mid-gray-900:focus {
   --gradient-mid-color: #161e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
 }
 
-.focus\:gradient-mid-red-50:focus {
+.focus\:mid-red-50:focus {
   --gradient-mid-color: #fdf2f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
 }
 
-.focus\:gradient-mid-red-100:focus {
+.focus\:mid-red-100:focus {
   --gradient-mid-color: #fde8e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
 }
 
-.focus\:gradient-mid-red-200:focus {
+.focus\:mid-red-200:focus {
   --gradient-mid-color: #fbd5d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
 }
 
-.focus\:gradient-mid-red-300:focus {
+.focus\:mid-red-300:focus {
   --gradient-mid-color: #f8b4b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
 }
 
-.focus\:gradient-mid-red-400:focus {
+.focus\:mid-red-400:focus {
   --gradient-mid-color: #f98080;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
 }
 
-.focus\:gradient-mid-red-500:focus {
+.focus\:mid-red-500:focus {
   --gradient-mid-color: #f05252;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
 }
 
-.focus\:gradient-mid-red-600:focus {
+.focus\:mid-red-600:focus {
   --gradient-mid-color: #e02424;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
 }
 
-.focus\:gradient-mid-red-700:focus {
+.focus\:mid-red-700:focus {
   --gradient-mid-color: #c81e1e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
 }
 
-.focus\:gradient-mid-red-800:focus {
+.focus\:mid-red-800:focus {
   --gradient-mid-color: #9b1c1c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
 }
 
-.focus\:gradient-mid-red-900:focus {
+.focus\:mid-red-900:focus {
   --gradient-mid-color: #771d1d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
 }
 
-.focus\:gradient-mid-orange-50:focus {
+.focus\:mid-orange-50:focus {
   --gradient-mid-color: #fff8f1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
 }
 
-.focus\:gradient-mid-orange-100:focus {
+.focus\:mid-orange-100:focus {
   --gradient-mid-color: #feecdc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
 }
 
-.focus\:gradient-mid-orange-200:focus {
+.focus\:mid-orange-200:focus {
   --gradient-mid-color: #fcd9bd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
 }
 
-.focus\:gradient-mid-orange-300:focus {
+.focus\:mid-orange-300:focus {
   --gradient-mid-color: #fdba8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
 }
 
-.focus\:gradient-mid-orange-400:focus {
+.focus\:mid-orange-400:focus {
   --gradient-mid-color: #ff8a4c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
 }
 
-.focus\:gradient-mid-orange-500:focus {
+.focus\:mid-orange-500:focus {
   --gradient-mid-color: #ff5a1f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
 }
 
-.focus\:gradient-mid-orange-600:focus {
+.focus\:mid-orange-600:focus {
   --gradient-mid-color: #d03801;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
 }
 
-.focus\:gradient-mid-orange-700:focus {
+.focus\:mid-orange-700:focus {
   --gradient-mid-color: #b43403;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
 }
 
-.focus\:gradient-mid-orange-800:focus {
+.focus\:mid-orange-800:focus {
   --gradient-mid-color: #8a2c0d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
 }
 
-.focus\:gradient-mid-orange-900:focus {
+.focus\:mid-orange-900:focus {
   --gradient-mid-color: #73230d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
 }
 
-.focus\:gradient-mid-yellow-50:focus {
+.focus\:mid-yellow-50:focus {
   --gradient-mid-color: #fdfdea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
 }
 
-.focus\:gradient-mid-yellow-100:focus {
+.focus\:mid-yellow-100:focus {
   --gradient-mid-color: #fdf6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
 }
 
-.focus\:gradient-mid-yellow-200:focus {
+.focus\:mid-yellow-200:focus {
   --gradient-mid-color: #fce96a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
 }
 
-.focus\:gradient-mid-yellow-300:focus {
+.focus\:mid-yellow-300:focus {
   --gradient-mid-color: #faca15;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
 }
 
-.focus\:gradient-mid-yellow-400:focus {
+.focus\:mid-yellow-400:focus {
   --gradient-mid-color: #e3a008;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
 }
 
-.focus\:gradient-mid-yellow-500:focus {
+.focus\:mid-yellow-500:focus {
   --gradient-mid-color: #c27803;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
 }
 
-.focus\:gradient-mid-yellow-600:focus {
+.focus\:mid-yellow-600:focus {
   --gradient-mid-color: #9f580a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
 }
 
-.focus\:gradient-mid-yellow-700:focus {
+.focus\:mid-yellow-700:focus {
   --gradient-mid-color: #8e4b10;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
 }
 
-.focus\:gradient-mid-yellow-800:focus {
+.focus\:mid-yellow-800:focus {
   --gradient-mid-color: #723b13;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
 }
 
-.focus\:gradient-mid-yellow-900:focus {
+.focus\:mid-yellow-900:focus {
   --gradient-mid-color: #633112;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
 }
 
-.focus\:gradient-mid-green-50:focus {
+.focus\:mid-green-50:focus {
   --gradient-mid-color: #f3faf7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
 }
 
-.focus\:gradient-mid-green-100:focus {
+.focus\:mid-green-100:focus {
   --gradient-mid-color: #def7ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
 }
 
-.focus\:gradient-mid-green-200:focus {
+.focus\:mid-green-200:focus {
   --gradient-mid-color: #bcf0da;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
 }
 
-.focus\:gradient-mid-green-300:focus {
+.focus\:mid-green-300:focus {
   --gradient-mid-color: #84e1bc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
 }
 
-.focus\:gradient-mid-green-400:focus {
+.focus\:mid-green-400:focus {
   --gradient-mid-color: #31c48d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
 }
 
-.focus\:gradient-mid-green-500:focus {
+.focus\:mid-green-500:focus {
   --gradient-mid-color: #0e9f6e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
 }
 
-.focus\:gradient-mid-green-600:focus {
+.focus\:mid-green-600:focus {
   --gradient-mid-color: #057a55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
 }
 
-.focus\:gradient-mid-green-700:focus {
+.focus\:mid-green-700:focus {
   --gradient-mid-color: #046c4e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
 }
 
-.focus\:gradient-mid-green-800:focus {
+.focus\:mid-green-800:focus {
   --gradient-mid-color: #03543f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
 }
 
-.focus\:gradient-mid-green-900:focus {
+.focus\:mid-green-900:focus {
   --gradient-mid-color: #014737;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
 }
 
-.focus\:gradient-mid-teal-50:focus {
+.focus\:mid-teal-50:focus {
   --gradient-mid-color: #edfafa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
 }
 
-.focus\:gradient-mid-teal-100:focus {
+.focus\:mid-teal-100:focus {
   --gradient-mid-color: #d5f5f6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
 }
 
-.focus\:gradient-mid-teal-200:focus {
+.focus\:mid-teal-200:focus {
   --gradient-mid-color: #afecef;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
 }
 
-.focus\:gradient-mid-teal-300:focus {
+.focus\:mid-teal-300:focus {
   --gradient-mid-color: #7edce2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
 }
 
-.focus\:gradient-mid-teal-400:focus {
+.focus\:mid-teal-400:focus {
   --gradient-mid-color: #16bdca;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
 }
 
-.focus\:gradient-mid-teal-500:focus {
+.focus\:mid-teal-500:focus {
   --gradient-mid-color: #0694a2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
 }
 
-.focus\:gradient-mid-teal-600:focus {
+.focus\:mid-teal-600:focus {
   --gradient-mid-color: #047481;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
 }
 
-.focus\:gradient-mid-teal-700:focus {
+.focus\:mid-teal-700:focus {
   --gradient-mid-color: #036672;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
 }
 
-.focus\:gradient-mid-teal-800:focus {
+.focus\:mid-teal-800:focus {
   --gradient-mid-color: #05505c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
 }
 
-.focus\:gradient-mid-teal-900:focus {
+.focus\:mid-teal-900:focus {
   --gradient-mid-color: #014451;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
 }
 
-.focus\:gradient-mid-blue-50:focus {
+.focus\:mid-blue-50:focus {
   --gradient-mid-color: #ebf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
 }
 
-.focus\:gradient-mid-blue-100:focus {
+.focus\:mid-blue-100:focus {
   --gradient-mid-color: #e1effe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
 }
 
-.focus\:gradient-mid-blue-200:focus {
+.focus\:mid-blue-200:focus {
   --gradient-mid-color: #c3ddfd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
 }
 
-.focus\:gradient-mid-blue-300:focus {
+.focus\:mid-blue-300:focus {
   --gradient-mid-color: #a4cafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
 }
 
-.focus\:gradient-mid-blue-400:focus {
+.focus\:mid-blue-400:focus {
   --gradient-mid-color: #76a9fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
 }
 
-.focus\:gradient-mid-blue-500:focus {
+.focus\:mid-blue-500:focus {
   --gradient-mid-color: #3f83f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
 }
 
-.focus\:gradient-mid-blue-600:focus {
+.focus\:mid-blue-600:focus {
   --gradient-mid-color: #1c64f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
 }
 
-.focus\:gradient-mid-blue-700:focus {
+.focus\:mid-blue-700:focus {
   --gradient-mid-color: #1a56db;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
 }
 
-.focus\:gradient-mid-blue-800:focus {
+.focus\:mid-blue-800:focus {
   --gradient-mid-color: #1e429f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
 }
 
-.focus\:gradient-mid-blue-900:focus {
+.focus\:mid-blue-900:focus {
   --gradient-mid-color: #233876;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
 }
 
-.focus\:gradient-mid-indigo-50:focus {
+.focus\:mid-indigo-50:focus {
   --gradient-mid-color: #f0f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
 }
 
-.focus\:gradient-mid-indigo-100:focus {
+.focus\:mid-indigo-100:focus {
   --gradient-mid-color: #e5edff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
 }
 
-.focus\:gradient-mid-indigo-200:focus {
+.focus\:mid-indigo-200:focus {
   --gradient-mid-color: #cddbfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
 }
 
-.focus\:gradient-mid-indigo-300:focus {
+.focus\:mid-indigo-300:focus {
   --gradient-mid-color: #b4c6fc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
 }
 
-.focus\:gradient-mid-indigo-400:focus {
+.focus\:mid-indigo-400:focus {
   --gradient-mid-color: #8da2fb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
 }
 
-.focus\:gradient-mid-indigo-500:focus {
+.focus\:mid-indigo-500:focus {
   --gradient-mid-color: #6875f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
 }
 
-.focus\:gradient-mid-indigo-600:focus {
+.focus\:mid-indigo-600:focus {
   --gradient-mid-color: #5850ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
 }
 
-.focus\:gradient-mid-indigo-700:focus {
+.focus\:mid-indigo-700:focus {
   --gradient-mid-color: #5145cd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
 }
 
-.focus\:gradient-mid-indigo-800:focus {
+.focus\:mid-indigo-800:focus {
   --gradient-mid-color: #42389d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
 }
 
-.focus\:gradient-mid-indigo-900:focus {
+.focus\:mid-indigo-900:focus {
   --gradient-mid-color: #362f78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
 }
 
-.focus\:gradient-mid-purple-50:focus {
+.focus\:mid-purple-50:focus {
   --gradient-mid-color: #f6f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
 }
 
-.focus\:gradient-mid-purple-100:focus {
+.focus\:mid-purple-100:focus {
   --gradient-mid-color: #edebfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
 }
 
-.focus\:gradient-mid-purple-200:focus {
+.focus\:mid-purple-200:focus {
   --gradient-mid-color: #dcd7fe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
 }
 
-.focus\:gradient-mid-purple-300:focus {
+.focus\:mid-purple-300:focus {
   --gradient-mid-color: #cabffd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
 }
 
-.focus\:gradient-mid-purple-400:focus {
+.focus\:mid-purple-400:focus {
   --gradient-mid-color: #ac94fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
 }
 
-.focus\:gradient-mid-purple-500:focus {
+.focus\:mid-purple-500:focus {
   --gradient-mid-color: #9061f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
 }
 
-.focus\:gradient-mid-purple-600:focus {
+.focus\:mid-purple-600:focus {
   --gradient-mid-color: #7e3af2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
 }
 
-.focus\:gradient-mid-purple-700:focus {
+.focus\:mid-purple-700:focus {
   --gradient-mid-color: #6c2bd9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
 }
 
-.focus\:gradient-mid-purple-800:focus {
+.focus\:mid-purple-800:focus {
   --gradient-mid-color: #5521b5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
 }
 
-.focus\:gradient-mid-purple-900:focus {
+.focus\:mid-purple-900:focus {
   --gradient-mid-color: #4a1d96;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
 }
 
-.focus\:gradient-mid-pink-50:focus {
+.focus\:mid-pink-50:focus {
   --gradient-mid-color: #fdf2f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
 }
 
-.focus\:gradient-mid-pink-100:focus {
+.focus\:mid-pink-100:focus {
   --gradient-mid-color: #fce8f3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
 }
 
-.focus\:gradient-mid-pink-200:focus {
+.focus\:mid-pink-200:focus {
   --gradient-mid-color: #fad1e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
 }
 
-.focus\:gradient-mid-pink-300:focus {
+.focus\:mid-pink-300:focus {
   --gradient-mid-color: #f8b4d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
 }
 
-.focus\:gradient-mid-pink-400:focus {
+.focus\:mid-pink-400:focus {
   --gradient-mid-color: #f17eb8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
 }
 
-.focus\:gradient-mid-pink-500:focus {
+.focus\:mid-pink-500:focus {
   --gradient-mid-color: #e74694;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
 }
 
-.focus\:gradient-mid-pink-600:focus {
+.focus\:mid-pink-600:focus {
   --gradient-mid-color: #d61f69;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
 }
 
-.focus\:gradient-mid-pink-700:focus {
+.focus\:mid-pink-700:focus {
   --gradient-mid-color: #bf125d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
 }
 
-.focus\:gradient-mid-pink-800:focus {
+.focus\:mid-pink-800:focus {
   --gradient-mid-color: #99154b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
 }
 
-.focus\:gradient-mid-pink-900:focus {
+.focus\:mid-pink-900:focus {
   --gradient-mid-color: #751a3d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+}
+
+.focus\:to-transparent:focus {
+  --gradient-to-color: transparent;
+}
+
+.focus\:to-current:focus {
+  --gradient-to-color: currentColor;
+}
+
+.focus\:to-black:focus {
+  --gradient-to-color: #000000;
+}
+
+.focus\:to-white:focus {
+  --gradient-to-color: #ffffff;
+}
+
+.focus\:to-gray-50:focus {
+  --gradient-to-color: #f9fafb;
+}
+
+.focus\:to-gray-100:focus {
+  --gradient-to-color: #f4f5f7;
+}
+
+.focus\:to-gray-200:focus {
+  --gradient-to-color: #e5e7eb;
+}
+
+.focus\:to-gray-300:focus {
+  --gradient-to-color: #d2d6dc;
+}
+
+.focus\:to-gray-400:focus {
+  --gradient-to-color: #9fa6b2;
+}
+
+.focus\:to-gray-500:focus {
+  --gradient-to-color: #6b7280;
+}
+
+.focus\:to-gray-600:focus {
+  --gradient-to-color: #4b5563;
+}
+
+.focus\:to-gray-700:focus {
+  --gradient-to-color: #374151;
+}
+
+.focus\:to-gray-800:focus {
+  --gradient-to-color: #252f3f;
+}
+
+.focus\:to-gray-900:focus {
+  --gradient-to-color: #161e2e;
+}
+
+.focus\:to-red-50:focus {
+  --gradient-to-color: #fdf2f2;
+}
+
+.focus\:to-red-100:focus {
+  --gradient-to-color: #fde8e8;
+}
+
+.focus\:to-red-200:focus {
+  --gradient-to-color: #fbd5d5;
+}
+
+.focus\:to-red-300:focus {
+  --gradient-to-color: #f8b4b4;
+}
+
+.focus\:to-red-400:focus {
+  --gradient-to-color: #f98080;
+}
+
+.focus\:to-red-500:focus {
+  --gradient-to-color: #f05252;
+}
+
+.focus\:to-red-600:focus {
+  --gradient-to-color: #e02424;
+}
+
+.focus\:to-red-700:focus {
+  --gradient-to-color: #c81e1e;
+}
+
+.focus\:to-red-800:focus {
+  --gradient-to-color: #9b1c1c;
+}
+
+.focus\:to-red-900:focus {
+  --gradient-to-color: #771d1d;
+}
+
+.focus\:to-orange-50:focus {
+  --gradient-to-color: #fff8f1;
+}
+
+.focus\:to-orange-100:focus {
+  --gradient-to-color: #feecdc;
+}
+
+.focus\:to-orange-200:focus {
+  --gradient-to-color: #fcd9bd;
+}
+
+.focus\:to-orange-300:focus {
+  --gradient-to-color: #fdba8c;
+}
+
+.focus\:to-orange-400:focus {
+  --gradient-to-color: #ff8a4c;
+}
+
+.focus\:to-orange-500:focus {
+  --gradient-to-color: #ff5a1f;
+}
+
+.focus\:to-orange-600:focus {
+  --gradient-to-color: #d03801;
+}
+
+.focus\:to-orange-700:focus {
+  --gradient-to-color: #b43403;
+}
+
+.focus\:to-orange-800:focus {
+  --gradient-to-color: #8a2c0d;
+}
+
+.focus\:to-orange-900:focus {
+  --gradient-to-color: #73230d;
+}
+
+.focus\:to-yellow-50:focus {
+  --gradient-to-color: #fdfdea;
+}
+
+.focus\:to-yellow-100:focus {
+  --gradient-to-color: #fdf6b2;
+}
+
+.focus\:to-yellow-200:focus {
+  --gradient-to-color: #fce96a;
+}
+
+.focus\:to-yellow-300:focus {
+  --gradient-to-color: #faca15;
+}
+
+.focus\:to-yellow-400:focus {
+  --gradient-to-color: #e3a008;
+}
+
+.focus\:to-yellow-500:focus {
+  --gradient-to-color: #c27803;
+}
+
+.focus\:to-yellow-600:focus {
+  --gradient-to-color: #9f580a;
+}
+
+.focus\:to-yellow-700:focus {
+  --gradient-to-color: #8e4b10;
+}
+
+.focus\:to-yellow-800:focus {
+  --gradient-to-color: #723b13;
+}
+
+.focus\:to-yellow-900:focus {
+  --gradient-to-color: #633112;
+}
+
+.focus\:to-green-50:focus {
+  --gradient-to-color: #f3faf7;
+}
+
+.focus\:to-green-100:focus {
+  --gradient-to-color: #def7ec;
+}
+
+.focus\:to-green-200:focus {
+  --gradient-to-color: #bcf0da;
+}
+
+.focus\:to-green-300:focus {
+  --gradient-to-color: #84e1bc;
+}
+
+.focus\:to-green-400:focus {
+  --gradient-to-color: #31c48d;
+}
+
+.focus\:to-green-500:focus {
+  --gradient-to-color: #0e9f6e;
+}
+
+.focus\:to-green-600:focus {
+  --gradient-to-color: #057a55;
+}
+
+.focus\:to-green-700:focus {
+  --gradient-to-color: #046c4e;
+}
+
+.focus\:to-green-800:focus {
+  --gradient-to-color: #03543f;
+}
+
+.focus\:to-green-900:focus {
+  --gradient-to-color: #014737;
+}
+
+.focus\:to-teal-50:focus {
+  --gradient-to-color: #edfafa;
+}
+
+.focus\:to-teal-100:focus {
+  --gradient-to-color: #d5f5f6;
+}
+
+.focus\:to-teal-200:focus {
+  --gradient-to-color: #afecef;
+}
+
+.focus\:to-teal-300:focus {
+  --gradient-to-color: #7edce2;
+}
+
+.focus\:to-teal-400:focus {
+  --gradient-to-color: #16bdca;
+}
+
+.focus\:to-teal-500:focus {
+  --gradient-to-color: #0694a2;
+}
+
+.focus\:to-teal-600:focus {
+  --gradient-to-color: #047481;
+}
+
+.focus\:to-teal-700:focus {
+  --gradient-to-color: #036672;
+}
+
+.focus\:to-teal-800:focus {
+  --gradient-to-color: #05505c;
+}
+
+.focus\:to-teal-900:focus {
+  --gradient-to-color: #014451;
+}
+
+.focus\:to-blue-50:focus {
+  --gradient-to-color: #ebf5ff;
+}
+
+.focus\:to-blue-100:focus {
+  --gradient-to-color: #e1effe;
+}
+
+.focus\:to-blue-200:focus {
+  --gradient-to-color: #c3ddfd;
+}
+
+.focus\:to-blue-300:focus {
+  --gradient-to-color: #a4cafe;
+}
+
+.focus\:to-blue-400:focus {
+  --gradient-to-color: #76a9fa;
+}
+
+.focus\:to-blue-500:focus {
+  --gradient-to-color: #3f83f8;
+}
+
+.focus\:to-blue-600:focus {
+  --gradient-to-color: #1c64f2;
+}
+
+.focus\:to-blue-700:focus {
+  --gradient-to-color: #1a56db;
+}
+
+.focus\:to-blue-800:focus {
+  --gradient-to-color: #1e429f;
+}
+
+.focus\:to-blue-900:focus {
+  --gradient-to-color: #233876;
+}
+
+.focus\:to-indigo-50:focus {
+  --gradient-to-color: #f0f5ff;
+}
+
+.focus\:to-indigo-100:focus {
+  --gradient-to-color: #e5edff;
+}
+
+.focus\:to-indigo-200:focus {
+  --gradient-to-color: #cddbfe;
+}
+
+.focus\:to-indigo-300:focus {
+  --gradient-to-color: #b4c6fc;
+}
+
+.focus\:to-indigo-400:focus {
+  --gradient-to-color: #8da2fb;
+}
+
+.focus\:to-indigo-500:focus {
+  --gradient-to-color: #6875f5;
+}
+
+.focus\:to-indigo-600:focus {
+  --gradient-to-color: #5850ec;
+}
+
+.focus\:to-indigo-700:focus {
+  --gradient-to-color: #5145cd;
+}
+
+.focus\:to-indigo-800:focus {
+  --gradient-to-color: #42389d;
+}
+
+.focus\:to-indigo-900:focus {
+  --gradient-to-color: #362f78;
+}
+
+.focus\:to-purple-50:focus {
+  --gradient-to-color: #f6f5ff;
+}
+
+.focus\:to-purple-100:focus {
+  --gradient-to-color: #edebfe;
+}
+
+.focus\:to-purple-200:focus {
+  --gradient-to-color: #dcd7fe;
+}
+
+.focus\:to-purple-300:focus {
+  --gradient-to-color: #cabffd;
+}
+
+.focus\:to-purple-400:focus {
+  --gradient-to-color: #ac94fa;
+}
+
+.focus\:to-purple-500:focus {
+  --gradient-to-color: #9061f9;
+}
+
+.focus\:to-purple-600:focus {
+  --gradient-to-color: #7e3af2;
+}
+
+.focus\:to-purple-700:focus {
+  --gradient-to-color: #6c2bd9;
+}
+
+.focus\:to-purple-800:focus {
+  --gradient-to-color: #5521b5;
+}
+
+.focus\:to-purple-900:focus {
+  --gradient-to-color: #4a1d96;
+}
+
+.focus\:to-pink-50:focus {
+  --gradient-to-color: #fdf2f8;
+}
+
+.focus\:to-pink-100:focus {
+  --gradient-to-color: #fce8f3;
+}
+
+.focus\:to-pink-200:focus {
+  --gradient-to-color: #fad1e8;
+}
+
+.focus\:to-pink-300:focus {
+  --gradient-to-color: #f8b4d9;
+}
+
+.focus\:to-pink-400:focus {
+  --gradient-to-color: #f17eb8;
+}
+
+.focus\:to-pink-500:focus {
+  --gradient-to-color: #e74694;
+}
+
+.focus\:to-pink-600:focus {
+  --gradient-to-color: #d61f69;
+}
+
+.focus\:to-pink-700:focus {
+  --gradient-to-color: #bf125d;
+}
+
+.focus\:to-pink-800:focus {
+  --gradient-to-color: #99154b;
+}
+
+.focus\:to-pink-900:focus {
+  --gradient-to-color: #751a3d;
 }
 
 .bg-opacity-0 {
@@ -34576,4700 +34280,4404 @@ 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-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  .sm\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  .sm\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  .sm\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .sm\:gradient-from-transparent {
+  .sm\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .sm\:from-transparent {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:gradient-from-current {
+  .sm\:from-current {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:gradient-from-black {
+  .sm\:from-black {
     --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:gradient-from-white {
+  .sm\:from-white {
     --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:gradient-from-gray-50 {
+  .sm\:from-gray-50 {
     --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .sm\:gradient-from-gray-100 {
+  .sm\:from-gray-100 {
     --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .sm\:gradient-from-gray-200 {
+  .sm\:from-gray-200 {
     --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .sm\:gradient-from-gray-300 {
+  .sm\:from-gray-300 {
     --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .sm\:gradient-from-gray-400 {
+  .sm\:from-gray-400 {
     --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .sm\:gradient-from-gray-500 {
+  .sm\:from-gray-500 {
     --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .sm\:gradient-from-gray-600 {
+  .sm\:from-gray-600 {
     --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .sm\:gradient-from-gray-700 {
+  .sm\:from-gray-700 {
     --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .sm\:gradient-from-gray-800 {
+  .sm\:from-gray-800 {
     --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .sm\:gradient-from-gray-900 {
+  .sm\:from-gray-900 {
     --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .sm\:gradient-from-red-50 {
+  .sm\:from-red-50 {
     --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .sm\:gradient-from-red-100 {
+  .sm\:from-red-100 {
     --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .sm\:gradient-from-red-200 {
+  .sm\:from-red-200 {
     --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .sm\:gradient-from-red-300 {
+  .sm\:from-red-300 {
     --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .sm\:gradient-from-red-400 {
+  .sm\:from-red-400 {
     --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .sm\:gradient-from-red-500 {
+  .sm\:from-red-500 {
     --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .sm\:gradient-from-red-600 {
+  .sm\:from-red-600 {
     --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .sm\:gradient-from-red-700 {
+  .sm\:from-red-700 {
     --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .sm\:gradient-from-red-800 {
+  .sm\:from-red-800 {
     --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .sm\:gradient-from-red-900 {
+  .sm\:from-red-900 {
     --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .sm\:gradient-from-orange-50 {
+  .sm\:from-orange-50 {
     --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .sm\:gradient-from-orange-100 {
+  .sm\:from-orange-100 {
     --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .sm\:gradient-from-orange-200 {
+  .sm\:from-orange-200 {
     --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .sm\:gradient-from-orange-300 {
+  .sm\:from-orange-300 {
     --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .sm\:gradient-from-orange-400 {
+  .sm\:from-orange-400 {
     --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .sm\:gradient-from-orange-500 {
+  .sm\:from-orange-500 {
     --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .sm\:gradient-from-orange-600 {
+  .sm\:from-orange-600 {
     --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .sm\:gradient-from-orange-700 {
+  .sm\:from-orange-700 {
     --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .sm\:gradient-from-orange-800 {
+  .sm\:from-orange-800 {
     --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .sm\:gradient-from-orange-900 {
+  .sm\:from-orange-900 {
     --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .sm\:gradient-from-yellow-50 {
+  .sm\:from-yellow-50 {
     --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .sm\:gradient-from-yellow-100 {
+  .sm\:from-yellow-100 {
     --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .sm\:gradient-from-yellow-200 {
+  .sm\:from-yellow-200 {
     --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .sm\:gradient-from-yellow-300 {
+  .sm\:from-yellow-300 {
     --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .sm\:gradient-from-yellow-400 {
+  .sm\:from-yellow-400 {
     --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .sm\:gradient-from-yellow-500 {
+  .sm\:from-yellow-500 {
     --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .sm\:gradient-from-yellow-600 {
+  .sm\:from-yellow-600 {
     --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .sm\:gradient-from-yellow-700 {
+  .sm\:from-yellow-700 {
     --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .sm\:gradient-from-yellow-800 {
+  .sm\:from-yellow-800 {
     --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .sm\:gradient-from-yellow-900 {
+  .sm\:from-yellow-900 {
     --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .sm\:gradient-from-green-50 {
+  .sm\:from-green-50 {
     --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .sm\:gradient-from-green-100 {
+  .sm\:from-green-100 {
     --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .sm\:gradient-from-green-200 {
+  .sm\:from-green-200 {
     --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .sm\:gradient-from-green-300 {
+  .sm\:from-green-300 {
     --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .sm\:gradient-from-green-400 {
+  .sm\:from-green-400 {
     --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .sm\:gradient-from-green-500 {
+  .sm\:from-green-500 {
     --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .sm\:gradient-from-green-600 {
+  .sm\:from-green-600 {
     --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .sm\:gradient-from-green-700 {
+  .sm\:from-green-700 {
     --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .sm\:gradient-from-green-800 {
+  .sm\:from-green-800 {
     --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .sm\:gradient-from-green-900 {
+  .sm\:from-green-900 {
     --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .sm\:gradient-from-teal-50 {
+  .sm\:from-teal-50 {
     --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .sm\:gradient-from-teal-100 {
+  .sm\:from-teal-100 {
     --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .sm\:gradient-from-teal-200 {
+  .sm\:from-teal-200 {
     --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .sm\:gradient-from-teal-300 {
+  .sm\:from-teal-300 {
     --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .sm\:gradient-from-teal-400 {
+  .sm\:from-teal-400 {
     --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .sm\:gradient-from-teal-500 {
+  .sm\:from-teal-500 {
     --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .sm\:gradient-from-teal-600 {
+  .sm\:from-teal-600 {
     --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .sm\:gradient-from-teal-700 {
+  .sm\:from-teal-700 {
     --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .sm\:gradient-from-teal-800 {
+  .sm\:from-teal-800 {
     --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .sm\:gradient-from-teal-900 {
+  .sm\:from-teal-900 {
     --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .sm\:gradient-from-blue-50 {
+  .sm\:from-blue-50 {
     --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .sm\:gradient-from-blue-100 {
+  .sm\:from-blue-100 {
     --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .sm\:gradient-from-blue-200 {
+  .sm\:from-blue-200 {
     --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .sm\:gradient-from-blue-300 {
+  .sm\:from-blue-300 {
     --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .sm\:gradient-from-blue-400 {
+  .sm\:from-blue-400 {
     --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .sm\:gradient-from-blue-500 {
+  .sm\:from-blue-500 {
     --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .sm\:gradient-from-blue-600 {
+  .sm\:from-blue-600 {
     --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .sm\:gradient-from-blue-700 {
+  .sm\:from-blue-700 {
     --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .sm\:gradient-from-blue-800 {
+  .sm\:from-blue-800 {
     --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .sm\:gradient-from-blue-900 {
+  .sm\:from-blue-900 {
     --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .sm\:gradient-from-indigo-50 {
+  .sm\:from-indigo-50 {
     --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .sm\:gradient-from-indigo-100 {
+  .sm\:from-indigo-100 {
     --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .sm\:gradient-from-indigo-200 {
+  .sm\:from-indigo-200 {
     --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .sm\:gradient-from-indigo-300 {
+  .sm\:from-indigo-300 {
     --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .sm\:gradient-from-indigo-400 {
+  .sm\:from-indigo-400 {
     --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .sm\:gradient-from-indigo-500 {
+  .sm\:from-indigo-500 {
     --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .sm\:gradient-from-indigo-600 {
+  .sm\:from-indigo-600 {
     --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .sm\:gradient-from-indigo-700 {
+  .sm\:from-indigo-700 {
     --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .sm\:gradient-from-indigo-800 {
+  .sm\:from-indigo-800 {
     --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .sm\:gradient-from-indigo-900 {
+  .sm\:from-indigo-900 {
     --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .sm\:gradient-from-purple-50 {
+  .sm\:from-purple-50 {
     --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .sm\:gradient-from-purple-100 {
+  .sm\:from-purple-100 {
     --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .sm\:gradient-from-purple-200 {
+  .sm\:from-purple-200 {
     --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .sm\:gradient-from-purple-300 {
+  .sm\:from-purple-300 {
     --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .sm\:gradient-from-purple-400 {
+  .sm\:from-purple-400 {
     --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .sm\:gradient-from-purple-500 {
+  .sm\:from-purple-500 {
     --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .sm\:gradient-from-purple-600 {
+  .sm\:from-purple-600 {
     --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .sm\:gradient-from-purple-700 {
+  .sm\:from-purple-700 {
     --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .sm\:gradient-from-purple-800 {
+  .sm\:from-purple-800 {
     --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .sm\:gradient-from-purple-900 {
+  .sm\:from-purple-900 {
     --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .sm\:gradient-from-pink-50 {
+  .sm\:from-pink-50 {
     --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .sm\:gradient-from-pink-100 {
+  .sm\:from-pink-100 {
     --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .sm\:gradient-from-pink-200 {
+  .sm\:from-pink-200 {
     --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .sm\:gradient-from-pink-300 {
+  .sm\:from-pink-300 {
     --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .sm\:gradient-from-pink-400 {
+  .sm\:from-pink-400 {
     --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .sm\:gradient-from-pink-500 {
+  .sm\:from-pink-500 {
     --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .sm\:gradient-from-pink-600 {
+  .sm\:from-pink-600 {
     --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .sm\:gradient-from-pink-700 {
+  .sm\:from-pink-700 {
     --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .sm\:gradient-from-pink-800 {
+  .sm\:from-pink-800 {
     --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .sm\:gradient-from-pink-900 {
+  .sm\:from-pink-900 {
     --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .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 {
+  .sm\:mid-transparent {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:gradient-mid-current {
+  .sm\:mid-current {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:gradient-mid-black {
+  .sm\:mid-black {
     --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:gradient-mid-white {
+  .sm\:mid-white {
     --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:gradient-mid-gray-50 {
+  .sm\:mid-gray-50 {
     --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .sm\:gradient-mid-gray-100 {
+  .sm\:mid-gray-100 {
     --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .sm\:gradient-mid-gray-200 {
+  .sm\:mid-gray-200 {
     --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .sm\:gradient-mid-gray-300 {
+  .sm\:mid-gray-300 {
     --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .sm\:gradient-mid-gray-400 {
+  .sm\:mid-gray-400 {
     --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .sm\:gradient-mid-gray-500 {
+  .sm\:mid-gray-500 {
     --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .sm\:gradient-mid-gray-600 {
+  .sm\:mid-gray-600 {
     --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .sm\:gradient-mid-gray-700 {
+  .sm\:mid-gray-700 {
     --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .sm\:gradient-mid-gray-800 {
+  .sm\:mid-gray-800 {
     --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .sm\:gradient-mid-gray-900 {
+  .sm\:mid-gray-900 {
     --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .sm\:gradient-mid-red-50 {
+  .sm\:mid-red-50 {
     --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .sm\:gradient-mid-red-100 {
+  .sm\:mid-red-100 {
     --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .sm\:gradient-mid-red-200 {
+  .sm\:mid-red-200 {
     --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .sm\:gradient-mid-red-300 {
+  .sm\:mid-red-300 {
     --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .sm\:gradient-mid-red-400 {
+  .sm\:mid-red-400 {
     --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .sm\:gradient-mid-red-500 {
+  .sm\:mid-red-500 {
     --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .sm\:gradient-mid-red-600 {
+  .sm\:mid-red-600 {
     --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .sm\:gradient-mid-red-700 {
+  .sm\:mid-red-700 {
     --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .sm\:gradient-mid-red-800 {
+  .sm\:mid-red-800 {
     --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .sm\:gradient-mid-red-900 {
+  .sm\:mid-red-900 {
     --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .sm\:gradient-mid-orange-50 {
+  .sm\:mid-orange-50 {
     --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .sm\:gradient-mid-orange-100 {
+  .sm\:mid-orange-100 {
     --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .sm\:gradient-mid-orange-200 {
+  .sm\:mid-orange-200 {
     --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .sm\:gradient-mid-orange-300 {
+  .sm\:mid-orange-300 {
     --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .sm\:gradient-mid-orange-400 {
+  .sm\:mid-orange-400 {
     --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .sm\:gradient-mid-orange-500 {
+  .sm\:mid-orange-500 {
     --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .sm\:gradient-mid-orange-600 {
+  .sm\:mid-orange-600 {
     --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .sm\:gradient-mid-orange-700 {
+  .sm\:mid-orange-700 {
     --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .sm\:gradient-mid-orange-800 {
+  .sm\:mid-orange-800 {
     --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .sm\:gradient-mid-orange-900 {
+  .sm\:mid-orange-900 {
     --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .sm\:gradient-mid-yellow-50 {
+  .sm\:mid-yellow-50 {
     --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .sm\:gradient-mid-yellow-100 {
+  .sm\:mid-yellow-100 {
     --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .sm\:gradient-mid-yellow-200 {
+  .sm\:mid-yellow-200 {
     --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .sm\:gradient-mid-yellow-300 {
+  .sm\:mid-yellow-300 {
     --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .sm\:gradient-mid-yellow-400 {
+  .sm\:mid-yellow-400 {
     --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .sm\:gradient-mid-yellow-500 {
+  .sm\:mid-yellow-500 {
     --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .sm\:gradient-mid-yellow-600 {
+  .sm\:mid-yellow-600 {
     --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .sm\:gradient-mid-yellow-700 {
+  .sm\:mid-yellow-700 {
     --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .sm\:gradient-mid-yellow-800 {
+  .sm\:mid-yellow-800 {
     --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .sm\:gradient-mid-yellow-900 {
+  .sm\:mid-yellow-900 {
     --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .sm\:gradient-mid-green-50 {
+  .sm\:mid-green-50 {
     --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .sm\:gradient-mid-green-100 {
+  .sm\:mid-green-100 {
     --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .sm\:gradient-mid-green-200 {
+  .sm\:mid-green-200 {
     --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .sm\:gradient-mid-green-300 {
+  .sm\:mid-green-300 {
     --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .sm\:gradient-mid-green-400 {
+  .sm\:mid-green-400 {
     --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .sm\:gradient-mid-green-500 {
+  .sm\:mid-green-500 {
     --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .sm\:gradient-mid-green-600 {
+  .sm\:mid-green-600 {
     --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .sm\:gradient-mid-green-700 {
+  .sm\:mid-green-700 {
     --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .sm\:gradient-mid-green-800 {
+  .sm\:mid-green-800 {
     --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .sm\:gradient-mid-green-900 {
+  .sm\:mid-green-900 {
     --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .sm\:gradient-mid-teal-50 {
+  .sm\:mid-teal-50 {
     --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .sm\:gradient-mid-teal-100 {
+  .sm\:mid-teal-100 {
     --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .sm\:gradient-mid-teal-200 {
+  .sm\:mid-teal-200 {
     --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .sm\:gradient-mid-teal-300 {
+  .sm\:mid-teal-300 {
     --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .sm\:gradient-mid-teal-400 {
+  .sm\:mid-teal-400 {
     --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .sm\:gradient-mid-teal-500 {
+  .sm\:mid-teal-500 {
     --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .sm\:gradient-mid-teal-600 {
+  .sm\:mid-teal-600 {
     --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .sm\:gradient-mid-teal-700 {
+  .sm\:mid-teal-700 {
     --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .sm\:gradient-mid-teal-800 {
+  .sm\:mid-teal-800 {
     --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .sm\:gradient-mid-teal-900 {
+  .sm\:mid-teal-900 {
     --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .sm\:gradient-mid-blue-50 {
+  .sm\:mid-blue-50 {
     --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .sm\:gradient-mid-blue-100 {
+  .sm\:mid-blue-100 {
     --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .sm\:gradient-mid-blue-200 {
+  .sm\:mid-blue-200 {
     --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .sm\:gradient-mid-blue-300 {
+  .sm\:mid-blue-300 {
     --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .sm\:gradient-mid-blue-400 {
+  .sm\:mid-blue-400 {
     --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .sm\:gradient-mid-blue-500 {
+  .sm\:mid-blue-500 {
     --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .sm\:gradient-mid-blue-600 {
+  .sm\:mid-blue-600 {
     --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .sm\:gradient-mid-blue-700 {
+  .sm\:mid-blue-700 {
     --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .sm\:gradient-mid-blue-800 {
+  .sm\:mid-blue-800 {
     --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .sm\:gradient-mid-blue-900 {
+  .sm\:mid-blue-900 {
     --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .sm\:gradient-mid-indigo-50 {
+  .sm\:mid-indigo-50 {
     --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .sm\:gradient-mid-indigo-100 {
+  .sm\:mid-indigo-100 {
     --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .sm\:gradient-mid-indigo-200 {
+  .sm\:mid-indigo-200 {
     --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .sm\:gradient-mid-indigo-300 {
+  .sm\:mid-indigo-300 {
     --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .sm\:gradient-mid-indigo-400 {
+  .sm\:mid-indigo-400 {
     --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .sm\:gradient-mid-indigo-500 {
+  .sm\:mid-indigo-500 {
     --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .sm\:gradient-mid-indigo-600 {
+  .sm\:mid-indigo-600 {
     --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .sm\:gradient-mid-indigo-700 {
+  .sm\:mid-indigo-700 {
     --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .sm\:gradient-mid-indigo-800 {
+  .sm\:mid-indigo-800 {
     --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .sm\:gradient-mid-indigo-900 {
+  .sm\:mid-indigo-900 {
     --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .sm\:gradient-mid-purple-50 {
+  .sm\:mid-purple-50 {
     --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .sm\:gradient-mid-purple-100 {
+  .sm\:mid-purple-100 {
     --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .sm\:gradient-mid-purple-200 {
+  .sm\:mid-purple-200 {
     --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .sm\:gradient-mid-purple-300 {
+  .sm\:mid-purple-300 {
     --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .sm\:gradient-mid-purple-400 {
+  .sm\:mid-purple-400 {
     --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .sm\:gradient-mid-purple-500 {
+  .sm\:mid-purple-500 {
     --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .sm\:gradient-mid-purple-600 {
+  .sm\:mid-purple-600 {
     --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .sm\:gradient-mid-purple-700 {
+  .sm\:mid-purple-700 {
     --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .sm\:gradient-mid-purple-800 {
+  .sm\:mid-purple-800 {
     --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .sm\:gradient-mid-purple-900 {
+  .sm\:mid-purple-900 {
     --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .sm\:gradient-mid-pink-50 {
+  .sm\:mid-pink-50 {
     --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .sm\:gradient-mid-pink-100 {
+  .sm\:mid-pink-100 {
     --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .sm\:gradient-mid-pink-200 {
+  .sm\:mid-pink-200 {
     --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .sm\:gradient-mid-pink-300 {
+  .sm\:mid-pink-300 {
     --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .sm\:gradient-mid-pink-400 {
+  .sm\:mid-pink-400 {
     --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .sm\:gradient-mid-pink-500 {
+  .sm\:mid-pink-500 {
     --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .sm\:gradient-mid-pink-600 {
+  .sm\:mid-pink-600 {
     --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .sm\:gradient-mid-pink-700 {
+  .sm\:mid-pink-700 {
     --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .sm\:gradient-mid-pink-800 {
+  .sm\:mid-pink-800 {
     --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .sm\:gradient-mid-pink-900 {
+  .sm\:mid-pink-900 {
     --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .sm\:hover\:gradient-from-transparent:hover {
+  .sm\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .sm\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .sm\:to-black {
+    --gradient-to-color: #000000;
+  }
+
+  .sm\:to-white {
+    --gradient-to-color: #ffffff;
+  }
+
+  .sm\:to-gray-50 {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .sm\:to-gray-100 {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .sm\:to-gray-200 {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .sm\:to-gray-300 {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .sm\:to-gray-400 {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .sm\:to-gray-500 {
+    --gradient-to-color: #6b7280;
+  }
+
+  .sm\:to-gray-600 {
+    --gradient-to-color: #4b5563;
+  }
+
+  .sm\:to-gray-700 {
+    --gradient-to-color: #374151;
+  }
+
+  .sm\:to-gray-800 {
+    --gradient-to-color: #252f3f;
+  }
+
+  .sm\:to-gray-900 {
+    --gradient-to-color: #161e2e;
+  }
+
+  .sm\:to-red-50 {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .sm\:to-red-100 {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .sm\:to-red-200 {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .sm\:to-red-300 {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .sm\:to-red-400 {
+    --gradient-to-color: #f98080;
+  }
+
+  .sm\:to-red-500 {
+    --gradient-to-color: #f05252;
+  }
+
+  .sm\:to-red-600 {
+    --gradient-to-color: #e02424;
+  }
+
+  .sm\:to-red-700 {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .sm\:to-red-800 {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .sm\:to-red-900 {
+    --gradient-to-color: #771d1d;
+  }
+
+  .sm\:to-orange-50 {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .sm\:to-orange-100 {
+    --gradient-to-color: #feecdc;
+  }
+
+  .sm\:to-orange-200 {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .sm\:to-orange-300 {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .sm\:to-orange-400 {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .sm\:to-orange-500 {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .sm\:to-orange-600 {
+    --gradient-to-color: #d03801;
+  }
+
+  .sm\:to-orange-700 {
+    --gradient-to-color: #b43403;
+  }
+
+  .sm\:to-orange-800 {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .sm\:to-orange-900 {
+    --gradient-to-color: #73230d;
+  }
+
+  .sm\:to-yellow-50 {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .sm\:to-yellow-100 {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .sm\:to-yellow-200 {
+    --gradient-to-color: #fce96a;
+  }
+
+  .sm\:to-yellow-300 {
+    --gradient-to-color: #faca15;
+  }
+
+  .sm\:to-yellow-400 {
+    --gradient-to-color: #e3a008;
+  }
+
+  .sm\:to-yellow-500 {
+    --gradient-to-color: #c27803;
+  }
+
+  .sm\:to-yellow-600 {
+    --gradient-to-color: #9f580a;
+  }
+
+  .sm\:to-yellow-700 {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .sm\:to-yellow-800 {
+    --gradient-to-color: #723b13;
+  }
+
+  .sm\:to-yellow-900 {
+    --gradient-to-color: #633112;
+  }
+
+  .sm\:to-green-50 {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .sm\:to-green-100 {
+    --gradient-to-color: #def7ec;
+  }
+
+  .sm\:to-green-200 {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .sm\:to-green-300 {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .sm\:to-green-400 {
+    --gradient-to-color: #31c48d;
+  }
+
+  .sm\:to-green-500 {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .sm\:to-green-600 {
+    --gradient-to-color: #057a55;
+  }
+
+  .sm\:to-green-700 {
+    --gradient-to-color: #046c4e;
+  }
+
+  .sm\:to-green-800 {
+    --gradient-to-color: #03543f;
+  }
+
+  .sm\:to-green-900 {
+    --gradient-to-color: #014737;
+  }
+
+  .sm\:to-teal-50 {
+    --gradient-to-color: #edfafa;
+  }
+
+  .sm\:to-teal-100 {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .sm\:to-teal-200 {
+    --gradient-to-color: #afecef;
+  }
+
+  .sm\:to-teal-300 {
+    --gradient-to-color: #7edce2;
+  }
+
+  .sm\:to-teal-400 {
+    --gradient-to-color: #16bdca;
+  }
+
+  .sm\:to-teal-500 {
+    --gradient-to-color: #0694a2;
+  }
+
+  .sm\:to-teal-600 {
+    --gradient-to-color: #047481;
+  }
+
+  .sm\:to-teal-700 {
+    --gradient-to-color: #036672;
+  }
+
+  .sm\:to-teal-800 {
+    --gradient-to-color: #05505c;
+  }
+
+  .sm\:to-teal-900 {
+    --gradient-to-color: #014451;
+  }
+
+  .sm\:to-blue-50 {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .sm\:to-blue-100 {
+    --gradient-to-color: #e1effe;
+  }
+
+  .sm\:to-blue-200 {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .sm\:to-blue-300 {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .sm\:to-blue-400 {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .sm\:to-blue-500 {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .sm\:to-blue-600 {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .sm\:to-blue-700 {
+    --gradient-to-color: #1a56db;
+  }
+
+  .sm\:to-blue-800 {
+    --gradient-to-color: #1e429f;
+  }
+
+  .sm\:to-blue-900 {
+    --gradient-to-color: #233876;
+  }
+
+  .sm\:to-indigo-50 {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .sm\:to-indigo-100 {
+    --gradient-to-color: #e5edff;
+  }
+
+  .sm\:to-indigo-200 {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .sm\:to-indigo-300 {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .sm\:to-indigo-400 {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .sm\:to-indigo-500 {
+    --gradient-to-color: #6875f5;
+  }
+
+  .sm\:to-indigo-600 {
+    --gradient-to-color: #5850ec;
+  }
+
+  .sm\:to-indigo-700 {
+    --gradient-to-color: #5145cd;
+  }
+
+  .sm\:to-indigo-800 {
+    --gradient-to-color: #42389d;
+  }
+
+  .sm\:to-indigo-900 {
+    --gradient-to-color: #362f78;
+  }
+
+  .sm\:to-purple-50 {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .sm\:to-purple-100 {
+    --gradient-to-color: #edebfe;
+  }
+
+  .sm\:to-purple-200 {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .sm\:to-purple-300 {
+    --gradient-to-color: #cabffd;
+  }
+
+  .sm\:to-purple-400 {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .sm\:to-purple-500 {
+    --gradient-to-color: #9061f9;
+  }
+
+  .sm\:to-purple-600 {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .sm\:to-purple-700 {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .sm\:to-purple-800 {
+    --gradient-to-color: #5521b5;
+  }
+
+  .sm\:to-purple-900 {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .sm\:to-pink-50 {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .sm\:to-pink-100 {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .sm\:to-pink-200 {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .sm\:to-pink-300 {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .sm\:to-pink-400 {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .sm\:to-pink-500 {
+    --gradient-to-color: #e74694;
+  }
+
+  .sm\:to-pink-600 {
+    --gradient-to-color: #d61f69;
+  }
+
+  .sm\:to-pink-700 {
+    --gradient-to-color: #bf125d;
+  }
+
+  .sm\:to-pink-800 {
+    --gradient-to-color: #99154b;
+  }
+
+  .sm\:to-pink-900 {
+    --gradient-to-color: #751a3d;
+  }
+
+  .sm\:hover\:from-transparent:hover {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:gradient-from-current:hover {
+  .sm\:hover\:from-current:hover {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-black:hover {
+  .sm\:hover\:from-black:hover {
     --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:gradient-from-white:hover {
+  .sm\:hover\:from-white:hover {
     --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-50:hover {
+  .sm\:hover\:from-gray-50:hover {
     --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-100:hover {
+  .sm\:hover\:from-gray-100:hover {
     --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-200:hover {
+  .sm\:hover\:from-gray-200:hover {
     --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-300:hover {
+  .sm\:hover\:from-gray-300:hover {
     --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-400:hover {
+  .sm\:hover\:from-gray-400:hover {
     --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-500:hover {
+  .sm\:hover\:from-gray-500:hover {
     --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-600:hover {
+  .sm\:hover\:from-gray-600:hover {
     --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-700:hover {
+  .sm\:hover\:from-gray-700:hover {
     --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-800:hover {
+  .sm\:hover\:from-gray-800:hover {
     --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-900:hover {
+  .sm\:hover\:from-gray-900:hover {
     --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .sm\:hover\:gradient-from-red-50:hover {
+  .sm\:hover\:from-red-50:hover {
     --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .sm\:hover\:gradient-from-red-100:hover {
+  .sm\:hover\:from-red-100:hover {
     --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .sm\:hover\:gradient-from-red-200:hover {
+  .sm\:hover\:from-red-200:hover {
     --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .sm\:hover\:gradient-from-red-300:hover {
+  .sm\:hover\:from-red-300:hover {
     --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .sm\:hover\:gradient-from-red-400:hover {
+  .sm\:hover\:from-red-400:hover {
     --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .sm\:hover\:gradient-from-red-500:hover {
+  .sm\:hover\:from-red-500:hover {
     --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .sm\:hover\:gradient-from-red-600:hover {
+  .sm\:hover\:from-red-600:hover {
     --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .sm\:hover\:gradient-from-red-700:hover {
+  .sm\:hover\:from-red-700:hover {
     --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .sm\:hover\:gradient-from-red-800:hover {
+  .sm\:hover\:from-red-800:hover {
     --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .sm\:hover\:gradient-from-red-900:hover {
+  .sm\:hover\:from-red-900:hover {
     --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-50:hover {
+  .sm\:hover\:from-orange-50:hover {
     --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-100:hover {
+  .sm\:hover\:from-orange-100:hover {
     --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-200:hover {
+  .sm\:hover\:from-orange-200:hover {
     --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-300:hover {
+  .sm\:hover\:from-orange-300:hover {
     --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-400:hover {
+  .sm\:hover\:from-orange-400:hover {
     --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-500:hover {
+  .sm\:hover\:from-orange-500:hover {
     --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-600:hover {
+  .sm\:hover\:from-orange-600:hover {
     --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-700:hover {
+  .sm\:hover\:from-orange-700:hover {
     --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-800:hover {
+  .sm\:hover\:from-orange-800:hover {
     --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-900:hover {
+  .sm\:hover\:from-orange-900:hover {
     --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-50:hover {
+  .sm\:hover\:from-yellow-50:hover {
     --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-100:hover {
+  .sm\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-200:hover {
+  .sm\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-300:hover {
+  .sm\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-400:hover {
+  .sm\:hover\:from-yellow-400:hover {
     --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-500:hover {
+  .sm\:hover\:from-yellow-500:hover {
     --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-600:hover {
+  .sm\:hover\:from-yellow-600:hover {
     --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-700:hover {
+  .sm\:hover\:from-yellow-700:hover {
     --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-800:hover {
+  .sm\:hover\:from-yellow-800:hover {
     --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-900:hover {
+  .sm\:hover\:from-yellow-900:hover {
     --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .sm\:hover\:gradient-from-green-50:hover {
+  .sm\:hover\:from-green-50:hover {
     --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .sm\:hover\:gradient-from-green-100:hover {
+  .sm\:hover\:from-green-100:hover {
     --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .sm\:hover\:gradient-from-green-200:hover {
+  .sm\:hover\:from-green-200:hover {
     --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .sm\:hover\:gradient-from-green-300:hover {
+  .sm\:hover\:from-green-300:hover {
     --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .sm\:hover\:gradient-from-green-400:hover {
+  .sm\:hover\:from-green-400:hover {
     --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .sm\:hover\:gradient-from-green-500:hover {
+  .sm\:hover\:from-green-500:hover {
     --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .sm\:hover\:gradient-from-green-600:hover {
+  .sm\:hover\:from-green-600:hover {
     --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .sm\:hover\:gradient-from-green-700:hover {
+  .sm\:hover\:from-green-700:hover {
     --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .sm\:hover\:gradient-from-green-800:hover {
+  .sm\:hover\:from-green-800:hover {
     --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .sm\:hover\:gradient-from-green-900:hover {
+  .sm\:hover\:from-green-900:hover {
     --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-50:hover {
+  .sm\:hover\:from-teal-50:hover {
     --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-100:hover {
+  .sm\:hover\:from-teal-100:hover {
     --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-200:hover {
+  .sm\:hover\:from-teal-200:hover {
     --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-300:hover {
+  .sm\:hover\:from-teal-300:hover {
     --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-400:hover {
+  .sm\:hover\:from-teal-400:hover {
     --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-500:hover {
+  .sm\:hover\:from-teal-500:hover {
     --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-600:hover {
+  .sm\:hover\:from-teal-600:hover {
     --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-700:hover {
+  .sm\:hover\:from-teal-700:hover {
     --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-800:hover {
+  .sm\:hover\:from-teal-800:hover {
     --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-900:hover {
+  .sm\:hover\:from-teal-900:hover {
     --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-50:hover {
+  .sm\:hover\:from-blue-50:hover {
     --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-100:hover {
+  .sm\:hover\:from-blue-100:hover {
     --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-200:hover {
+  .sm\:hover\:from-blue-200:hover {
     --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-300:hover {
+  .sm\:hover\:from-blue-300:hover {
     --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-400:hover {
+  .sm\:hover\:from-blue-400:hover {
     --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-500:hover {
+  .sm\:hover\:from-blue-500:hover {
     --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-600:hover {
+  .sm\:hover\:from-blue-600:hover {
     --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-700:hover {
+  .sm\:hover\:from-blue-700:hover {
     --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-800:hover {
+  .sm\:hover\:from-blue-800:hover {
     --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-900:hover {
+  .sm\:hover\:from-blue-900:hover {
     --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-50:hover {
+  .sm\:hover\:from-indigo-50:hover {
     --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-100:hover {
+  .sm\:hover\:from-indigo-100:hover {
     --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-200:hover {
+  .sm\:hover\:from-indigo-200:hover {
     --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-300:hover {
+  .sm\:hover\:from-indigo-300:hover {
     --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-400:hover {
+  .sm\:hover\:from-indigo-400:hover {
     --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-500:hover {
+  .sm\:hover\:from-indigo-500:hover {
     --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-600:hover {
+  .sm\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-700:hover {
+  .sm\:hover\:from-indigo-700:hover {
     --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-800:hover {
+  .sm\:hover\:from-indigo-800:hover {
     --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-900:hover {
+  .sm\:hover\:from-indigo-900:hover {
     --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-50:hover {
+  .sm\:hover\:from-purple-50:hover {
     --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-100:hover {
+  .sm\:hover\:from-purple-100:hover {
     --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-200:hover {
+  .sm\:hover\:from-purple-200:hover {
     --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-300:hover {
+  .sm\:hover\:from-purple-300:hover {
     --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-400:hover {
+  .sm\:hover\:from-purple-400:hover {
     --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-500:hover {
+  .sm\:hover\:from-purple-500:hover {
     --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-600:hover {
+  .sm\:hover\:from-purple-600:hover {
     --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-700:hover {
+  .sm\:hover\:from-purple-700:hover {
     --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-800:hover {
+  .sm\:hover\:from-purple-800:hover {
     --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-900:hover {
+  .sm\:hover\:from-purple-900:hover {
     --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-50:hover {
+  .sm\:hover\:from-pink-50:hover {
     --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-100:hover {
+  .sm\:hover\:from-pink-100:hover {
     --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-200:hover {
+  .sm\:hover\:from-pink-200:hover {
     --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-300:hover {
+  .sm\:hover\:from-pink-300:hover {
     --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-400:hover {
+  .sm\:hover\:from-pink-400:hover {
     --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-500:hover {
+  .sm\:hover\:from-pink-500:hover {
     --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-600:hover {
+  .sm\:hover\:from-pink-600:hover {
     --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-700:hover {
+  .sm\:hover\:from-pink-700:hover {
     --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-800:hover {
+  .sm\:hover\:from-pink-800:hover {
     --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-900:hover {
+  .sm\:hover\:from-pink-900:hover {
     --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .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 {
+  .sm\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:gradient-mid-current:hover {
+  .sm\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-black:hover {
+  .sm\:hover\:mid-black:hover {
     --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:gradient-mid-white:hover {
+  .sm\:hover\:mid-white:hover {
     --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-50:hover {
+  .sm\:hover\:mid-gray-50:hover {
     --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-100:hover {
+  .sm\:hover\:mid-gray-100:hover {
     --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-200:hover {
+  .sm\:hover\:mid-gray-200:hover {
     --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-300:hover {
+  .sm\:hover\:mid-gray-300:hover {
     --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-400:hover {
+  .sm\:hover\:mid-gray-400:hover {
     --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-500:hover {
+  .sm\:hover\:mid-gray-500:hover {
     --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-600:hover {
+  .sm\:hover\:mid-gray-600:hover {
     --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-700:hover {
+  .sm\:hover\:mid-gray-700:hover {
     --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-800:hover {
+  .sm\:hover\:mid-gray-800:hover {
     --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-900:hover {
+  .sm\:hover\:mid-gray-900:hover {
     --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-50:hover {
+  .sm\:hover\:mid-red-50:hover {
     --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-100:hover {
+  .sm\:hover\:mid-red-100:hover {
     --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-200:hover {
+  .sm\:hover\:mid-red-200:hover {
     --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-300:hover {
+  .sm\:hover\:mid-red-300:hover {
     --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-400:hover {
+  .sm\:hover\:mid-red-400:hover {
     --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-500:hover {
+  .sm\:hover\:mid-red-500:hover {
     --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-600:hover {
+  .sm\:hover\:mid-red-600:hover {
     --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-700:hover {
+  .sm\:hover\:mid-red-700:hover {
     --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-800:hover {
+  .sm\:hover\:mid-red-800:hover {
     --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-900:hover {
+  .sm\:hover\:mid-red-900:hover {
     --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-50:hover {
+  .sm\:hover\:mid-orange-50:hover {
     --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-100:hover {
+  .sm\:hover\:mid-orange-100:hover {
     --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-200:hover {
+  .sm\:hover\:mid-orange-200:hover {
     --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-300:hover {
+  .sm\:hover\:mid-orange-300:hover {
     --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-400:hover {
+  .sm\:hover\:mid-orange-400:hover {
     --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-500:hover {
+  .sm\:hover\:mid-orange-500:hover {
     --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-600:hover {
+  .sm\:hover\:mid-orange-600:hover {
     --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-700:hover {
+  .sm\:hover\:mid-orange-700:hover {
     --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-800:hover {
+  .sm\:hover\:mid-orange-800:hover {
     --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-900:hover {
+  .sm\:hover\:mid-orange-900:hover {
     --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-50:hover {
+  .sm\:hover\:mid-yellow-50:hover {
     --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-100:hover {
+  .sm\:hover\:mid-yellow-100:hover {
     --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-200:hover {
+  .sm\:hover\:mid-yellow-200:hover {
     --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-300:hover {
+  .sm\:hover\:mid-yellow-300:hover {
     --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-400:hover {
+  .sm\:hover\:mid-yellow-400:hover {
     --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-500:hover {
+  .sm\:hover\:mid-yellow-500:hover {
     --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-600:hover {
+  .sm\:hover\:mid-yellow-600:hover {
     --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-700:hover {
+  .sm\:hover\:mid-yellow-700:hover {
     --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-800:hover {
+  .sm\:hover\:mid-yellow-800:hover {
     --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-900:hover {
+  .sm\:hover\:mid-yellow-900:hover {
     --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-50:hover {
+  .sm\:hover\:mid-green-50:hover {
     --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-100:hover {
+  .sm\:hover\:mid-green-100:hover {
     --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-200:hover {
+  .sm\:hover\:mid-green-200:hover {
     --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-300:hover {
+  .sm\:hover\:mid-green-300:hover {
     --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-400:hover {
+  .sm\:hover\:mid-green-400:hover {
     --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-500:hover {
+  .sm\:hover\:mid-green-500:hover {
     --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-600:hover {
+  .sm\:hover\:mid-green-600:hover {
     --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-700:hover {
+  .sm\:hover\:mid-green-700:hover {
     --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-800:hover {
+  .sm\:hover\:mid-green-800:hover {
     --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-900:hover {
+  .sm\:hover\:mid-green-900:hover {
     --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-50:hover {
+  .sm\:hover\:mid-teal-50:hover {
     --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-100:hover {
+  .sm\:hover\:mid-teal-100:hover {
     --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-200:hover {
+  .sm\:hover\:mid-teal-200:hover {
     --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-300:hover {
+  .sm\:hover\:mid-teal-300:hover {
     --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-400:hover {
+  .sm\:hover\:mid-teal-400:hover {
     --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-500:hover {
+  .sm\:hover\:mid-teal-500:hover {
     --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-600:hover {
+  .sm\:hover\:mid-teal-600:hover {
     --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-700:hover {
+  .sm\:hover\:mid-teal-700:hover {
     --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-800:hover {
+  .sm\:hover\:mid-teal-800:hover {
     --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-900:hover {
+  .sm\:hover\:mid-teal-900:hover {
     --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-50:hover {
+  .sm\:hover\:mid-blue-50:hover {
     --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-100:hover {
+  .sm\:hover\:mid-blue-100:hover {
     --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-200:hover {
+  .sm\:hover\:mid-blue-200:hover {
     --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-300:hover {
+  .sm\:hover\:mid-blue-300:hover {
     --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-400:hover {
+  .sm\:hover\:mid-blue-400:hover {
     --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-500:hover {
+  .sm\:hover\:mid-blue-500:hover {
     --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-600:hover {
+  .sm\:hover\:mid-blue-600:hover {
     --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-700:hover {
+  .sm\:hover\:mid-blue-700:hover {
     --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-800:hover {
+  .sm\:hover\:mid-blue-800:hover {
     --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-900:hover {
+  .sm\:hover\:mid-blue-900:hover {
     --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-50:hover {
+  .sm\:hover\:mid-indigo-50:hover {
     --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-100:hover {
+  .sm\:hover\:mid-indigo-100:hover {
     --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-200:hover {
+  .sm\:hover\:mid-indigo-200:hover {
     --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-300:hover {
+  .sm\:hover\:mid-indigo-300:hover {
     --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-400:hover {
+  .sm\:hover\:mid-indigo-400:hover {
     --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-500:hover {
+  .sm\:hover\:mid-indigo-500:hover {
     --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-600:hover {
+  .sm\:hover\:mid-indigo-600:hover {
     --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-700:hover {
+  .sm\:hover\:mid-indigo-700:hover {
     --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-800:hover {
+  .sm\:hover\:mid-indigo-800:hover {
     --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-900:hover {
+  .sm\:hover\:mid-indigo-900:hover {
     --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-50:hover {
+  .sm\:hover\:mid-purple-50:hover {
     --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-100:hover {
+  .sm\:hover\:mid-purple-100:hover {
     --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-200:hover {
+  .sm\:hover\:mid-purple-200:hover {
     --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-300:hover {
+  .sm\:hover\:mid-purple-300:hover {
     --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-400:hover {
+  .sm\:hover\:mid-purple-400:hover {
     --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-500:hover {
+  .sm\:hover\:mid-purple-500:hover {
     --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-600:hover {
+  .sm\:hover\:mid-purple-600:hover {
     --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-700:hover {
+  .sm\:hover\:mid-purple-700:hover {
     --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-800:hover {
+  .sm\:hover\:mid-purple-800:hover {
     --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-900:hover {
+  .sm\:hover\:mid-purple-900:hover {
     --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-50:hover {
+  .sm\:hover\:mid-pink-50:hover {
     --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-100:hover {
+  .sm\:hover\:mid-pink-100:hover {
     --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-200:hover {
+  .sm\:hover\:mid-pink-200:hover {
     --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-300:hover {
+  .sm\:hover\:mid-pink-300:hover {
     --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-400:hover {
+  .sm\:hover\:mid-pink-400:hover {
     --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-500:hover {
+  .sm\:hover\:mid-pink-500:hover {
     --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-600:hover {
+  .sm\:hover\:mid-pink-600:hover {
     --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-700:hover {
+  .sm\:hover\:mid-pink-700:hover {
     --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-800:hover {
+  .sm\:hover\:mid-pink-800:hover {
     --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-900:hover {
+  .sm\:hover\:mid-pink-900:hover {
     --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .sm\:focus\:gradient-from-transparent:focus {
+  .sm\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .sm\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .sm\:hover\:to-black:hover {
+    --gradient-to-color: #000000;
+  }
+
+  .sm\:hover\:to-white:hover {
+    --gradient-to-color: #ffffff;
+  }
+
+  .sm\:hover\:to-gray-50:hover {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .sm\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .sm\:hover\:to-gray-200:hover {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .sm\:hover\:to-gray-300:hover {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .sm\:hover\:to-gray-400:hover {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .sm\:hover\:to-gray-500:hover {
+    --gradient-to-color: #6b7280;
+  }
+
+  .sm\:hover\:to-gray-600:hover {
+    --gradient-to-color: #4b5563;
+  }
+
+  .sm\:hover\:to-gray-700:hover {
+    --gradient-to-color: #374151;
+  }
+
+  .sm\:hover\:to-gray-800:hover {
+    --gradient-to-color: #252f3f;
+  }
+
+  .sm\:hover\:to-gray-900:hover {
+    --gradient-to-color: #161e2e;
+  }
+
+  .sm\:hover\:to-red-50:hover {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .sm\:hover\:to-red-100:hover {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .sm\:hover\:to-red-200:hover {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .sm\:hover\:to-red-300:hover {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .sm\:hover\:to-red-400:hover {
+    --gradient-to-color: #f98080;
+  }
+
+  .sm\:hover\:to-red-500:hover {
+    --gradient-to-color: #f05252;
+  }
+
+  .sm\:hover\:to-red-600:hover {
+    --gradient-to-color: #e02424;
+  }
+
+  .sm\:hover\:to-red-700:hover {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .sm\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .sm\:hover\:to-red-900:hover {
+    --gradient-to-color: #771d1d;
+  }
+
+  .sm\:hover\:to-orange-50:hover {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .sm\:hover\:to-orange-100:hover {
+    --gradient-to-color: #feecdc;
+  }
+
+  .sm\:hover\:to-orange-200:hover {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .sm\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .sm\:hover\:to-orange-400:hover {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .sm\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .sm\:hover\:to-orange-600:hover {
+    --gradient-to-color: #d03801;
+  }
+
+  .sm\:hover\:to-orange-700:hover {
+    --gradient-to-color: #b43403;
+  }
+
+  .sm\:hover\:to-orange-800:hover {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .sm\:hover\:to-orange-900:hover {
+    --gradient-to-color: #73230d;
+  }
+
+  .sm\:hover\:to-yellow-50:hover {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .sm\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .sm\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fce96a;
+  }
+
+  .sm\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faca15;
+  }
+
+  .sm\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #e3a008;
+  }
+
+  .sm\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #c27803;
+  }
+
+  .sm\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #9f580a;
+  }
+
+  .sm\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .sm\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #723b13;
+  }
+
+  .sm\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #633112;
+  }
+
+  .sm\:hover\:to-green-50:hover {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .sm\:hover\:to-green-100:hover {
+    --gradient-to-color: #def7ec;
+  }
+
+  .sm\:hover\:to-green-200:hover {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .sm\:hover\:to-green-300:hover {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .sm\:hover\:to-green-400:hover {
+    --gradient-to-color: #31c48d;
+  }
+
+  .sm\:hover\:to-green-500:hover {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .sm\:hover\:to-green-600:hover {
+    --gradient-to-color: #057a55;
+  }
+
+  .sm\:hover\:to-green-700:hover {
+    --gradient-to-color: #046c4e;
+  }
+
+  .sm\:hover\:to-green-800:hover {
+    --gradient-to-color: #03543f;
+  }
+
+  .sm\:hover\:to-green-900:hover {
+    --gradient-to-color: #014737;
+  }
+
+  .sm\:hover\:to-teal-50:hover {
+    --gradient-to-color: #edfafa;
+  }
+
+  .sm\:hover\:to-teal-100:hover {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .sm\:hover\:to-teal-200:hover {
+    --gradient-to-color: #afecef;
+  }
+
+  .sm\:hover\:to-teal-300:hover {
+    --gradient-to-color: #7edce2;
+  }
+
+  .sm\:hover\:to-teal-400:hover {
+    --gradient-to-color: #16bdca;
+  }
+
+  .sm\:hover\:to-teal-500:hover {
+    --gradient-to-color: #0694a2;
+  }
+
+  .sm\:hover\:to-teal-600:hover {
+    --gradient-to-color: #047481;
+  }
+
+  .sm\:hover\:to-teal-700:hover {
+    --gradient-to-color: #036672;
+  }
+
+  .sm\:hover\:to-teal-800:hover {
+    --gradient-to-color: #05505c;
+  }
+
+  .sm\:hover\:to-teal-900:hover {
+    --gradient-to-color: #014451;
+  }
+
+  .sm\:hover\:to-blue-50:hover {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .sm\:hover\:to-blue-100:hover {
+    --gradient-to-color: #e1effe;
+  }
+
+  .sm\:hover\:to-blue-200:hover {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .sm\:hover\:to-blue-300:hover {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .sm\:hover\:to-blue-400:hover {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .sm\:hover\:to-blue-500:hover {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .sm\:hover\:to-blue-600:hover {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .sm\:hover\:to-blue-700:hover {
+    --gradient-to-color: #1a56db;
+  }
+
+  .sm\:hover\:to-blue-800:hover {
+    --gradient-to-color: #1e429f;
+  }
+
+  .sm\:hover\:to-blue-900:hover {
+    --gradient-to-color: #233876;
+  }
+
+  .sm\:hover\:to-indigo-50:hover {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .sm\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #e5edff;
+  }
+
+  .sm\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .sm\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .sm\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .sm\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #6875f5;
+  }
+
+  .sm\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5850ec;
+  }
+
+  .sm\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #5145cd;
+  }
+
+  .sm\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #42389d;
+  }
+
+  .sm\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #362f78;
+  }
+
+  .sm\:hover\:to-purple-50:hover {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .sm\:hover\:to-purple-100:hover {
+    --gradient-to-color: #edebfe;
+  }
+
+  .sm\:hover\:to-purple-200:hover {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .sm\:hover\:to-purple-300:hover {
+    --gradient-to-color: #cabffd;
+  }
+
+  .sm\:hover\:to-purple-400:hover {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .sm\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9061f9;
+  }
+
+  .sm\:hover\:to-purple-600:hover {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .sm\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .sm\:hover\:to-purple-800:hover {
+    --gradient-to-color: #5521b5;
+  }
+
+  .sm\:hover\:to-purple-900:hover {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .sm\:hover\:to-pink-50:hover {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .sm\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .sm\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .sm\:hover\:to-pink-300:hover {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .sm\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .sm\:hover\:to-pink-500:hover {
+    --gradient-to-color: #e74694;
+  }
+
+  .sm\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d61f69;
+  }
+
+  .sm\:hover\:to-pink-700:hover {
+    --gradient-to-color: #bf125d;
+  }
+
+  .sm\:hover\:to-pink-800:hover {
+    --gradient-to-color: #99154b;
+  }
+
+  .sm\:hover\:to-pink-900:hover {
+    --gradient-to-color: #751a3d;
+  }
+
+  .sm\:focus\:from-transparent:focus {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:gradient-from-current:focus {
+  .sm\:focus\:from-current:focus {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-black:focus {
+  .sm\:focus\:from-black:focus {
     --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:gradient-from-white:focus {
+  .sm\:focus\:from-white:focus {
     --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-50:focus {
+  .sm\:focus\:from-gray-50:focus {
     --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-100:focus {
+  .sm\:focus\:from-gray-100:focus {
     --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-200:focus {
+  .sm\:focus\:from-gray-200:focus {
     --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-300:focus {
+  .sm\:focus\:from-gray-300:focus {
     --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-400:focus {
+  .sm\:focus\:from-gray-400:focus {
     --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-500:focus {
+  .sm\:focus\:from-gray-500:focus {
     --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-600:focus {
+  .sm\:focus\:from-gray-600:focus {
     --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-700:focus {
+  .sm\:focus\:from-gray-700:focus {
     --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-800:focus {
+  .sm\:focus\:from-gray-800:focus {
     --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-900:focus {
+  .sm\:focus\:from-gray-900:focus {
     --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .sm\:focus\:gradient-from-red-50:focus {
+  .sm\:focus\:from-red-50:focus {
     --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .sm\:focus\:gradient-from-red-100:focus {
+  .sm\:focus\:from-red-100:focus {
     --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .sm\:focus\:gradient-from-red-200:focus {
+  .sm\:focus\:from-red-200:focus {
     --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .sm\:focus\:gradient-from-red-300:focus {
+  .sm\:focus\:from-red-300:focus {
     --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .sm\:focus\:gradient-from-red-400:focus {
+  .sm\:focus\:from-red-400:focus {
     --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .sm\:focus\:gradient-from-red-500:focus {
+  .sm\:focus\:from-red-500:focus {
     --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .sm\:focus\:gradient-from-red-600:focus {
+  .sm\:focus\:from-red-600:focus {
     --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .sm\:focus\:gradient-from-red-700:focus {
+  .sm\:focus\:from-red-700:focus {
     --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .sm\:focus\:gradient-from-red-800:focus {
+  .sm\:focus\:from-red-800:focus {
     --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .sm\:focus\:gradient-from-red-900:focus {
+  .sm\:focus\:from-red-900:focus {
     --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-50:focus {
+  .sm\:focus\:from-orange-50:focus {
     --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-100:focus {
+  .sm\:focus\:from-orange-100:focus {
     --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-200:focus {
+  .sm\:focus\:from-orange-200:focus {
     --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-300:focus {
+  .sm\:focus\:from-orange-300:focus {
     --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-400:focus {
+  .sm\:focus\:from-orange-400:focus {
     --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-500:focus {
+  .sm\:focus\:from-orange-500:focus {
     --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-600:focus {
+  .sm\:focus\:from-orange-600:focus {
     --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-700:focus {
+  .sm\:focus\:from-orange-700:focus {
     --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-800:focus {
+  .sm\:focus\:from-orange-800:focus {
     --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-900:focus {
+  .sm\:focus\:from-orange-900:focus {
     --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-50:focus {
+  .sm\:focus\:from-yellow-50:focus {
     --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-100:focus {
+  .sm\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-200:focus {
+  .sm\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-300:focus {
+  .sm\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-400:focus {
+  .sm\:focus\:from-yellow-400:focus {
     --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-500:focus {
+  .sm\:focus\:from-yellow-500:focus {
     --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-600:focus {
+  .sm\:focus\:from-yellow-600:focus {
     --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-700:focus {
+  .sm\:focus\:from-yellow-700:focus {
     --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-800:focus {
+  .sm\:focus\:from-yellow-800:focus {
     --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-900:focus {
+  .sm\:focus\:from-yellow-900:focus {
     --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .sm\:focus\:gradient-from-green-50:focus {
+  .sm\:focus\:from-green-50:focus {
     --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .sm\:focus\:gradient-from-green-100:focus {
+  .sm\:focus\:from-green-100:focus {
     --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .sm\:focus\:gradient-from-green-200:focus {
+  .sm\:focus\:from-green-200:focus {
     --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .sm\:focus\:gradient-from-green-300:focus {
+  .sm\:focus\:from-green-300:focus {
     --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .sm\:focus\:gradient-from-green-400:focus {
+  .sm\:focus\:from-green-400:focus {
     --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .sm\:focus\:gradient-from-green-500:focus {
+  .sm\:focus\:from-green-500:focus {
     --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .sm\:focus\:gradient-from-green-600:focus {
+  .sm\:focus\:from-green-600:focus {
     --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .sm\:focus\:gradient-from-green-700:focus {
+  .sm\:focus\:from-green-700:focus {
     --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .sm\:focus\:gradient-from-green-800:focus {
+  .sm\:focus\:from-green-800:focus {
     --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .sm\:focus\:gradient-from-green-900:focus {
+  .sm\:focus\:from-green-900:focus {
     --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-50:focus {
+  .sm\:focus\:from-teal-50:focus {
     --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-100:focus {
+  .sm\:focus\:from-teal-100:focus {
     --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-200:focus {
+  .sm\:focus\:from-teal-200:focus {
     --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-300:focus {
+  .sm\:focus\:from-teal-300:focus {
     --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-400:focus {
+  .sm\:focus\:from-teal-400:focus {
     --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-500:focus {
+  .sm\:focus\:from-teal-500:focus {
     --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-600:focus {
+  .sm\:focus\:from-teal-600:focus {
     --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-700:focus {
+  .sm\:focus\:from-teal-700:focus {
     --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-800:focus {
+  .sm\:focus\:from-teal-800:focus {
     --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-900:focus {
+  .sm\:focus\:from-teal-900:focus {
     --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-50:focus {
+  .sm\:focus\:from-blue-50:focus {
     --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-100:focus {
+  .sm\:focus\:from-blue-100:focus {
     --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-200:focus {
+  .sm\:focus\:from-blue-200:focus {
     --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-300:focus {
+  .sm\:focus\:from-blue-300:focus {
     --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-400:focus {
+  .sm\:focus\:from-blue-400:focus {
     --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-500:focus {
+  .sm\:focus\:from-blue-500:focus {
     --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-600:focus {
+  .sm\:focus\:from-blue-600:focus {
     --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-700:focus {
+  .sm\:focus\:from-blue-700:focus {
     --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-800:focus {
+  .sm\:focus\:from-blue-800:focus {
     --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-900:focus {
+  .sm\:focus\:from-blue-900:focus {
     --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-50:focus {
+  .sm\:focus\:from-indigo-50:focus {
     --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-100:focus {
+  .sm\:focus\:from-indigo-100:focus {
     --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-200:focus {
+  .sm\:focus\:from-indigo-200:focus {
     --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-300:focus {
+  .sm\:focus\:from-indigo-300:focus {
     --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-400:focus {
+  .sm\:focus\:from-indigo-400:focus {
     --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-500:focus {
+  .sm\:focus\:from-indigo-500:focus {
     --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-600:focus {
+  .sm\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-700:focus {
+  .sm\:focus\:from-indigo-700:focus {
     --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-800:focus {
+  .sm\:focus\:from-indigo-800:focus {
     --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-900:focus {
+  .sm\:focus\:from-indigo-900:focus {
     --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-50:focus {
+  .sm\:focus\:from-purple-50:focus {
     --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-100:focus {
+  .sm\:focus\:from-purple-100:focus {
     --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-200:focus {
+  .sm\:focus\:from-purple-200:focus {
     --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-300:focus {
+  .sm\:focus\:from-purple-300:focus {
     --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-400:focus {
+  .sm\:focus\:from-purple-400:focus {
     --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-500:focus {
+  .sm\:focus\:from-purple-500:focus {
     --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-600:focus {
+  .sm\:focus\:from-purple-600:focus {
     --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-700:focus {
+  .sm\:focus\:from-purple-700:focus {
     --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-800:focus {
+  .sm\:focus\:from-purple-800:focus {
     --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-900:focus {
+  .sm\:focus\:from-purple-900:focus {
     --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-50:focus {
+  .sm\:focus\:from-pink-50:focus {
     --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-100:focus {
+  .sm\:focus\:from-pink-100:focus {
     --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-200:focus {
+  .sm\:focus\:from-pink-200:focus {
     --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-300:focus {
+  .sm\:focus\:from-pink-300:focus {
     --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-400:focus {
+  .sm\:focus\:from-pink-400:focus {
     --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-500:focus {
+  .sm\:focus\:from-pink-500:focus {
     --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-600:focus {
+  .sm\:focus\:from-pink-600:focus {
     --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-700:focus {
+  .sm\:focus\:from-pink-700:focus {
     --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-800:focus {
+  .sm\:focus\:from-pink-800:focus {
     --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-900:focus {
+  .sm\:focus\:from-pink-900:focus {
     --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .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 {
+  .sm\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:gradient-mid-current:focus {
+  .sm\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-black:focus {
+  .sm\:focus\:mid-black:focus {
     --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:gradient-mid-white:focus {
+  .sm\:focus\:mid-white:focus {
     --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-50:focus {
+  .sm\:focus\:mid-gray-50:focus {
     --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-100:focus {
+  .sm\:focus\:mid-gray-100:focus {
     --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-200:focus {
+  .sm\:focus\:mid-gray-200:focus {
     --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-300:focus {
+  .sm\:focus\:mid-gray-300:focus {
     --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-400:focus {
+  .sm\:focus\:mid-gray-400:focus {
     --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-500:focus {
+  .sm\:focus\:mid-gray-500:focus {
     --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-600:focus {
+  .sm\:focus\:mid-gray-600:focus {
     --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-700:focus {
+  .sm\:focus\:mid-gray-700:focus {
     --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-800:focus {
+  .sm\:focus\:mid-gray-800:focus {
     --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-900:focus {
+  .sm\:focus\:mid-gray-900:focus {
     --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-50:focus {
+  .sm\:focus\:mid-red-50:focus {
     --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-100:focus {
+  .sm\:focus\:mid-red-100:focus {
     --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-200:focus {
+  .sm\:focus\:mid-red-200:focus {
     --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-300:focus {
+  .sm\:focus\:mid-red-300:focus {
     --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-400:focus {
+  .sm\:focus\:mid-red-400:focus {
     --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-500:focus {
+  .sm\:focus\:mid-red-500:focus {
     --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-600:focus {
+  .sm\:focus\:mid-red-600:focus {
     --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-700:focus {
+  .sm\:focus\:mid-red-700:focus {
     --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-800:focus {
+  .sm\:focus\:mid-red-800:focus {
     --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-900:focus {
+  .sm\:focus\:mid-red-900:focus {
     --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-50:focus {
+  .sm\:focus\:mid-orange-50:focus {
     --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-100:focus {
+  .sm\:focus\:mid-orange-100:focus {
     --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-200:focus {
+  .sm\:focus\:mid-orange-200:focus {
     --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-300:focus {
+  .sm\:focus\:mid-orange-300:focus {
     --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-400:focus {
+  .sm\:focus\:mid-orange-400:focus {
     --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-500:focus {
+  .sm\:focus\:mid-orange-500:focus {
     --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-600:focus {
+  .sm\:focus\:mid-orange-600:focus {
     --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-700:focus {
+  .sm\:focus\:mid-orange-700:focus {
     --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-800:focus {
+  .sm\:focus\:mid-orange-800:focus {
     --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-900:focus {
+  .sm\:focus\:mid-orange-900:focus {
     --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-50:focus {
+  .sm\:focus\:mid-yellow-50:focus {
     --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-100:focus {
+  .sm\:focus\:mid-yellow-100:focus {
     --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-200:focus {
+  .sm\:focus\:mid-yellow-200:focus {
     --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-300:focus {
+  .sm\:focus\:mid-yellow-300:focus {
     --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-400:focus {
+  .sm\:focus\:mid-yellow-400:focus {
     --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-500:focus {
+  .sm\:focus\:mid-yellow-500:focus {
     --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-600:focus {
+  .sm\:focus\:mid-yellow-600:focus {
     --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-700:focus {
+  .sm\:focus\:mid-yellow-700:focus {
     --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-800:focus {
+  .sm\:focus\:mid-yellow-800:focus {
     --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-900:focus {
+  .sm\:focus\:mid-yellow-900:focus {
     --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-50:focus {
+  .sm\:focus\:mid-green-50:focus {
     --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-100:focus {
+  .sm\:focus\:mid-green-100:focus {
     --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-200:focus {
+  .sm\:focus\:mid-green-200:focus {
     --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-300:focus {
+  .sm\:focus\:mid-green-300:focus {
     --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-400:focus {
+  .sm\:focus\:mid-green-400:focus {
     --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-500:focus {
+  .sm\:focus\:mid-green-500:focus {
     --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-600:focus {
+  .sm\:focus\:mid-green-600:focus {
     --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-700:focus {
+  .sm\:focus\:mid-green-700:focus {
     --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-800:focus {
+  .sm\:focus\:mid-green-800:focus {
     --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-900:focus {
+  .sm\:focus\:mid-green-900:focus {
     --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-50:focus {
+  .sm\:focus\:mid-teal-50:focus {
     --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-100:focus {
+  .sm\:focus\:mid-teal-100:focus {
     --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-200:focus {
+  .sm\:focus\:mid-teal-200:focus {
     --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-300:focus {
+  .sm\:focus\:mid-teal-300:focus {
     --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-400:focus {
+  .sm\:focus\:mid-teal-400:focus {
     --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-500:focus {
+  .sm\:focus\:mid-teal-500:focus {
     --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-600:focus {
+  .sm\:focus\:mid-teal-600:focus {
     --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-700:focus {
+  .sm\:focus\:mid-teal-700:focus {
     --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-800:focus {
+  .sm\:focus\:mid-teal-800:focus {
     --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-900:focus {
+  .sm\:focus\:mid-teal-900:focus {
     --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-50:focus {
+  .sm\:focus\:mid-blue-50:focus {
     --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-100:focus {
+  .sm\:focus\:mid-blue-100:focus {
     --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-200:focus {
+  .sm\:focus\:mid-blue-200:focus {
     --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-300:focus {
+  .sm\:focus\:mid-blue-300:focus {
     --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-400:focus {
+  .sm\:focus\:mid-blue-400:focus {
     --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-500:focus {
+  .sm\:focus\:mid-blue-500:focus {
     --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-600:focus {
+  .sm\:focus\:mid-blue-600:focus {
     --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-700:focus {
+  .sm\:focus\:mid-blue-700:focus {
     --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-800:focus {
+  .sm\:focus\:mid-blue-800:focus {
     --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-900:focus {
+  .sm\:focus\:mid-blue-900:focus {
     --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-50:focus {
+  .sm\:focus\:mid-indigo-50:focus {
     --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-100:focus {
+  .sm\:focus\:mid-indigo-100:focus {
     --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-200:focus {
+  .sm\:focus\:mid-indigo-200:focus {
     --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-300:focus {
+  .sm\:focus\:mid-indigo-300:focus {
     --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-400:focus {
+  .sm\:focus\:mid-indigo-400:focus {
     --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-500:focus {
+  .sm\:focus\:mid-indigo-500:focus {
     --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-600:focus {
+  .sm\:focus\:mid-indigo-600:focus {
     --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-700:focus {
+  .sm\:focus\:mid-indigo-700:focus {
     --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-800:focus {
+  .sm\:focus\:mid-indigo-800:focus {
     --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-900:focus {
+  .sm\:focus\:mid-indigo-900:focus {
     --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-50:focus {
+  .sm\:focus\:mid-purple-50:focus {
     --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-100:focus {
+  .sm\:focus\:mid-purple-100:focus {
     --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-200:focus {
+  .sm\:focus\:mid-purple-200:focus {
     --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-300:focus {
+  .sm\:focus\:mid-purple-300:focus {
     --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-400:focus {
+  .sm\:focus\:mid-purple-400:focus {
     --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-500:focus {
+  .sm\:focus\:mid-purple-500:focus {
     --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-600:focus {
+  .sm\:focus\:mid-purple-600:focus {
     --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-700:focus {
+  .sm\:focus\:mid-purple-700:focus {
     --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-800:focus {
+  .sm\:focus\:mid-purple-800:focus {
     --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-900:focus {
+  .sm\:focus\:mid-purple-900:focus {
     --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-50:focus {
+  .sm\:focus\:mid-pink-50:focus {
     --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-100:focus {
+  .sm\:focus\:mid-pink-100:focus {
     --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-200:focus {
+  .sm\:focus\:mid-pink-200:focus {
     --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-300:focus {
+  .sm\:focus\:mid-pink-300:focus {
     --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-400:focus {
+  .sm\:focus\:mid-pink-400:focus {
     --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-500:focus {
+  .sm\:focus\:mid-pink-500:focus {
     --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-600:focus {
+  .sm\:focus\:mid-pink-600:focus {
     --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-700:focus {
+  .sm\:focus\:mid-pink-700:focus {
     --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-800:focus {
+  .sm\:focus\:mid-pink-800:focus {
     --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-900:focus {
+  .sm\:focus\:mid-pink-900:focus {
     --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .sm\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .sm\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .sm\:focus\:to-black:focus {
+    --gradient-to-color: #000000;
+  }
+
+  .sm\:focus\:to-white:focus {
+    --gradient-to-color: #ffffff;
+  }
+
+  .sm\:focus\:to-gray-50:focus {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .sm\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .sm\:focus\:to-gray-200:focus {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .sm\:focus\:to-gray-300:focus {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .sm\:focus\:to-gray-400:focus {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .sm\:focus\:to-gray-500:focus {
+    --gradient-to-color: #6b7280;
+  }
+
+  .sm\:focus\:to-gray-600:focus {
+    --gradient-to-color: #4b5563;
+  }
+
+  .sm\:focus\:to-gray-700:focus {
+    --gradient-to-color: #374151;
+  }
+
+  .sm\:focus\:to-gray-800:focus {
+    --gradient-to-color: #252f3f;
+  }
+
+  .sm\:focus\:to-gray-900:focus {
+    --gradient-to-color: #161e2e;
+  }
+
+  .sm\:focus\:to-red-50:focus {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .sm\:focus\:to-red-100:focus {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .sm\:focus\:to-red-200:focus {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .sm\:focus\:to-red-300:focus {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .sm\:focus\:to-red-400:focus {
+    --gradient-to-color: #f98080;
+  }
+
+  .sm\:focus\:to-red-500:focus {
+    --gradient-to-color: #f05252;
+  }
+
+  .sm\:focus\:to-red-600:focus {
+    --gradient-to-color: #e02424;
+  }
+
+  .sm\:focus\:to-red-700:focus {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .sm\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .sm\:focus\:to-red-900:focus {
+    --gradient-to-color: #771d1d;
+  }
+
+  .sm\:focus\:to-orange-50:focus {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .sm\:focus\:to-orange-100:focus {
+    --gradient-to-color: #feecdc;
+  }
+
+  .sm\:focus\:to-orange-200:focus {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .sm\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .sm\:focus\:to-orange-400:focus {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .sm\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .sm\:focus\:to-orange-600:focus {
+    --gradient-to-color: #d03801;
+  }
+
+  .sm\:focus\:to-orange-700:focus {
+    --gradient-to-color: #b43403;
+  }
+
+  .sm\:focus\:to-orange-800:focus {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .sm\:focus\:to-orange-900:focus {
+    --gradient-to-color: #73230d;
+  }
+
+  .sm\:focus\:to-yellow-50:focus {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .sm\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .sm\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fce96a;
+  }
+
+  .sm\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faca15;
+  }
+
+  .sm\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #e3a008;
+  }
+
+  .sm\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #c27803;
+  }
+
+  .sm\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #9f580a;
+  }
+
+  .sm\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .sm\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #723b13;
+  }
+
+  .sm\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #633112;
+  }
+
+  .sm\:focus\:to-green-50:focus {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .sm\:focus\:to-green-100:focus {
+    --gradient-to-color: #def7ec;
+  }
+
+  .sm\:focus\:to-green-200:focus {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .sm\:focus\:to-green-300:focus {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .sm\:focus\:to-green-400:focus {
+    --gradient-to-color: #31c48d;
+  }
+
+  .sm\:focus\:to-green-500:focus {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .sm\:focus\:to-green-600:focus {
+    --gradient-to-color: #057a55;
+  }
+
+  .sm\:focus\:to-green-700:focus {
+    --gradient-to-color: #046c4e;
+  }
+
+  .sm\:focus\:to-green-800:focus {
+    --gradient-to-color: #03543f;
+  }
+
+  .sm\:focus\:to-green-900:focus {
+    --gradient-to-color: #014737;
+  }
+
+  .sm\:focus\:to-teal-50:focus {
+    --gradient-to-color: #edfafa;
+  }
+
+  .sm\:focus\:to-teal-100:focus {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .sm\:focus\:to-teal-200:focus {
+    --gradient-to-color: #afecef;
+  }
+
+  .sm\:focus\:to-teal-300:focus {
+    --gradient-to-color: #7edce2;
+  }
+
+  .sm\:focus\:to-teal-400:focus {
+    --gradient-to-color: #16bdca;
+  }
+
+  .sm\:focus\:to-teal-500:focus {
+    --gradient-to-color: #0694a2;
+  }
+
+  .sm\:focus\:to-teal-600:focus {
+    --gradient-to-color: #047481;
+  }
+
+  .sm\:focus\:to-teal-700:focus {
+    --gradient-to-color: #036672;
+  }
+
+  .sm\:focus\:to-teal-800:focus {
+    --gradient-to-color: #05505c;
+  }
+
+  .sm\:focus\:to-teal-900:focus {
+    --gradient-to-color: #014451;
+  }
+
+  .sm\:focus\:to-blue-50:focus {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .sm\:focus\:to-blue-100:focus {
+    --gradient-to-color: #e1effe;
+  }
+
+  .sm\:focus\:to-blue-200:focus {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .sm\:focus\:to-blue-300:focus {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .sm\:focus\:to-blue-400:focus {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .sm\:focus\:to-blue-500:focus {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .sm\:focus\:to-blue-600:focus {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .sm\:focus\:to-blue-700:focus {
+    --gradient-to-color: #1a56db;
+  }
+
+  .sm\:focus\:to-blue-800:focus {
+    --gradient-to-color: #1e429f;
+  }
+
+  .sm\:focus\:to-blue-900:focus {
+    --gradient-to-color: #233876;
+  }
+
+  .sm\:focus\:to-indigo-50:focus {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .sm\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #e5edff;
+  }
+
+  .sm\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .sm\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .sm\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .sm\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #6875f5;
+  }
+
+  .sm\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5850ec;
+  }
+
+  .sm\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #5145cd;
+  }
+
+  .sm\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #42389d;
+  }
+
+  .sm\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #362f78;
+  }
+
+  .sm\:focus\:to-purple-50:focus {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .sm\:focus\:to-purple-100:focus {
+    --gradient-to-color: #edebfe;
+  }
+
+  .sm\:focus\:to-purple-200:focus {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .sm\:focus\:to-purple-300:focus {
+    --gradient-to-color: #cabffd;
+  }
+
+  .sm\:focus\:to-purple-400:focus {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .sm\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9061f9;
+  }
+
+  .sm\:focus\:to-purple-600:focus {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .sm\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .sm\:focus\:to-purple-800:focus {
+    --gradient-to-color: #5521b5;
+  }
+
+  .sm\:focus\:to-purple-900:focus {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .sm\:focus\:to-pink-50:focus {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .sm\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .sm\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .sm\:focus\:to-pink-300:focus {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .sm\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .sm\:focus\:to-pink-500:focus {
+    --gradient-to-color: #e74694;
+  }
+
+  .sm\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d61f69;
+  }
+
+  .sm\:focus\:to-pink-700:focus {
+    --gradient-to-color: #bf125d;
+  }
+
+  .sm\:focus\:to-pink-800:focus {
+    --gradient-to-color: #99154b;
+  }
+
+  .sm\:focus\:to-pink-900:focus {
+    --gradient-to-color: #751a3d;
   }
 
   .sm\:bg-opacity-0 {
@@ -64339,4700 +63747,4404 @@ 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-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  .md\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  .md\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  .md\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .md\:gradient-from-transparent {
+  .md\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .md\:from-transparent {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:gradient-from-current {
+  .md\:from-current {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:gradient-from-black {
+  .md\:from-black {
     --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:gradient-from-white {
+  .md\:from-white {
     --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:gradient-from-gray-50 {
+  .md\:from-gray-50 {
     --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .md\:gradient-from-gray-100 {
+  .md\:from-gray-100 {
     --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .md\:gradient-from-gray-200 {
+  .md\:from-gray-200 {
     --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .md\:gradient-from-gray-300 {
+  .md\:from-gray-300 {
     --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .md\:gradient-from-gray-400 {
+  .md\:from-gray-400 {
     --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .md\:gradient-from-gray-500 {
+  .md\:from-gray-500 {
     --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .md\:gradient-from-gray-600 {
+  .md\:from-gray-600 {
     --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .md\:gradient-from-gray-700 {
+  .md\:from-gray-700 {
     --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .md\:gradient-from-gray-800 {
+  .md\:from-gray-800 {
     --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .md\:gradient-from-gray-900 {
+  .md\:from-gray-900 {
     --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .md\:gradient-from-red-50 {
+  .md\:from-red-50 {
     --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .md\:gradient-from-red-100 {
+  .md\:from-red-100 {
     --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .md\:gradient-from-red-200 {
+  .md\:from-red-200 {
     --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .md\:gradient-from-red-300 {
+  .md\:from-red-300 {
     --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .md\:gradient-from-red-400 {
+  .md\:from-red-400 {
     --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .md\:gradient-from-red-500 {
+  .md\:from-red-500 {
     --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .md\:gradient-from-red-600 {
+  .md\:from-red-600 {
     --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .md\:gradient-from-red-700 {
+  .md\:from-red-700 {
     --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .md\:gradient-from-red-800 {
+  .md\:from-red-800 {
     --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .md\:gradient-from-red-900 {
+  .md\:from-red-900 {
     --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .md\:gradient-from-orange-50 {
+  .md\:from-orange-50 {
     --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .md\:gradient-from-orange-100 {
+  .md\:from-orange-100 {
     --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .md\:gradient-from-orange-200 {
+  .md\:from-orange-200 {
     --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .md\:gradient-from-orange-300 {
+  .md\:from-orange-300 {
     --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .md\:gradient-from-orange-400 {
+  .md\:from-orange-400 {
     --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .md\:gradient-from-orange-500 {
+  .md\:from-orange-500 {
     --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .md\:gradient-from-orange-600 {
+  .md\:from-orange-600 {
     --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .md\:gradient-from-orange-700 {
+  .md\:from-orange-700 {
     --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .md\:gradient-from-orange-800 {
+  .md\:from-orange-800 {
     --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .md\:gradient-from-orange-900 {
+  .md\:from-orange-900 {
     --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .md\:gradient-from-yellow-50 {
+  .md\:from-yellow-50 {
     --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .md\:gradient-from-yellow-100 {
+  .md\:from-yellow-100 {
     --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .md\:gradient-from-yellow-200 {
+  .md\:from-yellow-200 {
     --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .md\:gradient-from-yellow-300 {
+  .md\:from-yellow-300 {
     --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .md\:gradient-from-yellow-400 {
+  .md\:from-yellow-400 {
     --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .md\:gradient-from-yellow-500 {
+  .md\:from-yellow-500 {
     --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .md\:gradient-from-yellow-600 {
+  .md\:from-yellow-600 {
     --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .md\:gradient-from-yellow-700 {
+  .md\:from-yellow-700 {
     --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .md\:gradient-from-yellow-800 {
+  .md\:from-yellow-800 {
     --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .md\:gradient-from-yellow-900 {
+  .md\:from-yellow-900 {
     --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .md\:gradient-from-green-50 {
+  .md\:from-green-50 {
     --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .md\:gradient-from-green-100 {
+  .md\:from-green-100 {
     --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .md\:gradient-from-green-200 {
+  .md\:from-green-200 {
     --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .md\:gradient-from-green-300 {
+  .md\:from-green-300 {
     --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .md\:gradient-from-green-400 {
+  .md\:from-green-400 {
     --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .md\:gradient-from-green-500 {
+  .md\:from-green-500 {
     --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .md\:gradient-from-green-600 {
+  .md\:from-green-600 {
     --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .md\:gradient-from-green-700 {
+  .md\:from-green-700 {
     --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .md\:gradient-from-green-800 {
+  .md\:from-green-800 {
     --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .md\:gradient-from-green-900 {
+  .md\:from-green-900 {
     --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .md\:gradient-from-teal-50 {
+  .md\:from-teal-50 {
     --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .md\:gradient-from-teal-100 {
+  .md\:from-teal-100 {
     --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .md\:gradient-from-teal-200 {
+  .md\:from-teal-200 {
     --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .md\:gradient-from-teal-300 {
+  .md\:from-teal-300 {
     --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .md\:gradient-from-teal-400 {
+  .md\:from-teal-400 {
     --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .md\:gradient-from-teal-500 {
+  .md\:from-teal-500 {
     --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .md\:gradient-from-teal-600 {
+  .md\:from-teal-600 {
     --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .md\:gradient-from-teal-700 {
+  .md\:from-teal-700 {
     --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .md\:gradient-from-teal-800 {
+  .md\:from-teal-800 {
     --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .md\:gradient-from-teal-900 {
+  .md\:from-teal-900 {
     --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .md\:gradient-from-blue-50 {
+  .md\:from-blue-50 {
     --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .md\:gradient-from-blue-100 {
+  .md\:from-blue-100 {
     --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .md\:gradient-from-blue-200 {
+  .md\:from-blue-200 {
     --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .md\:gradient-from-blue-300 {
+  .md\:from-blue-300 {
     --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .md\:gradient-from-blue-400 {
+  .md\:from-blue-400 {
     --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .md\:gradient-from-blue-500 {
+  .md\:from-blue-500 {
     --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .md\:gradient-from-blue-600 {
+  .md\:from-blue-600 {
     --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .md\:gradient-from-blue-700 {
+  .md\:from-blue-700 {
     --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .md\:gradient-from-blue-800 {
+  .md\:from-blue-800 {
     --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .md\:gradient-from-blue-900 {
+  .md\:from-blue-900 {
     --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .md\:gradient-from-indigo-50 {
+  .md\:from-indigo-50 {
     --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .md\:gradient-from-indigo-100 {
+  .md\:from-indigo-100 {
     --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .md\:gradient-from-indigo-200 {
+  .md\:from-indigo-200 {
     --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .md\:gradient-from-indigo-300 {
+  .md\:from-indigo-300 {
     --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .md\:gradient-from-indigo-400 {
+  .md\:from-indigo-400 {
     --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .md\:gradient-from-indigo-500 {
+  .md\:from-indigo-500 {
     --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .md\:gradient-from-indigo-600 {
+  .md\:from-indigo-600 {
     --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .md\:gradient-from-indigo-700 {
+  .md\:from-indigo-700 {
     --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .md\:gradient-from-indigo-800 {
+  .md\:from-indigo-800 {
     --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .md\:gradient-from-indigo-900 {
+  .md\:from-indigo-900 {
     --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .md\:gradient-from-purple-50 {
+  .md\:from-purple-50 {
     --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .md\:gradient-from-purple-100 {
+  .md\:from-purple-100 {
     --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .md\:gradient-from-purple-200 {
+  .md\:from-purple-200 {
     --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .md\:gradient-from-purple-300 {
+  .md\:from-purple-300 {
     --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .md\:gradient-from-purple-400 {
+  .md\:from-purple-400 {
     --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .md\:gradient-from-purple-500 {
+  .md\:from-purple-500 {
     --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .md\:gradient-from-purple-600 {
+  .md\:from-purple-600 {
     --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .md\:gradient-from-purple-700 {
+  .md\:from-purple-700 {
     --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .md\:gradient-from-purple-800 {
+  .md\:from-purple-800 {
     --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .md\:gradient-from-purple-900 {
+  .md\:from-purple-900 {
     --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .md\:gradient-from-pink-50 {
+  .md\:from-pink-50 {
     --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .md\:gradient-from-pink-100 {
+  .md\:from-pink-100 {
     --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .md\:gradient-from-pink-200 {
+  .md\:from-pink-200 {
     --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .md\:gradient-from-pink-300 {
+  .md\:from-pink-300 {
     --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .md\:gradient-from-pink-400 {
+  .md\:from-pink-400 {
     --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .md\:gradient-from-pink-500 {
+  .md\:from-pink-500 {
     --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .md\:gradient-from-pink-600 {
+  .md\:from-pink-600 {
     --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .md\:gradient-from-pink-700 {
+  .md\:from-pink-700 {
     --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .md\:gradient-from-pink-800 {
+  .md\:from-pink-800 {
     --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .md\:gradient-from-pink-900 {
+  .md\:from-pink-900 {
     --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .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 {
+  .md\:mid-transparent {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:gradient-mid-current {
+  .md\:mid-current {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:gradient-mid-black {
+  .md\:mid-black {
     --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:gradient-mid-white {
+  .md\:mid-white {
     --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:gradient-mid-gray-50 {
+  .md\:mid-gray-50 {
     --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .md\:gradient-mid-gray-100 {
+  .md\:mid-gray-100 {
     --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .md\:gradient-mid-gray-200 {
+  .md\:mid-gray-200 {
     --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .md\:gradient-mid-gray-300 {
+  .md\:mid-gray-300 {
     --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .md\:gradient-mid-gray-400 {
+  .md\:mid-gray-400 {
     --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .md\:gradient-mid-gray-500 {
+  .md\:mid-gray-500 {
     --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .md\:gradient-mid-gray-600 {
+  .md\:mid-gray-600 {
     --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .md\:gradient-mid-gray-700 {
+  .md\:mid-gray-700 {
     --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .md\:gradient-mid-gray-800 {
+  .md\:mid-gray-800 {
     --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .md\:gradient-mid-gray-900 {
+  .md\:mid-gray-900 {
     --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .md\:gradient-mid-red-50 {
+  .md\:mid-red-50 {
     --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .md\:gradient-mid-red-100 {
+  .md\:mid-red-100 {
     --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .md\:gradient-mid-red-200 {
+  .md\:mid-red-200 {
     --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .md\:gradient-mid-red-300 {
+  .md\:mid-red-300 {
     --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .md\:gradient-mid-red-400 {
+  .md\:mid-red-400 {
     --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .md\:gradient-mid-red-500 {
+  .md\:mid-red-500 {
     --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .md\:gradient-mid-red-600 {
+  .md\:mid-red-600 {
     --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .md\:gradient-mid-red-700 {
+  .md\:mid-red-700 {
     --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .md\:gradient-mid-red-800 {
+  .md\:mid-red-800 {
     --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .md\:gradient-mid-red-900 {
+  .md\:mid-red-900 {
     --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .md\:gradient-mid-orange-50 {
+  .md\:mid-orange-50 {
     --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .md\:gradient-mid-orange-100 {
+  .md\:mid-orange-100 {
     --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .md\:gradient-mid-orange-200 {
+  .md\:mid-orange-200 {
     --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .md\:gradient-mid-orange-300 {
+  .md\:mid-orange-300 {
     --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .md\:gradient-mid-orange-400 {
+  .md\:mid-orange-400 {
     --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .md\:gradient-mid-orange-500 {
+  .md\:mid-orange-500 {
     --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .md\:gradient-mid-orange-600 {
+  .md\:mid-orange-600 {
     --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .md\:gradient-mid-orange-700 {
+  .md\:mid-orange-700 {
     --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .md\:gradient-mid-orange-800 {
+  .md\:mid-orange-800 {
     --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .md\:gradient-mid-orange-900 {
+  .md\:mid-orange-900 {
     --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .md\:gradient-mid-yellow-50 {
+  .md\:mid-yellow-50 {
     --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .md\:gradient-mid-yellow-100 {
+  .md\:mid-yellow-100 {
     --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .md\:gradient-mid-yellow-200 {
+  .md\:mid-yellow-200 {
     --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .md\:gradient-mid-yellow-300 {
+  .md\:mid-yellow-300 {
     --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .md\:gradient-mid-yellow-400 {
+  .md\:mid-yellow-400 {
     --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .md\:gradient-mid-yellow-500 {
+  .md\:mid-yellow-500 {
     --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .md\:gradient-mid-yellow-600 {
+  .md\:mid-yellow-600 {
     --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .md\:gradient-mid-yellow-700 {
+  .md\:mid-yellow-700 {
     --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .md\:gradient-mid-yellow-800 {
+  .md\:mid-yellow-800 {
     --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .md\:gradient-mid-yellow-900 {
+  .md\:mid-yellow-900 {
     --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .md\:gradient-mid-green-50 {
+  .md\:mid-green-50 {
     --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .md\:gradient-mid-green-100 {
+  .md\:mid-green-100 {
     --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .md\:gradient-mid-green-200 {
+  .md\:mid-green-200 {
     --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .md\:gradient-mid-green-300 {
+  .md\:mid-green-300 {
     --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .md\:gradient-mid-green-400 {
+  .md\:mid-green-400 {
     --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .md\:gradient-mid-green-500 {
+  .md\:mid-green-500 {
     --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .md\:gradient-mid-green-600 {
+  .md\:mid-green-600 {
     --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .md\:gradient-mid-green-700 {
+  .md\:mid-green-700 {
     --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .md\:gradient-mid-green-800 {
+  .md\:mid-green-800 {
     --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .md\:gradient-mid-green-900 {
+  .md\:mid-green-900 {
     --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .md\:gradient-mid-teal-50 {
+  .md\:mid-teal-50 {
     --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .md\:gradient-mid-teal-100 {
+  .md\:mid-teal-100 {
     --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .md\:gradient-mid-teal-200 {
+  .md\:mid-teal-200 {
     --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .md\:gradient-mid-teal-300 {
+  .md\:mid-teal-300 {
     --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .md\:gradient-mid-teal-400 {
+  .md\:mid-teal-400 {
     --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .md\:gradient-mid-teal-500 {
+  .md\:mid-teal-500 {
     --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .md\:gradient-mid-teal-600 {
+  .md\:mid-teal-600 {
     --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .md\:gradient-mid-teal-700 {
+  .md\:mid-teal-700 {
     --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .md\:gradient-mid-teal-800 {
+  .md\:mid-teal-800 {
     --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .md\:gradient-mid-teal-900 {
+  .md\:mid-teal-900 {
     --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .md\:gradient-mid-blue-50 {
+  .md\:mid-blue-50 {
     --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .md\:gradient-mid-blue-100 {
+  .md\:mid-blue-100 {
     --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .md\:gradient-mid-blue-200 {
+  .md\:mid-blue-200 {
     --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .md\:gradient-mid-blue-300 {
+  .md\:mid-blue-300 {
     --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .md\:gradient-mid-blue-400 {
+  .md\:mid-blue-400 {
     --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .md\:gradient-mid-blue-500 {
+  .md\:mid-blue-500 {
     --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .md\:gradient-mid-blue-600 {
+  .md\:mid-blue-600 {
     --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .md\:gradient-mid-blue-700 {
+  .md\:mid-blue-700 {
     --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .md\:gradient-mid-blue-800 {
+  .md\:mid-blue-800 {
     --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .md\:gradient-mid-blue-900 {
+  .md\:mid-blue-900 {
     --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .md\:gradient-mid-indigo-50 {
+  .md\:mid-indigo-50 {
     --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .md\:gradient-mid-indigo-100 {
+  .md\:mid-indigo-100 {
     --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .md\:gradient-mid-indigo-200 {
+  .md\:mid-indigo-200 {
     --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .md\:gradient-mid-indigo-300 {
+  .md\:mid-indigo-300 {
     --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .md\:gradient-mid-indigo-400 {
+  .md\:mid-indigo-400 {
     --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .md\:gradient-mid-indigo-500 {
+  .md\:mid-indigo-500 {
     --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .md\:gradient-mid-indigo-600 {
+  .md\:mid-indigo-600 {
     --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .md\:gradient-mid-indigo-700 {
+  .md\:mid-indigo-700 {
     --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .md\:gradient-mid-indigo-800 {
+  .md\:mid-indigo-800 {
     --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .md\:gradient-mid-indigo-900 {
+  .md\:mid-indigo-900 {
     --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .md\:gradient-mid-purple-50 {
+  .md\:mid-purple-50 {
     --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .md\:gradient-mid-purple-100 {
+  .md\:mid-purple-100 {
     --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .md\:gradient-mid-purple-200 {
+  .md\:mid-purple-200 {
     --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .md\:gradient-mid-purple-300 {
+  .md\:mid-purple-300 {
     --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .md\:gradient-mid-purple-400 {
+  .md\:mid-purple-400 {
     --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .md\:gradient-mid-purple-500 {
+  .md\:mid-purple-500 {
     --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .md\:gradient-mid-purple-600 {
+  .md\:mid-purple-600 {
     --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .md\:gradient-mid-purple-700 {
+  .md\:mid-purple-700 {
     --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .md\:gradient-mid-purple-800 {
+  .md\:mid-purple-800 {
     --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .md\:gradient-mid-purple-900 {
+  .md\:mid-purple-900 {
     --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .md\:gradient-mid-pink-50 {
+  .md\:mid-pink-50 {
     --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .md\:gradient-mid-pink-100 {
+  .md\:mid-pink-100 {
     --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .md\:gradient-mid-pink-200 {
+  .md\:mid-pink-200 {
     --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .md\:gradient-mid-pink-300 {
+  .md\:mid-pink-300 {
     --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .md\:gradient-mid-pink-400 {
+  .md\:mid-pink-400 {
     --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .md\:gradient-mid-pink-500 {
+  .md\:mid-pink-500 {
     --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .md\:gradient-mid-pink-600 {
+  .md\:mid-pink-600 {
     --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .md\:gradient-mid-pink-700 {
+  .md\:mid-pink-700 {
     --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .md\:gradient-mid-pink-800 {
+  .md\:mid-pink-800 {
     --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .md\:gradient-mid-pink-900 {
+  .md\:mid-pink-900 {
     --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .md\:hover\:gradient-from-transparent:hover {
+  .md\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .md\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .md\:to-black {
+    --gradient-to-color: #000000;
+  }
+
+  .md\:to-white {
+    --gradient-to-color: #ffffff;
+  }
+
+  .md\:to-gray-50 {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .md\:to-gray-100 {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .md\:to-gray-200 {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .md\:to-gray-300 {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .md\:to-gray-400 {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .md\:to-gray-500 {
+    --gradient-to-color: #6b7280;
+  }
+
+  .md\:to-gray-600 {
+    --gradient-to-color: #4b5563;
+  }
+
+  .md\:to-gray-700 {
+    --gradient-to-color: #374151;
+  }
+
+  .md\:to-gray-800 {
+    --gradient-to-color: #252f3f;
+  }
+
+  .md\:to-gray-900 {
+    --gradient-to-color: #161e2e;
+  }
+
+  .md\:to-red-50 {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .md\:to-red-100 {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .md\:to-red-200 {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .md\:to-red-300 {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .md\:to-red-400 {
+    --gradient-to-color: #f98080;
+  }
+
+  .md\:to-red-500 {
+    --gradient-to-color: #f05252;
+  }
+
+  .md\:to-red-600 {
+    --gradient-to-color: #e02424;
+  }
+
+  .md\:to-red-700 {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .md\:to-red-800 {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .md\:to-red-900 {
+    --gradient-to-color: #771d1d;
+  }
+
+  .md\:to-orange-50 {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .md\:to-orange-100 {
+    --gradient-to-color: #feecdc;
+  }
+
+  .md\:to-orange-200 {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .md\:to-orange-300 {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .md\:to-orange-400 {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .md\:to-orange-500 {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .md\:to-orange-600 {
+    --gradient-to-color: #d03801;
+  }
+
+  .md\:to-orange-700 {
+    --gradient-to-color: #b43403;
+  }
+
+  .md\:to-orange-800 {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .md\:to-orange-900 {
+    --gradient-to-color: #73230d;
+  }
+
+  .md\:to-yellow-50 {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .md\:to-yellow-100 {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .md\:to-yellow-200 {
+    --gradient-to-color: #fce96a;
+  }
+
+  .md\:to-yellow-300 {
+    --gradient-to-color: #faca15;
+  }
+
+  .md\:to-yellow-400 {
+    --gradient-to-color: #e3a008;
+  }
+
+  .md\:to-yellow-500 {
+    --gradient-to-color: #c27803;
+  }
+
+  .md\:to-yellow-600 {
+    --gradient-to-color: #9f580a;
+  }
+
+  .md\:to-yellow-700 {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .md\:to-yellow-800 {
+    --gradient-to-color: #723b13;
+  }
+
+  .md\:to-yellow-900 {
+    --gradient-to-color: #633112;
+  }
+
+  .md\:to-green-50 {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .md\:to-green-100 {
+    --gradient-to-color: #def7ec;
+  }
+
+  .md\:to-green-200 {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .md\:to-green-300 {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .md\:to-green-400 {
+    --gradient-to-color: #31c48d;
+  }
+
+  .md\:to-green-500 {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .md\:to-green-600 {
+    --gradient-to-color: #057a55;
+  }
+
+  .md\:to-green-700 {
+    --gradient-to-color: #046c4e;
+  }
+
+  .md\:to-green-800 {
+    --gradient-to-color: #03543f;
+  }
+
+  .md\:to-green-900 {
+    --gradient-to-color: #014737;
+  }
+
+  .md\:to-teal-50 {
+    --gradient-to-color: #edfafa;
+  }
+
+  .md\:to-teal-100 {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .md\:to-teal-200 {
+    --gradient-to-color: #afecef;
+  }
+
+  .md\:to-teal-300 {
+    --gradient-to-color: #7edce2;
+  }
+
+  .md\:to-teal-400 {
+    --gradient-to-color: #16bdca;
+  }
+
+  .md\:to-teal-500 {
+    --gradient-to-color: #0694a2;
+  }
+
+  .md\:to-teal-600 {
+    --gradient-to-color: #047481;
+  }
+
+  .md\:to-teal-700 {
+    --gradient-to-color: #036672;
+  }
+
+  .md\:to-teal-800 {
+    --gradient-to-color: #05505c;
+  }
+
+  .md\:to-teal-900 {
+    --gradient-to-color: #014451;
+  }
+
+  .md\:to-blue-50 {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .md\:to-blue-100 {
+    --gradient-to-color: #e1effe;
+  }
+
+  .md\:to-blue-200 {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .md\:to-blue-300 {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .md\:to-blue-400 {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .md\:to-blue-500 {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .md\:to-blue-600 {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .md\:to-blue-700 {
+    --gradient-to-color: #1a56db;
+  }
+
+  .md\:to-blue-800 {
+    --gradient-to-color: #1e429f;
+  }
+
+  .md\:to-blue-900 {
+    --gradient-to-color: #233876;
+  }
+
+  .md\:to-indigo-50 {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .md\:to-indigo-100 {
+    --gradient-to-color: #e5edff;
+  }
+
+  .md\:to-indigo-200 {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .md\:to-indigo-300 {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .md\:to-indigo-400 {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .md\:to-indigo-500 {
+    --gradient-to-color: #6875f5;
+  }
+
+  .md\:to-indigo-600 {
+    --gradient-to-color: #5850ec;
+  }
+
+  .md\:to-indigo-700 {
+    --gradient-to-color: #5145cd;
+  }
+
+  .md\:to-indigo-800 {
+    --gradient-to-color: #42389d;
+  }
+
+  .md\:to-indigo-900 {
+    --gradient-to-color: #362f78;
+  }
+
+  .md\:to-purple-50 {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .md\:to-purple-100 {
+    --gradient-to-color: #edebfe;
+  }
+
+  .md\:to-purple-200 {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .md\:to-purple-300 {
+    --gradient-to-color: #cabffd;
+  }
+
+  .md\:to-purple-400 {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .md\:to-purple-500 {
+    --gradient-to-color: #9061f9;
+  }
+
+  .md\:to-purple-600 {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .md\:to-purple-700 {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .md\:to-purple-800 {
+    --gradient-to-color: #5521b5;
+  }
+
+  .md\:to-purple-900 {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .md\:to-pink-50 {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .md\:to-pink-100 {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .md\:to-pink-200 {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .md\:to-pink-300 {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .md\:to-pink-400 {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .md\:to-pink-500 {
+    --gradient-to-color: #e74694;
+  }
+
+  .md\:to-pink-600 {
+    --gradient-to-color: #d61f69;
+  }
+
+  .md\:to-pink-700 {
+    --gradient-to-color: #bf125d;
+  }
+
+  .md\:to-pink-800 {
+    --gradient-to-color: #99154b;
+  }
+
+  .md\:to-pink-900 {
+    --gradient-to-color: #751a3d;
+  }
+
+  .md\:hover\:from-transparent:hover {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:gradient-from-current:hover {
+  .md\:hover\:from-current:hover {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:gradient-from-black:hover {
+  .md\:hover\:from-black:hover {
     --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:gradient-from-white:hover {
+  .md\:hover\:from-white:hover {
     --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:gradient-from-gray-50:hover {
+  .md\:hover\:from-gray-50:hover {
     --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .md\:hover\:gradient-from-gray-100:hover {
+  .md\:hover\:from-gray-100:hover {
     --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .md\:hover\:gradient-from-gray-200:hover {
+  .md\:hover\:from-gray-200:hover {
     --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .md\:hover\:gradient-from-gray-300:hover {
+  .md\:hover\:from-gray-300:hover {
     --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .md\:hover\:gradient-from-gray-400:hover {
+  .md\:hover\:from-gray-400:hover {
     --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .md\:hover\:gradient-from-gray-500:hover {
+  .md\:hover\:from-gray-500:hover {
     --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .md\:hover\:gradient-from-gray-600:hover {
+  .md\:hover\:from-gray-600:hover {
     --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .md\:hover\:gradient-from-gray-700:hover {
+  .md\:hover\:from-gray-700:hover {
     --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .md\:hover\:gradient-from-gray-800:hover {
+  .md\:hover\:from-gray-800:hover {
     --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .md\:hover\:gradient-from-gray-900:hover {
+  .md\:hover\:from-gray-900:hover {
     --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .md\:hover\:gradient-from-red-50:hover {
+  .md\:hover\:from-red-50:hover {
     --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .md\:hover\:gradient-from-red-100:hover {
+  .md\:hover\:from-red-100:hover {
     --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .md\:hover\:gradient-from-red-200:hover {
+  .md\:hover\:from-red-200:hover {
     --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .md\:hover\:gradient-from-red-300:hover {
+  .md\:hover\:from-red-300:hover {
     --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .md\:hover\:gradient-from-red-400:hover {
+  .md\:hover\:from-red-400:hover {
     --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .md\:hover\:gradient-from-red-500:hover {
+  .md\:hover\:from-red-500:hover {
     --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .md\:hover\:gradient-from-red-600:hover {
+  .md\:hover\:from-red-600:hover {
     --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .md\:hover\:gradient-from-red-700:hover {
+  .md\:hover\:from-red-700:hover {
     --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .md\:hover\:gradient-from-red-800:hover {
+  .md\:hover\:from-red-800:hover {
     --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .md\:hover\:gradient-from-red-900:hover {
+  .md\:hover\:from-red-900:hover {
     --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .md\:hover\:gradient-from-orange-50:hover {
+  .md\:hover\:from-orange-50:hover {
     --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .md\:hover\:gradient-from-orange-100:hover {
+  .md\:hover\:from-orange-100:hover {
     --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .md\:hover\:gradient-from-orange-200:hover {
+  .md\:hover\:from-orange-200:hover {
     --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .md\:hover\:gradient-from-orange-300:hover {
+  .md\:hover\:from-orange-300:hover {
     --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .md\:hover\:gradient-from-orange-400:hover {
+  .md\:hover\:from-orange-400:hover {
     --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .md\:hover\:gradient-from-orange-500:hover {
+  .md\:hover\:from-orange-500:hover {
     --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .md\:hover\:gradient-from-orange-600:hover {
+  .md\:hover\:from-orange-600:hover {
     --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .md\:hover\:gradient-from-orange-700:hover {
+  .md\:hover\:from-orange-700:hover {
     --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .md\:hover\:gradient-from-orange-800:hover {
+  .md\:hover\:from-orange-800:hover {
     --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .md\:hover\:gradient-from-orange-900:hover {
+  .md\:hover\:from-orange-900:hover {
     --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-50:hover {
+  .md\:hover\:from-yellow-50:hover {
     --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-100:hover {
+  .md\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-200:hover {
+  .md\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-300:hover {
+  .md\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-400:hover {
+  .md\:hover\:from-yellow-400:hover {
     --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-500:hover {
+  .md\:hover\:from-yellow-500:hover {
     --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-600:hover {
+  .md\:hover\:from-yellow-600:hover {
     --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-700:hover {
+  .md\:hover\:from-yellow-700:hover {
     --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-800:hover {
+  .md\:hover\:from-yellow-800:hover {
     --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-900:hover {
+  .md\:hover\:from-yellow-900:hover {
     --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .md\:hover\:gradient-from-green-50:hover {
+  .md\:hover\:from-green-50:hover {
     --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .md\:hover\:gradient-from-green-100:hover {
+  .md\:hover\:from-green-100:hover {
     --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .md\:hover\:gradient-from-green-200:hover {
+  .md\:hover\:from-green-200:hover {
     --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .md\:hover\:gradient-from-green-300:hover {
+  .md\:hover\:from-green-300:hover {
     --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .md\:hover\:gradient-from-green-400:hover {
+  .md\:hover\:from-green-400:hover {
     --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .md\:hover\:gradient-from-green-500:hover {
+  .md\:hover\:from-green-500:hover {
     --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .md\:hover\:gradient-from-green-600:hover {
+  .md\:hover\:from-green-600:hover {
     --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .md\:hover\:gradient-from-green-700:hover {
+  .md\:hover\:from-green-700:hover {
     --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .md\:hover\:gradient-from-green-800:hover {
+  .md\:hover\:from-green-800:hover {
     --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .md\:hover\:gradient-from-green-900:hover {
+  .md\:hover\:from-green-900:hover {
     --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .md\:hover\:gradient-from-teal-50:hover {
+  .md\:hover\:from-teal-50:hover {
     --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .md\:hover\:gradient-from-teal-100:hover {
+  .md\:hover\:from-teal-100:hover {
     --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .md\:hover\:gradient-from-teal-200:hover {
+  .md\:hover\:from-teal-200:hover {
     --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .md\:hover\:gradient-from-teal-300:hover {
+  .md\:hover\:from-teal-300:hover {
     --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .md\:hover\:gradient-from-teal-400:hover {
+  .md\:hover\:from-teal-400:hover {
     --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .md\:hover\:gradient-from-teal-500:hover {
+  .md\:hover\:from-teal-500:hover {
     --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .md\:hover\:gradient-from-teal-600:hover {
+  .md\:hover\:from-teal-600:hover {
     --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .md\:hover\:gradient-from-teal-700:hover {
+  .md\:hover\:from-teal-700:hover {
     --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .md\:hover\:gradient-from-teal-800:hover {
+  .md\:hover\:from-teal-800:hover {
     --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .md\:hover\:gradient-from-teal-900:hover {
+  .md\:hover\:from-teal-900:hover {
     --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .md\:hover\:gradient-from-blue-50:hover {
+  .md\:hover\:from-blue-50:hover {
     --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .md\:hover\:gradient-from-blue-100:hover {
+  .md\:hover\:from-blue-100:hover {
     --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .md\:hover\:gradient-from-blue-200:hover {
+  .md\:hover\:from-blue-200:hover {
     --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .md\:hover\:gradient-from-blue-300:hover {
+  .md\:hover\:from-blue-300:hover {
     --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .md\:hover\:gradient-from-blue-400:hover {
+  .md\:hover\:from-blue-400:hover {
     --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .md\:hover\:gradient-from-blue-500:hover {
+  .md\:hover\:from-blue-500:hover {
     --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .md\:hover\:gradient-from-blue-600:hover {
+  .md\:hover\:from-blue-600:hover {
     --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .md\:hover\:gradient-from-blue-700:hover {
+  .md\:hover\:from-blue-700:hover {
     --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .md\:hover\:gradient-from-blue-800:hover {
+  .md\:hover\:from-blue-800:hover {
     --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .md\:hover\:gradient-from-blue-900:hover {
+  .md\:hover\:from-blue-900:hover {
     --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-50:hover {
+  .md\:hover\:from-indigo-50:hover {
     --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-100:hover {
+  .md\:hover\:from-indigo-100:hover {
     --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-200:hover {
+  .md\:hover\:from-indigo-200:hover {
     --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-300:hover {
+  .md\:hover\:from-indigo-300:hover {
     --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-400:hover {
+  .md\:hover\:from-indigo-400:hover {
     --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-500:hover {
+  .md\:hover\:from-indigo-500:hover {
     --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-600:hover {
+  .md\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-700:hover {
+  .md\:hover\:from-indigo-700:hover {
     --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-800:hover {
+  .md\:hover\:from-indigo-800:hover {
     --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-900:hover {
+  .md\:hover\:from-indigo-900:hover {
     --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .md\:hover\:gradient-from-purple-50:hover {
+  .md\:hover\:from-purple-50:hover {
     --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .md\:hover\:gradient-from-purple-100:hover {
+  .md\:hover\:from-purple-100:hover {
     --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .md\:hover\:gradient-from-purple-200:hover {
+  .md\:hover\:from-purple-200:hover {
     --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .md\:hover\:gradient-from-purple-300:hover {
+  .md\:hover\:from-purple-300:hover {
     --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .md\:hover\:gradient-from-purple-400:hover {
+  .md\:hover\:from-purple-400:hover {
     --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .md\:hover\:gradient-from-purple-500:hover {
+  .md\:hover\:from-purple-500:hover {
     --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .md\:hover\:gradient-from-purple-600:hover {
+  .md\:hover\:from-purple-600:hover {
     --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .md\:hover\:gradient-from-purple-700:hover {
+  .md\:hover\:from-purple-700:hover {
     --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .md\:hover\:gradient-from-purple-800:hover {
+  .md\:hover\:from-purple-800:hover {
     --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .md\:hover\:gradient-from-purple-900:hover {
+  .md\:hover\:from-purple-900:hover {
     --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .md\:hover\:gradient-from-pink-50:hover {
+  .md\:hover\:from-pink-50:hover {
     --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .md\:hover\:gradient-from-pink-100:hover {
+  .md\:hover\:from-pink-100:hover {
     --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .md\:hover\:gradient-from-pink-200:hover {
+  .md\:hover\:from-pink-200:hover {
     --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .md\:hover\:gradient-from-pink-300:hover {
+  .md\:hover\:from-pink-300:hover {
     --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .md\:hover\:gradient-from-pink-400:hover {
+  .md\:hover\:from-pink-400:hover {
     --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .md\:hover\:gradient-from-pink-500:hover {
+  .md\:hover\:from-pink-500:hover {
     --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .md\:hover\:gradient-from-pink-600:hover {
+  .md\:hover\:from-pink-600:hover {
     --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .md\:hover\:gradient-from-pink-700:hover {
+  .md\:hover\:from-pink-700:hover {
     --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .md\:hover\:gradient-from-pink-800:hover {
+  .md\:hover\:from-pink-800:hover {
     --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .md\:hover\:gradient-from-pink-900:hover {
+  .md\:hover\:from-pink-900:hover {
     --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .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 {
+  .md\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:gradient-mid-current:hover {
+  .md\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-black:hover {
+  .md\:hover\:mid-black:hover {
     --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:gradient-mid-white:hover {
+  .md\:hover\:mid-white:hover {
     --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-50:hover {
+  .md\:hover\:mid-gray-50:hover {
     --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-100:hover {
+  .md\:hover\:mid-gray-100:hover {
     --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-200:hover {
+  .md\:hover\:mid-gray-200:hover {
     --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-300:hover {
+  .md\:hover\:mid-gray-300:hover {
     --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-400:hover {
+  .md\:hover\:mid-gray-400:hover {
     --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-500:hover {
+  .md\:hover\:mid-gray-500:hover {
     --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-600:hover {
+  .md\:hover\:mid-gray-600:hover {
     --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-700:hover {
+  .md\:hover\:mid-gray-700:hover {
     --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-800:hover {
+  .md\:hover\:mid-gray-800:hover {
     --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-900:hover {
+  .md\:hover\:mid-gray-900:hover {
     --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .md\:hover\:gradient-mid-red-50:hover {
+  .md\:hover\:mid-red-50:hover {
     --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .md\:hover\:gradient-mid-red-100:hover {
+  .md\:hover\:mid-red-100:hover {
     --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .md\:hover\:gradient-mid-red-200:hover {
+  .md\:hover\:mid-red-200:hover {
     --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .md\:hover\:gradient-mid-red-300:hover {
+  .md\:hover\:mid-red-300:hover {
     --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .md\:hover\:gradient-mid-red-400:hover {
+  .md\:hover\:mid-red-400:hover {
     --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .md\:hover\:gradient-mid-red-500:hover {
+  .md\:hover\:mid-red-500:hover {
     --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .md\:hover\:gradient-mid-red-600:hover {
+  .md\:hover\:mid-red-600:hover {
     --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .md\:hover\:gradient-mid-red-700:hover {
+  .md\:hover\:mid-red-700:hover {
     --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .md\:hover\:gradient-mid-red-800:hover {
+  .md\:hover\:mid-red-800:hover {
     --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .md\:hover\:gradient-mid-red-900:hover {
+  .md\:hover\:mid-red-900:hover {
     --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-50:hover {
+  .md\:hover\:mid-orange-50:hover {
     --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-100:hover {
+  .md\:hover\:mid-orange-100:hover {
     --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-200:hover {
+  .md\:hover\:mid-orange-200:hover {
     --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-300:hover {
+  .md\:hover\:mid-orange-300:hover {
     --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-400:hover {
+  .md\:hover\:mid-orange-400:hover {
     --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-500:hover {
+  .md\:hover\:mid-orange-500:hover {
     --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-600:hover {
+  .md\:hover\:mid-orange-600:hover {
     --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-700:hover {
+  .md\:hover\:mid-orange-700:hover {
     --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-800:hover {
+  .md\:hover\:mid-orange-800:hover {
     --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-900:hover {
+  .md\:hover\:mid-orange-900:hover {
     --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-50:hover {
+  .md\:hover\:mid-yellow-50:hover {
     --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-100:hover {
+  .md\:hover\:mid-yellow-100:hover {
     --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-200:hover {
+  .md\:hover\:mid-yellow-200:hover {
     --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-300:hover {
+  .md\:hover\:mid-yellow-300:hover {
     --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-400:hover {
+  .md\:hover\:mid-yellow-400:hover {
     --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-500:hover {
+  .md\:hover\:mid-yellow-500:hover {
     --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-600:hover {
+  .md\:hover\:mid-yellow-600:hover {
     --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-700:hover {
+  .md\:hover\:mid-yellow-700:hover {
     --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-800:hover {
+  .md\:hover\:mid-yellow-800:hover {
     --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-900:hover {
+  .md\:hover\:mid-yellow-900:hover {
     --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .md\:hover\:gradient-mid-green-50:hover {
+  .md\:hover\:mid-green-50:hover {
     --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .md\:hover\:gradient-mid-green-100:hover {
+  .md\:hover\:mid-green-100:hover {
     --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .md\:hover\:gradient-mid-green-200:hover {
+  .md\:hover\:mid-green-200:hover {
     --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .md\:hover\:gradient-mid-green-300:hover {
+  .md\:hover\:mid-green-300:hover {
     --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .md\:hover\:gradient-mid-green-400:hover {
+  .md\:hover\:mid-green-400:hover {
     --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .md\:hover\:gradient-mid-green-500:hover {
+  .md\:hover\:mid-green-500:hover {
     --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .md\:hover\:gradient-mid-green-600:hover {
+  .md\:hover\:mid-green-600:hover {
     --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .md\:hover\:gradient-mid-green-700:hover {
+  .md\:hover\:mid-green-700:hover {
     --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .md\:hover\:gradient-mid-green-800:hover {
+  .md\:hover\:mid-green-800:hover {
     --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .md\:hover\:gradient-mid-green-900:hover {
+  .md\:hover\:mid-green-900:hover {
     --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-50:hover {
+  .md\:hover\:mid-teal-50:hover {
     --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-100:hover {
+  .md\:hover\:mid-teal-100:hover {
     --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-200:hover {
+  .md\:hover\:mid-teal-200:hover {
     --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-300:hover {
+  .md\:hover\:mid-teal-300:hover {
     --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-400:hover {
+  .md\:hover\:mid-teal-400:hover {
     --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-500:hover {
+  .md\:hover\:mid-teal-500:hover {
     --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-600:hover {
+  .md\:hover\:mid-teal-600:hover {
     --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-700:hover {
+  .md\:hover\:mid-teal-700:hover {
     --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-800:hover {
+  .md\:hover\:mid-teal-800:hover {
     --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-900:hover {
+  .md\:hover\:mid-teal-900:hover {
     --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-50:hover {
+  .md\:hover\:mid-blue-50:hover {
     --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-100:hover {
+  .md\:hover\:mid-blue-100:hover {
     --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-200:hover {
+  .md\:hover\:mid-blue-200:hover {
     --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-300:hover {
+  .md\:hover\:mid-blue-300:hover {
     --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-400:hover {
+  .md\:hover\:mid-blue-400:hover {
     --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-500:hover {
+  .md\:hover\:mid-blue-500:hover {
     --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-600:hover {
+  .md\:hover\:mid-blue-600:hover {
     --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-700:hover {
+  .md\:hover\:mid-blue-700:hover {
     --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-800:hover {
+  .md\:hover\:mid-blue-800:hover {
     --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-900:hover {
+  .md\:hover\:mid-blue-900:hover {
     --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-50:hover {
+  .md\:hover\:mid-indigo-50:hover {
     --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-100:hover {
+  .md\:hover\:mid-indigo-100:hover {
     --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-200:hover {
+  .md\:hover\:mid-indigo-200:hover {
     --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-300:hover {
+  .md\:hover\:mid-indigo-300:hover {
     --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-400:hover {
+  .md\:hover\:mid-indigo-400:hover {
     --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-500:hover {
+  .md\:hover\:mid-indigo-500:hover {
     --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-600:hover {
+  .md\:hover\:mid-indigo-600:hover {
     --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-700:hover {
+  .md\:hover\:mid-indigo-700:hover {
     --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-800:hover {
+  .md\:hover\:mid-indigo-800:hover {
     --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-900:hover {
+  .md\:hover\:mid-indigo-900:hover {
     --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-50:hover {
+  .md\:hover\:mid-purple-50:hover {
     --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-100:hover {
+  .md\:hover\:mid-purple-100:hover {
     --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-200:hover {
+  .md\:hover\:mid-purple-200:hover {
     --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-300:hover {
+  .md\:hover\:mid-purple-300:hover {
     --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-400:hover {
+  .md\:hover\:mid-purple-400:hover {
     --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-500:hover {
+  .md\:hover\:mid-purple-500:hover {
     --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-600:hover {
+  .md\:hover\:mid-purple-600:hover {
     --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-700:hover {
+  .md\:hover\:mid-purple-700:hover {
     --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-800:hover {
+  .md\:hover\:mid-purple-800:hover {
     --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-900:hover {
+  .md\:hover\:mid-purple-900:hover {
     --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-50:hover {
+  .md\:hover\:mid-pink-50:hover {
     --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-100:hover {
+  .md\:hover\:mid-pink-100:hover {
     --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-200:hover {
+  .md\:hover\:mid-pink-200:hover {
     --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-300:hover {
+  .md\:hover\:mid-pink-300:hover {
     --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-400:hover {
+  .md\:hover\:mid-pink-400:hover {
     --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-500:hover {
+  .md\:hover\:mid-pink-500:hover {
     --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-600:hover {
+  .md\:hover\:mid-pink-600:hover {
     --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-700:hover {
+  .md\:hover\:mid-pink-700:hover {
     --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-800:hover {
+  .md\:hover\:mid-pink-800:hover {
     --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-900:hover {
+  .md\:hover\:mid-pink-900:hover {
     --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .md\:focus\:gradient-from-transparent:focus {
+  .md\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .md\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .md\:hover\:to-black:hover {
+    --gradient-to-color: #000000;
+  }
+
+  .md\:hover\:to-white:hover {
+    --gradient-to-color: #ffffff;
+  }
+
+  .md\:hover\:to-gray-50:hover {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .md\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .md\:hover\:to-gray-200:hover {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .md\:hover\:to-gray-300:hover {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .md\:hover\:to-gray-400:hover {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .md\:hover\:to-gray-500:hover {
+    --gradient-to-color: #6b7280;
+  }
+
+  .md\:hover\:to-gray-600:hover {
+    --gradient-to-color: #4b5563;
+  }
+
+  .md\:hover\:to-gray-700:hover {
+    --gradient-to-color: #374151;
+  }
+
+  .md\:hover\:to-gray-800:hover {
+    --gradient-to-color: #252f3f;
+  }
+
+  .md\:hover\:to-gray-900:hover {
+    --gradient-to-color: #161e2e;
+  }
+
+  .md\:hover\:to-red-50:hover {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .md\:hover\:to-red-100:hover {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .md\:hover\:to-red-200:hover {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .md\:hover\:to-red-300:hover {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .md\:hover\:to-red-400:hover {
+    --gradient-to-color: #f98080;
+  }
+
+  .md\:hover\:to-red-500:hover {
+    --gradient-to-color: #f05252;
+  }
+
+  .md\:hover\:to-red-600:hover {
+    --gradient-to-color: #e02424;
+  }
+
+  .md\:hover\:to-red-700:hover {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .md\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .md\:hover\:to-red-900:hover {
+    --gradient-to-color: #771d1d;
+  }
+
+  .md\:hover\:to-orange-50:hover {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .md\:hover\:to-orange-100:hover {
+    --gradient-to-color: #feecdc;
+  }
+
+  .md\:hover\:to-orange-200:hover {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .md\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .md\:hover\:to-orange-400:hover {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .md\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .md\:hover\:to-orange-600:hover {
+    --gradient-to-color: #d03801;
+  }
+
+  .md\:hover\:to-orange-700:hover {
+    --gradient-to-color: #b43403;
+  }
+
+  .md\:hover\:to-orange-800:hover {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .md\:hover\:to-orange-900:hover {
+    --gradient-to-color: #73230d;
+  }
+
+  .md\:hover\:to-yellow-50:hover {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .md\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .md\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fce96a;
+  }
+
+  .md\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faca15;
+  }
+
+  .md\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #e3a008;
+  }
+
+  .md\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #c27803;
+  }
+
+  .md\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #9f580a;
+  }
+
+  .md\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .md\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #723b13;
+  }
+
+  .md\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #633112;
+  }
+
+  .md\:hover\:to-green-50:hover {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .md\:hover\:to-green-100:hover {
+    --gradient-to-color: #def7ec;
+  }
+
+  .md\:hover\:to-green-200:hover {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .md\:hover\:to-green-300:hover {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .md\:hover\:to-green-400:hover {
+    --gradient-to-color: #31c48d;
+  }
+
+  .md\:hover\:to-green-500:hover {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .md\:hover\:to-green-600:hover {
+    --gradient-to-color: #057a55;
+  }
+
+  .md\:hover\:to-green-700:hover {
+    --gradient-to-color: #046c4e;
+  }
+
+  .md\:hover\:to-green-800:hover {
+    --gradient-to-color: #03543f;
+  }
+
+  .md\:hover\:to-green-900:hover {
+    --gradient-to-color: #014737;
+  }
+
+  .md\:hover\:to-teal-50:hover {
+    --gradient-to-color: #edfafa;
+  }
+
+  .md\:hover\:to-teal-100:hover {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .md\:hover\:to-teal-200:hover {
+    --gradient-to-color: #afecef;
+  }
+
+  .md\:hover\:to-teal-300:hover {
+    --gradient-to-color: #7edce2;
+  }
+
+  .md\:hover\:to-teal-400:hover {
+    --gradient-to-color: #16bdca;
+  }
+
+  .md\:hover\:to-teal-500:hover {
+    --gradient-to-color: #0694a2;
+  }
+
+  .md\:hover\:to-teal-600:hover {
+    --gradient-to-color: #047481;
+  }
+
+  .md\:hover\:to-teal-700:hover {
+    --gradient-to-color: #036672;
+  }
+
+  .md\:hover\:to-teal-800:hover {
+    --gradient-to-color: #05505c;
+  }
+
+  .md\:hover\:to-teal-900:hover {
+    --gradient-to-color: #014451;
+  }
+
+  .md\:hover\:to-blue-50:hover {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .md\:hover\:to-blue-100:hover {
+    --gradient-to-color: #e1effe;
+  }
+
+  .md\:hover\:to-blue-200:hover {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .md\:hover\:to-blue-300:hover {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .md\:hover\:to-blue-400:hover {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .md\:hover\:to-blue-500:hover {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .md\:hover\:to-blue-600:hover {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .md\:hover\:to-blue-700:hover {
+    --gradient-to-color: #1a56db;
+  }
+
+  .md\:hover\:to-blue-800:hover {
+    --gradient-to-color: #1e429f;
+  }
+
+  .md\:hover\:to-blue-900:hover {
+    --gradient-to-color: #233876;
+  }
+
+  .md\:hover\:to-indigo-50:hover {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .md\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #e5edff;
+  }
+
+  .md\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .md\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .md\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .md\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #6875f5;
+  }
+
+  .md\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5850ec;
+  }
+
+  .md\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #5145cd;
+  }
+
+  .md\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #42389d;
+  }
+
+  .md\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #362f78;
+  }
+
+  .md\:hover\:to-purple-50:hover {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .md\:hover\:to-purple-100:hover {
+    --gradient-to-color: #edebfe;
+  }
+
+  .md\:hover\:to-purple-200:hover {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .md\:hover\:to-purple-300:hover {
+    --gradient-to-color: #cabffd;
+  }
+
+  .md\:hover\:to-purple-400:hover {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .md\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9061f9;
+  }
+
+  .md\:hover\:to-purple-600:hover {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .md\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .md\:hover\:to-purple-800:hover {
+    --gradient-to-color: #5521b5;
+  }
+
+  .md\:hover\:to-purple-900:hover {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .md\:hover\:to-pink-50:hover {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .md\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .md\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .md\:hover\:to-pink-300:hover {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .md\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .md\:hover\:to-pink-500:hover {
+    --gradient-to-color: #e74694;
+  }
+
+  .md\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d61f69;
+  }
+
+  .md\:hover\:to-pink-700:hover {
+    --gradient-to-color: #bf125d;
+  }
+
+  .md\:hover\:to-pink-800:hover {
+    --gradient-to-color: #99154b;
+  }
+
+  .md\:hover\:to-pink-900:hover {
+    --gradient-to-color: #751a3d;
+  }
+
+  .md\:focus\:from-transparent:focus {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:gradient-from-current:focus {
+  .md\:focus\:from-current:focus {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:gradient-from-black:focus {
+  .md\:focus\:from-black:focus {
     --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:gradient-from-white:focus {
+  .md\:focus\:from-white:focus {
     --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:gradient-from-gray-50:focus {
+  .md\:focus\:from-gray-50:focus {
     --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .md\:focus\:gradient-from-gray-100:focus {
+  .md\:focus\:from-gray-100:focus {
     --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .md\:focus\:gradient-from-gray-200:focus {
+  .md\:focus\:from-gray-200:focus {
     --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .md\:focus\:gradient-from-gray-300:focus {
+  .md\:focus\:from-gray-300:focus {
     --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .md\:focus\:gradient-from-gray-400:focus {
+  .md\:focus\:from-gray-400:focus {
     --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .md\:focus\:gradient-from-gray-500:focus {
+  .md\:focus\:from-gray-500:focus {
     --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .md\:focus\:gradient-from-gray-600:focus {
+  .md\:focus\:from-gray-600:focus {
     --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .md\:focus\:gradient-from-gray-700:focus {
+  .md\:focus\:from-gray-700:focus {
     --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .md\:focus\:gradient-from-gray-800:focus {
+  .md\:focus\:from-gray-800:focus {
     --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .md\:focus\:gradient-from-gray-900:focus {
+  .md\:focus\:from-gray-900:focus {
     --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .md\:focus\:gradient-from-red-50:focus {
+  .md\:focus\:from-red-50:focus {
     --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .md\:focus\:gradient-from-red-100:focus {
+  .md\:focus\:from-red-100:focus {
     --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .md\:focus\:gradient-from-red-200:focus {
+  .md\:focus\:from-red-200:focus {
     --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .md\:focus\:gradient-from-red-300:focus {
+  .md\:focus\:from-red-300:focus {
     --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .md\:focus\:gradient-from-red-400:focus {
+  .md\:focus\:from-red-400:focus {
     --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .md\:focus\:gradient-from-red-500:focus {
+  .md\:focus\:from-red-500:focus {
     --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .md\:focus\:gradient-from-red-600:focus {
+  .md\:focus\:from-red-600:focus {
     --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .md\:focus\:gradient-from-red-700:focus {
+  .md\:focus\:from-red-700:focus {
     --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .md\:focus\:gradient-from-red-800:focus {
+  .md\:focus\:from-red-800:focus {
     --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .md\:focus\:gradient-from-red-900:focus {
+  .md\:focus\:from-red-900:focus {
     --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .md\:focus\:gradient-from-orange-50:focus {
+  .md\:focus\:from-orange-50:focus {
     --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .md\:focus\:gradient-from-orange-100:focus {
+  .md\:focus\:from-orange-100:focus {
     --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .md\:focus\:gradient-from-orange-200:focus {
+  .md\:focus\:from-orange-200:focus {
     --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .md\:focus\:gradient-from-orange-300:focus {
+  .md\:focus\:from-orange-300:focus {
     --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .md\:focus\:gradient-from-orange-400:focus {
+  .md\:focus\:from-orange-400:focus {
     --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .md\:focus\:gradient-from-orange-500:focus {
+  .md\:focus\:from-orange-500:focus {
     --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .md\:focus\:gradient-from-orange-600:focus {
+  .md\:focus\:from-orange-600:focus {
     --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .md\:focus\:gradient-from-orange-700:focus {
+  .md\:focus\:from-orange-700:focus {
     --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .md\:focus\:gradient-from-orange-800:focus {
+  .md\:focus\:from-orange-800:focus {
     --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .md\:focus\:gradient-from-orange-900:focus {
+  .md\:focus\:from-orange-900:focus {
     --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-50:focus {
+  .md\:focus\:from-yellow-50:focus {
     --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-100:focus {
+  .md\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-200:focus {
+  .md\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-300:focus {
+  .md\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-400:focus {
+  .md\:focus\:from-yellow-400:focus {
     --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-500:focus {
+  .md\:focus\:from-yellow-500:focus {
     --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-600:focus {
+  .md\:focus\:from-yellow-600:focus {
     --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-700:focus {
+  .md\:focus\:from-yellow-700:focus {
     --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-800:focus {
+  .md\:focus\:from-yellow-800:focus {
     --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-900:focus {
+  .md\:focus\:from-yellow-900:focus {
     --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .md\:focus\:gradient-from-green-50:focus {
+  .md\:focus\:from-green-50:focus {
     --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .md\:focus\:gradient-from-green-100:focus {
+  .md\:focus\:from-green-100:focus {
     --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .md\:focus\:gradient-from-green-200:focus {
+  .md\:focus\:from-green-200:focus {
     --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .md\:focus\:gradient-from-green-300:focus {
+  .md\:focus\:from-green-300:focus {
     --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .md\:focus\:gradient-from-green-400:focus {
+  .md\:focus\:from-green-400:focus {
     --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .md\:focus\:gradient-from-green-500:focus {
+  .md\:focus\:from-green-500:focus {
     --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .md\:focus\:gradient-from-green-600:focus {
+  .md\:focus\:from-green-600:focus {
     --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .md\:focus\:gradient-from-green-700:focus {
+  .md\:focus\:from-green-700:focus {
     --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .md\:focus\:gradient-from-green-800:focus {
+  .md\:focus\:from-green-800:focus {
     --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .md\:focus\:gradient-from-green-900:focus {
+  .md\:focus\:from-green-900:focus {
     --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .md\:focus\:gradient-from-teal-50:focus {
+  .md\:focus\:from-teal-50:focus {
     --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .md\:focus\:gradient-from-teal-100:focus {
+  .md\:focus\:from-teal-100:focus {
     --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .md\:focus\:gradient-from-teal-200:focus {
+  .md\:focus\:from-teal-200:focus {
     --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .md\:focus\:gradient-from-teal-300:focus {
+  .md\:focus\:from-teal-300:focus {
     --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .md\:focus\:gradient-from-teal-400:focus {
+  .md\:focus\:from-teal-400:focus {
     --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .md\:focus\:gradient-from-teal-500:focus {
+  .md\:focus\:from-teal-500:focus {
     --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .md\:focus\:gradient-from-teal-600:focus {
+  .md\:focus\:from-teal-600:focus {
     --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .md\:focus\:gradient-from-teal-700:focus {
+  .md\:focus\:from-teal-700:focus {
     --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .md\:focus\:gradient-from-teal-800:focus {
+  .md\:focus\:from-teal-800:focus {
     --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .md\:focus\:gradient-from-teal-900:focus {
+  .md\:focus\:from-teal-900:focus {
     --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .md\:focus\:gradient-from-blue-50:focus {
+  .md\:focus\:from-blue-50:focus {
     --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .md\:focus\:gradient-from-blue-100:focus {
+  .md\:focus\:from-blue-100:focus {
     --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .md\:focus\:gradient-from-blue-200:focus {
+  .md\:focus\:from-blue-200:focus {
     --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .md\:focus\:gradient-from-blue-300:focus {
+  .md\:focus\:from-blue-300:focus {
     --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .md\:focus\:gradient-from-blue-400:focus {
+  .md\:focus\:from-blue-400:focus {
     --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .md\:focus\:gradient-from-blue-500:focus {
+  .md\:focus\:from-blue-500:focus {
     --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .md\:focus\:gradient-from-blue-600:focus {
+  .md\:focus\:from-blue-600:focus {
     --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .md\:focus\:gradient-from-blue-700:focus {
+  .md\:focus\:from-blue-700:focus {
     --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .md\:focus\:gradient-from-blue-800:focus {
+  .md\:focus\:from-blue-800:focus {
     --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .md\:focus\:gradient-from-blue-900:focus {
+  .md\:focus\:from-blue-900:focus {
     --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-50:focus {
+  .md\:focus\:from-indigo-50:focus {
     --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-100:focus {
+  .md\:focus\:from-indigo-100:focus {
     --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-200:focus {
+  .md\:focus\:from-indigo-200:focus {
     --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-300:focus {
+  .md\:focus\:from-indigo-300:focus {
     --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-400:focus {
+  .md\:focus\:from-indigo-400:focus {
     --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-500:focus {
+  .md\:focus\:from-indigo-500:focus {
     --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-600:focus {
+  .md\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-700:focus {
+  .md\:focus\:from-indigo-700:focus {
     --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-800:focus {
+  .md\:focus\:from-indigo-800:focus {
     --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-900:focus {
+  .md\:focus\:from-indigo-900:focus {
     --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .md\:focus\:gradient-from-purple-50:focus {
+  .md\:focus\:from-purple-50:focus {
     --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .md\:focus\:gradient-from-purple-100:focus {
+  .md\:focus\:from-purple-100:focus {
     --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .md\:focus\:gradient-from-purple-200:focus {
+  .md\:focus\:from-purple-200:focus {
     --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .md\:focus\:gradient-from-purple-300:focus {
+  .md\:focus\:from-purple-300:focus {
     --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .md\:focus\:gradient-from-purple-400:focus {
+  .md\:focus\:from-purple-400:focus {
     --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .md\:focus\:gradient-from-purple-500:focus {
+  .md\:focus\:from-purple-500:focus {
     --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .md\:focus\:gradient-from-purple-600:focus {
+  .md\:focus\:from-purple-600:focus {
     --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .md\:focus\:gradient-from-purple-700:focus {
+  .md\:focus\:from-purple-700:focus {
     --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .md\:focus\:gradient-from-purple-800:focus {
+  .md\:focus\:from-purple-800:focus {
     --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .md\:focus\:gradient-from-purple-900:focus {
+  .md\:focus\:from-purple-900:focus {
     --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .md\:focus\:gradient-from-pink-50:focus {
+  .md\:focus\:from-pink-50:focus {
     --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .md\:focus\:gradient-from-pink-100:focus {
+  .md\:focus\:from-pink-100:focus {
     --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .md\:focus\:gradient-from-pink-200:focus {
+  .md\:focus\:from-pink-200:focus {
     --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .md\:focus\:gradient-from-pink-300:focus {
+  .md\:focus\:from-pink-300:focus {
     --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .md\:focus\:gradient-from-pink-400:focus {
+  .md\:focus\:from-pink-400:focus {
     --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .md\:focus\:gradient-from-pink-500:focus {
+  .md\:focus\:from-pink-500:focus {
     --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .md\:focus\:gradient-from-pink-600:focus {
+  .md\:focus\:from-pink-600:focus {
     --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .md\:focus\:gradient-from-pink-700:focus {
+  .md\:focus\:from-pink-700:focus {
     --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .md\:focus\:gradient-from-pink-800:focus {
+  .md\:focus\:from-pink-800:focus {
     --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .md\:focus\:gradient-from-pink-900:focus {
+  .md\:focus\:from-pink-900:focus {
     --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .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 {
+  .md\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:gradient-mid-current:focus {
+  .md\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-black:focus {
+  .md\:focus\:mid-black:focus {
     --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:gradient-mid-white:focus {
+  .md\:focus\:mid-white:focus {
     --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-50:focus {
+  .md\:focus\:mid-gray-50:focus {
     --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-100:focus {
+  .md\:focus\:mid-gray-100:focus {
     --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-200:focus {
+  .md\:focus\:mid-gray-200:focus {
     --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-300:focus {
+  .md\:focus\:mid-gray-300:focus {
     --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-400:focus {
+  .md\:focus\:mid-gray-400:focus {
     --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-500:focus {
+  .md\:focus\:mid-gray-500:focus {
     --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-600:focus {
+  .md\:focus\:mid-gray-600:focus {
     --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-700:focus {
+  .md\:focus\:mid-gray-700:focus {
     --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-800:focus {
+  .md\:focus\:mid-gray-800:focus {
     --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-900:focus {
+  .md\:focus\:mid-gray-900:focus {
     --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .md\:focus\:gradient-mid-red-50:focus {
+  .md\:focus\:mid-red-50:focus {
     --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .md\:focus\:gradient-mid-red-100:focus {
+  .md\:focus\:mid-red-100:focus {
     --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .md\:focus\:gradient-mid-red-200:focus {
+  .md\:focus\:mid-red-200:focus {
     --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .md\:focus\:gradient-mid-red-300:focus {
+  .md\:focus\:mid-red-300:focus {
     --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .md\:focus\:gradient-mid-red-400:focus {
+  .md\:focus\:mid-red-400:focus {
     --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .md\:focus\:gradient-mid-red-500:focus {
+  .md\:focus\:mid-red-500:focus {
     --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .md\:focus\:gradient-mid-red-600:focus {
+  .md\:focus\:mid-red-600:focus {
     --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .md\:focus\:gradient-mid-red-700:focus {
+  .md\:focus\:mid-red-700:focus {
     --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .md\:focus\:gradient-mid-red-800:focus {
+  .md\:focus\:mid-red-800:focus {
     --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .md\:focus\:gradient-mid-red-900:focus {
+  .md\:focus\:mid-red-900:focus {
     --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-50:focus {
+  .md\:focus\:mid-orange-50:focus {
     --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-100:focus {
+  .md\:focus\:mid-orange-100:focus {
     --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-200:focus {
+  .md\:focus\:mid-orange-200:focus {
     --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-300:focus {
+  .md\:focus\:mid-orange-300:focus {
     --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-400:focus {
+  .md\:focus\:mid-orange-400:focus {
     --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-500:focus {
+  .md\:focus\:mid-orange-500:focus {
     --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-600:focus {
+  .md\:focus\:mid-orange-600:focus {
     --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-700:focus {
+  .md\:focus\:mid-orange-700:focus {
     --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-800:focus {
+  .md\:focus\:mid-orange-800:focus {
     --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-900:focus {
+  .md\:focus\:mid-orange-900:focus {
     --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-50:focus {
+  .md\:focus\:mid-yellow-50:focus {
     --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-100:focus {
+  .md\:focus\:mid-yellow-100:focus {
     --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-200:focus {
+  .md\:focus\:mid-yellow-200:focus {
     --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-300:focus {
+  .md\:focus\:mid-yellow-300:focus {
     --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-400:focus {
+  .md\:focus\:mid-yellow-400:focus {
     --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-500:focus {
+  .md\:focus\:mid-yellow-500:focus {
     --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-600:focus {
+  .md\:focus\:mid-yellow-600:focus {
     --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-700:focus {
+  .md\:focus\:mid-yellow-700:focus {
     --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-800:focus {
+  .md\:focus\:mid-yellow-800:focus {
     --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-900:focus {
+  .md\:focus\:mid-yellow-900:focus {
     --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .md\:focus\:gradient-mid-green-50:focus {
+  .md\:focus\:mid-green-50:focus {
     --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .md\:focus\:gradient-mid-green-100:focus {
+  .md\:focus\:mid-green-100:focus {
     --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .md\:focus\:gradient-mid-green-200:focus {
+  .md\:focus\:mid-green-200:focus {
     --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .md\:focus\:gradient-mid-green-300:focus {
+  .md\:focus\:mid-green-300:focus {
     --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .md\:focus\:gradient-mid-green-400:focus {
+  .md\:focus\:mid-green-400:focus {
     --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .md\:focus\:gradient-mid-green-500:focus {
+  .md\:focus\:mid-green-500:focus {
     --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .md\:focus\:gradient-mid-green-600:focus {
+  .md\:focus\:mid-green-600:focus {
     --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .md\:focus\:gradient-mid-green-700:focus {
+  .md\:focus\:mid-green-700:focus {
     --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .md\:focus\:gradient-mid-green-800:focus {
+  .md\:focus\:mid-green-800:focus {
     --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .md\:focus\:gradient-mid-green-900:focus {
+  .md\:focus\:mid-green-900:focus {
     --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-50:focus {
+  .md\:focus\:mid-teal-50:focus {
     --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-100:focus {
+  .md\:focus\:mid-teal-100:focus {
     --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-200:focus {
+  .md\:focus\:mid-teal-200:focus {
     --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-300:focus {
+  .md\:focus\:mid-teal-300:focus {
     --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-400:focus {
+  .md\:focus\:mid-teal-400:focus {
     --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-500:focus {
+  .md\:focus\:mid-teal-500:focus {
     --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-600:focus {
+  .md\:focus\:mid-teal-600:focus {
     --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-700:focus {
+  .md\:focus\:mid-teal-700:focus {
     --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-800:focus {
+  .md\:focus\:mid-teal-800:focus {
     --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-900:focus {
+  .md\:focus\:mid-teal-900:focus {
     --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-50:focus {
+  .md\:focus\:mid-blue-50:focus {
     --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-100:focus {
+  .md\:focus\:mid-blue-100:focus {
     --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-200:focus {
+  .md\:focus\:mid-blue-200:focus {
     --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-300:focus {
+  .md\:focus\:mid-blue-300:focus {
     --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-400:focus {
+  .md\:focus\:mid-blue-400:focus {
     --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-500:focus {
+  .md\:focus\:mid-blue-500:focus {
     --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-600:focus {
+  .md\:focus\:mid-blue-600:focus {
     --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-700:focus {
+  .md\:focus\:mid-blue-700:focus {
     --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-800:focus {
+  .md\:focus\:mid-blue-800:focus {
     --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-900:focus {
+  .md\:focus\:mid-blue-900:focus {
     --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-50:focus {
+  .md\:focus\:mid-indigo-50:focus {
     --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-100:focus {
+  .md\:focus\:mid-indigo-100:focus {
     --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-200:focus {
+  .md\:focus\:mid-indigo-200:focus {
     --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-300:focus {
+  .md\:focus\:mid-indigo-300:focus {
     --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-400:focus {
+  .md\:focus\:mid-indigo-400:focus {
     --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-500:focus {
+  .md\:focus\:mid-indigo-500:focus {
     --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-600:focus {
+  .md\:focus\:mid-indigo-600:focus {
     --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-700:focus {
+  .md\:focus\:mid-indigo-700:focus {
     --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-800:focus {
+  .md\:focus\:mid-indigo-800:focus {
     --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-900:focus {
+  .md\:focus\:mid-indigo-900:focus {
     --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-50:focus {
+  .md\:focus\:mid-purple-50:focus {
     --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-100:focus {
+  .md\:focus\:mid-purple-100:focus {
     --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-200:focus {
+  .md\:focus\:mid-purple-200:focus {
     --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-300:focus {
+  .md\:focus\:mid-purple-300:focus {
     --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-400:focus {
+  .md\:focus\:mid-purple-400:focus {
     --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-500:focus {
+  .md\:focus\:mid-purple-500:focus {
     --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-600:focus {
+  .md\:focus\:mid-purple-600:focus {
     --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-700:focus {
+  .md\:focus\:mid-purple-700:focus {
     --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-800:focus {
+  .md\:focus\:mid-purple-800:focus {
     --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-900:focus {
+  .md\:focus\:mid-purple-900:focus {
     --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-50:focus {
+  .md\:focus\:mid-pink-50:focus {
     --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-100:focus {
+  .md\:focus\:mid-pink-100:focus {
     --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-200:focus {
+  .md\:focus\:mid-pink-200:focus {
     --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-300:focus {
+  .md\:focus\:mid-pink-300:focus {
     --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-400:focus {
+  .md\:focus\:mid-pink-400:focus {
     --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-500:focus {
+  .md\:focus\:mid-pink-500:focus {
     --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-600:focus {
+  .md\:focus\:mid-pink-600:focus {
     --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-700:focus {
+  .md\:focus\:mid-pink-700:focus {
     --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-800:focus {
+  .md\:focus\:mid-pink-800:focus {
     --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-900:focus {
+  .md\:focus\:mid-pink-900:focus {
     --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .md\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .md\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .md\:focus\:to-black:focus {
+    --gradient-to-color: #000000;
+  }
+
+  .md\:focus\:to-white:focus {
+    --gradient-to-color: #ffffff;
+  }
+
+  .md\:focus\:to-gray-50:focus {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .md\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .md\:focus\:to-gray-200:focus {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .md\:focus\:to-gray-300:focus {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .md\:focus\:to-gray-400:focus {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .md\:focus\:to-gray-500:focus {
+    --gradient-to-color: #6b7280;
+  }
+
+  .md\:focus\:to-gray-600:focus {
+    --gradient-to-color: #4b5563;
+  }
+
+  .md\:focus\:to-gray-700:focus {
+    --gradient-to-color: #374151;
+  }
+
+  .md\:focus\:to-gray-800:focus {
+    --gradient-to-color: #252f3f;
+  }
+
+  .md\:focus\:to-gray-900:focus {
+    --gradient-to-color: #161e2e;
+  }
+
+  .md\:focus\:to-red-50:focus {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .md\:focus\:to-red-100:focus {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .md\:focus\:to-red-200:focus {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .md\:focus\:to-red-300:focus {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .md\:focus\:to-red-400:focus {
+    --gradient-to-color: #f98080;
+  }
+
+  .md\:focus\:to-red-500:focus {
+    --gradient-to-color: #f05252;
+  }
+
+  .md\:focus\:to-red-600:focus {
+    --gradient-to-color: #e02424;
+  }
+
+  .md\:focus\:to-red-700:focus {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .md\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .md\:focus\:to-red-900:focus {
+    --gradient-to-color: #771d1d;
+  }
+
+  .md\:focus\:to-orange-50:focus {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .md\:focus\:to-orange-100:focus {
+    --gradient-to-color: #feecdc;
+  }
+
+  .md\:focus\:to-orange-200:focus {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .md\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .md\:focus\:to-orange-400:focus {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .md\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .md\:focus\:to-orange-600:focus {
+    --gradient-to-color: #d03801;
+  }
+
+  .md\:focus\:to-orange-700:focus {
+    --gradient-to-color: #b43403;
+  }
+
+  .md\:focus\:to-orange-800:focus {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .md\:focus\:to-orange-900:focus {
+    --gradient-to-color: #73230d;
+  }
+
+  .md\:focus\:to-yellow-50:focus {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .md\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .md\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fce96a;
+  }
+
+  .md\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faca15;
+  }
+
+  .md\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #e3a008;
+  }
+
+  .md\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #c27803;
+  }
+
+  .md\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #9f580a;
+  }
+
+  .md\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .md\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #723b13;
+  }
+
+  .md\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #633112;
+  }
+
+  .md\:focus\:to-green-50:focus {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .md\:focus\:to-green-100:focus {
+    --gradient-to-color: #def7ec;
+  }
+
+  .md\:focus\:to-green-200:focus {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .md\:focus\:to-green-300:focus {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .md\:focus\:to-green-400:focus {
+    --gradient-to-color: #31c48d;
+  }
+
+  .md\:focus\:to-green-500:focus {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .md\:focus\:to-green-600:focus {
+    --gradient-to-color: #057a55;
+  }
+
+  .md\:focus\:to-green-700:focus {
+    --gradient-to-color: #046c4e;
+  }
+
+  .md\:focus\:to-green-800:focus {
+    --gradient-to-color: #03543f;
+  }
+
+  .md\:focus\:to-green-900:focus {
+    --gradient-to-color: #014737;
+  }
+
+  .md\:focus\:to-teal-50:focus {
+    --gradient-to-color: #edfafa;
+  }
+
+  .md\:focus\:to-teal-100:focus {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .md\:focus\:to-teal-200:focus {
+    --gradient-to-color: #afecef;
+  }
+
+  .md\:focus\:to-teal-300:focus {
+    --gradient-to-color: #7edce2;
+  }
+
+  .md\:focus\:to-teal-400:focus {
+    --gradient-to-color: #16bdca;
+  }
+
+  .md\:focus\:to-teal-500:focus {
+    --gradient-to-color: #0694a2;
+  }
+
+  .md\:focus\:to-teal-600:focus {
+    --gradient-to-color: #047481;
+  }
+
+  .md\:focus\:to-teal-700:focus {
+    --gradient-to-color: #036672;
+  }
+
+  .md\:focus\:to-teal-800:focus {
+    --gradient-to-color: #05505c;
+  }
+
+  .md\:focus\:to-teal-900:focus {
+    --gradient-to-color: #014451;
+  }
+
+  .md\:focus\:to-blue-50:focus {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .md\:focus\:to-blue-100:focus {
+    --gradient-to-color: #e1effe;
+  }
+
+  .md\:focus\:to-blue-200:focus {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .md\:focus\:to-blue-300:focus {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .md\:focus\:to-blue-400:focus {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .md\:focus\:to-blue-500:focus {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .md\:focus\:to-blue-600:focus {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .md\:focus\:to-blue-700:focus {
+    --gradient-to-color: #1a56db;
+  }
+
+  .md\:focus\:to-blue-800:focus {
+    --gradient-to-color: #1e429f;
+  }
+
+  .md\:focus\:to-blue-900:focus {
+    --gradient-to-color: #233876;
+  }
+
+  .md\:focus\:to-indigo-50:focus {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .md\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #e5edff;
+  }
+
+  .md\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .md\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .md\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .md\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #6875f5;
+  }
+
+  .md\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5850ec;
+  }
+
+  .md\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #5145cd;
+  }
+
+  .md\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #42389d;
+  }
+
+  .md\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #362f78;
+  }
+
+  .md\:focus\:to-purple-50:focus {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .md\:focus\:to-purple-100:focus {
+    --gradient-to-color: #edebfe;
+  }
+
+  .md\:focus\:to-purple-200:focus {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .md\:focus\:to-purple-300:focus {
+    --gradient-to-color: #cabffd;
+  }
+
+  .md\:focus\:to-purple-400:focus {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .md\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9061f9;
+  }
+
+  .md\:focus\:to-purple-600:focus {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .md\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .md\:focus\:to-purple-800:focus {
+    --gradient-to-color: #5521b5;
+  }
+
+  .md\:focus\:to-purple-900:focus {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .md\:focus\:to-pink-50:focus {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .md\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .md\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .md\:focus\:to-pink-300:focus {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .md\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .md\:focus\:to-pink-500:focus {
+    --gradient-to-color: #e74694;
+  }
+
+  .md\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d61f69;
+  }
+
+  .md\:focus\:to-pink-700:focus {
+    --gradient-to-color: #bf125d;
+  }
+
+  .md\:focus\:to-pink-800:focus {
+    --gradient-to-color: #99154b;
+  }
+
+  .md\:focus\:to-pink-900:focus {
+    --gradient-to-color: #751a3d;
   }
 
   .md\:bg-opacity-0 {
@@ -94102,4700 +93214,4404 @@ 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-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  .lg\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  .lg\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  .lg\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .lg\:gradient-from-transparent {
+  .lg\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .lg\:from-transparent {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:gradient-from-current {
+  .lg\:from-current {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:gradient-from-black {
+  .lg\:from-black {
     --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:gradient-from-white {
+  .lg\:from-white {
     --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:gradient-from-gray-50 {
+  .lg\:from-gray-50 {
     --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .lg\:gradient-from-gray-100 {
+  .lg\:from-gray-100 {
     --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .lg\:gradient-from-gray-200 {
+  .lg\:from-gray-200 {
     --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .lg\:gradient-from-gray-300 {
+  .lg\:from-gray-300 {
     --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .lg\:gradient-from-gray-400 {
+  .lg\:from-gray-400 {
     --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .lg\:gradient-from-gray-500 {
+  .lg\:from-gray-500 {
     --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .lg\:gradient-from-gray-600 {
+  .lg\:from-gray-600 {
     --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .lg\:gradient-from-gray-700 {
+  .lg\:from-gray-700 {
     --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .lg\:gradient-from-gray-800 {
+  .lg\:from-gray-800 {
     --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .lg\:gradient-from-gray-900 {
+  .lg\:from-gray-900 {
     --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .lg\:gradient-from-red-50 {
+  .lg\:from-red-50 {
     --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .lg\:gradient-from-red-100 {
+  .lg\:from-red-100 {
     --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .lg\:gradient-from-red-200 {
+  .lg\:from-red-200 {
     --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .lg\:gradient-from-red-300 {
+  .lg\:from-red-300 {
     --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .lg\:gradient-from-red-400 {
+  .lg\:from-red-400 {
     --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .lg\:gradient-from-red-500 {
+  .lg\:from-red-500 {
     --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .lg\:gradient-from-red-600 {
+  .lg\:from-red-600 {
     --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .lg\:gradient-from-red-700 {
+  .lg\:from-red-700 {
     --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .lg\:gradient-from-red-800 {
+  .lg\:from-red-800 {
     --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .lg\:gradient-from-red-900 {
+  .lg\:from-red-900 {
     --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .lg\:gradient-from-orange-50 {
+  .lg\:from-orange-50 {
     --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .lg\:gradient-from-orange-100 {
+  .lg\:from-orange-100 {
     --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .lg\:gradient-from-orange-200 {
+  .lg\:from-orange-200 {
     --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .lg\:gradient-from-orange-300 {
+  .lg\:from-orange-300 {
     --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .lg\:gradient-from-orange-400 {
+  .lg\:from-orange-400 {
     --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .lg\:gradient-from-orange-500 {
+  .lg\:from-orange-500 {
     --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .lg\:gradient-from-orange-600 {
+  .lg\:from-orange-600 {
     --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .lg\:gradient-from-orange-700 {
+  .lg\:from-orange-700 {
     --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .lg\:gradient-from-orange-800 {
+  .lg\:from-orange-800 {
     --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .lg\:gradient-from-orange-900 {
+  .lg\:from-orange-900 {
     --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .lg\:gradient-from-yellow-50 {
+  .lg\:from-yellow-50 {
     --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .lg\:gradient-from-yellow-100 {
+  .lg\:from-yellow-100 {
     --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .lg\:gradient-from-yellow-200 {
+  .lg\:from-yellow-200 {
     --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .lg\:gradient-from-yellow-300 {
+  .lg\:from-yellow-300 {
     --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .lg\:gradient-from-yellow-400 {
+  .lg\:from-yellow-400 {
     --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .lg\:gradient-from-yellow-500 {
+  .lg\:from-yellow-500 {
     --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .lg\:gradient-from-yellow-600 {
+  .lg\:from-yellow-600 {
     --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .lg\:gradient-from-yellow-700 {
+  .lg\:from-yellow-700 {
     --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .lg\:gradient-from-yellow-800 {
+  .lg\:from-yellow-800 {
     --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .lg\:gradient-from-yellow-900 {
+  .lg\:from-yellow-900 {
     --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .lg\:gradient-from-green-50 {
+  .lg\:from-green-50 {
     --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .lg\:gradient-from-green-100 {
+  .lg\:from-green-100 {
     --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .lg\:gradient-from-green-200 {
+  .lg\:from-green-200 {
     --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .lg\:gradient-from-green-300 {
+  .lg\:from-green-300 {
     --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .lg\:gradient-from-green-400 {
+  .lg\:from-green-400 {
     --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .lg\:gradient-from-green-500 {
+  .lg\:from-green-500 {
     --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .lg\:gradient-from-green-600 {
+  .lg\:from-green-600 {
     --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .lg\:gradient-from-green-700 {
+  .lg\:from-green-700 {
     --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .lg\:gradient-from-green-800 {
+  .lg\:from-green-800 {
     --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .lg\:gradient-from-green-900 {
+  .lg\:from-green-900 {
     --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .lg\:gradient-from-teal-50 {
+  .lg\:from-teal-50 {
     --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .lg\:gradient-from-teal-100 {
+  .lg\:from-teal-100 {
     --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .lg\:gradient-from-teal-200 {
+  .lg\:from-teal-200 {
     --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .lg\:gradient-from-teal-300 {
+  .lg\:from-teal-300 {
     --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .lg\:gradient-from-teal-400 {
+  .lg\:from-teal-400 {
     --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .lg\:gradient-from-teal-500 {
+  .lg\:from-teal-500 {
     --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .lg\:gradient-from-teal-600 {
+  .lg\:from-teal-600 {
     --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .lg\:gradient-from-teal-700 {
+  .lg\:from-teal-700 {
     --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .lg\:gradient-from-teal-800 {
+  .lg\:from-teal-800 {
     --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .lg\:gradient-from-teal-900 {
+  .lg\:from-teal-900 {
     --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .lg\:gradient-from-blue-50 {
+  .lg\:from-blue-50 {
     --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .lg\:gradient-from-blue-100 {
+  .lg\:from-blue-100 {
     --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .lg\:gradient-from-blue-200 {
+  .lg\:from-blue-200 {
     --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .lg\:gradient-from-blue-300 {
+  .lg\:from-blue-300 {
     --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .lg\:gradient-from-blue-400 {
+  .lg\:from-blue-400 {
     --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .lg\:gradient-from-blue-500 {
+  .lg\:from-blue-500 {
     --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .lg\:gradient-from-blue-600 {
+  .lg\:from-blue-600 {
     --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .lg\:gradient-from-blue-700 {
+  .lg\:from-blue-700 {
     --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .lg\:gradient-from-blue-800 {
+  .lg\:from-blue-800 {
     --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .lg\:gradient-from-blue-900 {
+  .lg\:from-blue-900 {
     --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .lg\:gradient-from-indigo-50 {
+  .lg\:from-indigo-50 {
     --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .lg\:gradient-from-indigo-100 {
+  .lg\:from-indigo-100 {
     --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .lg\:gradient-from-indigo-200 {
+  .lg\:from-indigo-200 {
     --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .lg\:gradient-from-indigo-300 {
+  .lg\:from-indigo-300 {
     --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .lg\:gradient-from-indigo-400 {
+  .lg\:from-indigo-400 {
     --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .lg\:gradient-from-indigo-500 {
+  .lg\:from-indigo-500 {
     --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .lg\:gradient-from-indigo-600 {
+  .lg\:from-indigo-600 {
     --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .lg\:gradient-from-indigo-700 {
+  .lg\:from-indigo-700 {
     --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .lg\:gradient-from-indigo-800 {
+  .lg\:from-indigo-800 {
     --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .lg\:gradient-from-indigo-900 {
+  .lg\:from-indigo-900 {
     --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .lg\:gradient-from-purple-50 {
+  .lg\:from-purple-50 {
     --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .lg\:gradient-from-purple-100 {
+  .lg\:from-purple-100 {
     --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .lg\:gradient-from-purple-200 {
+  .lg\:from-purple-200 {
     --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .lg\:gradient-from-purple-300 {
+  .lg\:from-purple-300 {
     --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .lg\:gradient-from-purple-400 {
+  .lg\:from-purple-400 {
     --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .lg\:gradient-from-purple-500 {
+  .lg\:from-purple-500 {
     --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .lg\:gradient-from-purple-600 {
+  .lg\:from-purple-600 {
     --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .lg\:gradient-from-purple-700 {
+  .lg\:from-purple-700 {
     --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .lg\:gradient-from-purple-800 {
+  .lg\:from-purple-800 {
     --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .lg\:gradient-from-purple-900 {
+  .lg\:from-purple-900 {
     --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .lg\:gradient-from-pink-50 {
+  .lg\:from-pink-50 {
     --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .lg\:gradient-from-pink-100 {
+  .lg\:from-pink-100 {
     --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .lg\:gradient-from-pink-200 {
+  .lg\:from-pink-200 {
     --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .lg\:gradient-from-pink-300 {
+  .lg\:from-pink-300 {
     --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .lg\:gradient-from-pink-400 {
+  .lg\:from-pink-400 {
     --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .lg\:gradient-from-pink-500 {
+  .lg\:from-pink-500 {
     --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .lg\:gradient-from-pink-600 {
+  .lg\:from-pink-600 {
     --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .lg\:gradient-from-pink-700 {
+  .lg\:from-pink-700 {
     --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .lg\:gradient-from-pink-800 {
+  .lg\:from-pink-800 {
     --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .lg\:gradient-from-pink-900 {
+  .lg\:from-pink-900 {
     --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .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 {
+  .lg\:mid-transparent {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:gradient-mid-current {
+  .lg\:mid-current {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:gradient-mid-black {
+  .lg\:mid-black {
     --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:gradient-mid-white {
+  .lg\:mid-white {
     --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:gradient-mid-gray-50 {
+  .lg\:mid-gray-50 {
     --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .lg\:gradient-mid-gray-100 {
+  .lg\:mid-gray-100 {
     --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .lg\:gradient-mid-gray-200 {
+  .lg\:mid-gray-200 {
     --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .lg\:gradient-mid-gray-300 {
+  .lg\:mid-gray-300 {
     --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .lg\:gradient-mid-gray-400 {
+  .lg\:mid-gray-400 {
     --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .lg\:gradient-mid-gray-500 {
+  .lg\:mid-gray-500 {
     --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .lg\:gradient-mid-gray-600 {
+  .lg\:mid-gray-600 {
     --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .lg\:gradient-mid-gray-700 {
+  .lg\:mid-gray-700 {
     --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .lg\:gradient-mid-gray-800 {
+  .lg\:mid-gray-800 {
     --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .lg\:gradient-mid-gray-900 {
+  .lg\:mid-gray-900 {
     --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .lg\:gradient-mid-red-50 {
+  .lg\:mid-red-50 {
     --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .lg\:gradient-mid-red-100 {
+  .lg\:mid-red-100 {
     --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .lg\:gradient-mid-red-200 {
+  .lg\:mid-red-200 {
     --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .lg\:gradient-mid-red-300 {
+  .lg\:mid-red-300 {
     --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .lg\:gradient-mid-red-400 {
+  .lg\:mid-red-400 {
     --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .lg\:gradient-mid-red-500 {
+  .lg\:mid-red-500 {
     --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .lg\:gradient-mid-red-600 {
+  .lg\:mid-red-600 {
     --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .lg\:gradient-mid-red-700 {
+  .lg\:mid-red-700 {
     --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .lg\:gradient-mid-red-800 {
+  .lg\:mid-red-800 {
     --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .lg\:gradient-mid-red-900 {
+  .lg\:mid-red-900 {
     --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .lg\:gradient-mid-orange-50 {
+  .lg\:mid-orange-50 {
     --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .lg\:gradient-mid-orange-100 {
+  .lg\:mid-orange-100 {
     --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .lg\:gradient-mid-orange-200 {
+  .lg\:mid-orange-200 {
     --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .lg\:gradient-mid-orange-300 {
+  .lg\:mid-orange-300 {
     --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .lg\:gradient-mid-orange-400 {
+  .lg\:mid-orange-400 {
     --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .lg\:gradient-mid-orange-500 {
+  .lg\:mid-orange-500 {
     --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .lg\:gradient-mid-orange-600 {
+  .lg\:mid-orange-600 {
     --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .lg\:gradient-mid-orange-700 {
+  .lg\:mid-orange-700 {
     --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .lg\:gradient-mid-orange-800 {
+  .lg\:mid-orange-800 {
     --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .lg\:gradient-mid-orange-900 {
+  .lg\:mid-orange-900 {
     --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .lg\:gradient-mid-yellow-50 {
+  .lg\:mid-yellow-50 {
     --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .lg\:gradient-mid-yellow-100 {
+  .lg\:mid-yellow-100 {
     --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .lg\:gradient-mid-yellow-200 {
+  .lg\:mid-yellow-200 {
     --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .lg\:gradient-mid-yellow-300 {
+  .lg\:mid-yellow-300 {
     --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .lg\:gradient-mid-yellow-400 {
+  .lg\:mid-yellow-400 {
     --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .lg\:gradient-mid-yellow-500 {
+  .lg\:mid-yellow-500 {
     --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .lg\:gradient-mid-yellow-600 {
+  .lg\:mid-yellow-600 {
     --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .lg\:gradient-mid-yellow-700 {
+  .lg\:mid-yellow-700 {
     --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .lg\:gradient-mid-yellow-800 {
+  .lg\:mid-yellow-800 {
     --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .lg\:gradient-mid-yellow-900 {
+  .lg\:mid-yellow-900 {
     --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .lg\:gradient-mid-green-50 {
+  .lg\:mid-green-50 {
     --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .lg\:gradient-mid-green-100 {
+  .lg\:mid-green-100 {
     --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .lg\:gradient-mid-green-200 {
+  .lg\:mid-green-200 {
     --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .lg\:gradient-mid-green-300 {
+  .lg\:mid-green-300 {
     --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .lg\:gradient-mid-green-400 {
+  .lg\:mid-green-400 {
     --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .lg\:gradient-mid-green-500 {
+  .lg\:mid-green-500 {
     --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .lg\:gradient-mid-green-600 {
+  .lg\:mid-green-600 {
     --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .lg\:gradient-mid-green-700 {
+  .lg\:mid-green-700 {
     --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .lg\:gradient-mid-green-800 {
+  .lg\:mid-green-800 {
     --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .lg\:gradient-mid-green-900 {
+  .lg\:mid-green-900 {
     --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .lg\:gradient-mid-teal-50 {
+  .lg\:mid-teal-50 {
     --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .lg\:gradient-mid-teal-100 {
+  .lg\:mid-teal-100 {
     --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .lg\:gradient-mid-teal-200 {
+  .lg\:mid-teal-200 {
     --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .lg\:gradient-mid-teal-300 {
+  .lg\:mid-teal-300 {
     --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .lg\:gradient-mid-teal-400 {
+  .lg\:mid-teal-400 {
     --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .lg\:gradient-mid-teal-500 {
+  .lg\:mid-teal-500 {
     --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .lg\:gradient-mid-teal-600 {
+  .lg\:mid-teal-600 {
     --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .lg\:gradient-mid-teal-700 {
+  .lg\:mid-teal-700 {
     --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .lg\:gradient-mid-teal-800 {
+  .lg\:mid-teal-800 {
     --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .lg\:gradient-mid-teal-900 {
+  .lg\:mid-teal-900 {
     --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .lg\:gradient-mid-blue-50 {
+  .lg\:mid-blue-50 {
     --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .lg\:gradient-mid-blue-100 {
+  .lg\:mid-blue-100 {
     --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .lg\:gradient-mid-blue-200 {
+  .lg\:mid-blue-200 {
     --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .lg\:gradient-mid-blue-300 {
+  .lg\:mid-blue-300 {
     --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .lg\:gradient-mid-blue-400 {
+  .lg\:mid-blue-400 {
     --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .lg\:gradient-mid-blue-500 {
+  .lg\:mid-blue-500 {
     --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .lg\:gradient-mid-blue-600 {
+  .lg\:mid-blue-600 {
     --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .lg\:gradient-mid-blue-700 {
+  .lg\:mid-blue-700 {
     --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .lg\:gradient-mid-blue-800 {
+  .lg\:mid-blue-800 {
     --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .lg\:gradient-mid-blue-900 {
+  .lg\:mid-blue-900 {
     --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .lg\:gradient-mid-indigo-50 {
+  .lg\:mid-indigo-50 {
     --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .lg\:gradient-mid-indigo-100 {
+  .lg\:mid-indigo-100 {
     --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .lg\:gradient-mid-indigo-200 {
+  .lg\:mid-indigo-200 {
     --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .lg\:gradient-mid-indigo-300 {
+  .lg\:mid-indigo-300 {
     --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .lg\:gradient-mid-indigo-400 {
+  .lg\:mid-indigo-400 {
     --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .lg\:gradient-mid-indigo-500 {
+  .lg\:mid-indigo-500 {
     --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .lg\:gradient-mid-indigo-600 {
+  .lg\:mid-indigo-600 {
     --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .lg\:gradient-mid-indigo-700 {
+  .lg\:mid-indigo-700 {
     --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .lg\:gradient-mid-indigo-800 {
+  .lg\:mid-indigo-800 {
     --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .lg\:gradient-mid-indigo-900 {
+  .lg\:mid-indigo-900 {
     --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .lg\:gradient-mid-purple-50 {
+  .lg\:mid-purple-50 {
     --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .lg\:gradient-mid-purple-100 {
+  .lg\:mid-purple-100 {
     --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .lg\:gradient-mid-purple-200 {
+  .lg\:mid-purple-200 {
     --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .lg\:gradient-mid-purple-300 {
+  .lg\:mid-purple-300 {
     --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .lg\:gradient-mid-purple-400 {
+  .lg\:mid-purple-400 {
     --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .lg\:gradient-mid-purple-500 {
+  .lg\:mid-purple-500 {
     --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .lg\:gradient-mid-purple-600 {
+  .lg\:mid-purple-600 {
     --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .lg\:gradient-mid-purple-700 {
+  .lg\:mid-purple-700 {
     --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .lg\:gradient-mid-purple-800 {
+  .lg\:mid-purple-800 {
     --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .lg\:gradient-mid-purple-900 {
+  .lg\:mid-purple-900 {
     --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .lg\:gradient-mid-pink-50 {
+  .lg\:mid-pink-50 {
     --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .lg\:gradient-mid-pink-100 {
+  .lg\:mid-pink-100 {
     --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .lg\:gradient-mid-pink-200 {
+  .lg\:mid-pink-200 {
     --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .lg\:gradient-mid-pink-300 {
+  .lg\:mid-pink-300 {
     --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .lg\:gradient-mid-pink-400 {
+  .lg\:mid-pink-400 {
     --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .lg\:gradient-mid-pink-500 {
+  .lg\:mid-pink-500 {
     --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .lg\:gradient-mid-pink-600 {
+  .lg\:mid-pink-600 {
     --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .lg\:gradient-mid-pink-700 {
+  .lg\:mid-pink-700 {
     --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .lg\:gradient-mid-pink-800 {
+  .lg\:mid-pink-800 {
     --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .lg\:gradient-mid-pink-900 {
+  .lg\:mid-pink-900 {
     --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .lg\:hover\:gradient-from-transparent:hover {
+  .lg\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .lg\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .lg\:to-black {
+    --gradient-to-color: #000000;
+  }
+
+  .lg\:to-white {
+    --gradient-to-color: #ffffff;
+  }
+
+  .lg\:to-gray-50 {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .lg\:to-gray-100 {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .lg\:to-gray-200 {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .lg\:to-gray-300 {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .lg\:to-gray-400 {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .lg\:to-gray-500 {
+    --gradient-to-color: #6b7280;
+  }
+
+  .lg\:to-gray-600 {
+    --gradient-to-color: #4b5563;
+  }
+
+  .lg\:to-gray-700 {
+    --gradient-to-color: #374151;
+  }
+
+  .lg\:to-gray-800 {
+    --gradient-to-color: #252f3f;
+  }
+
+  .lg\:to-gray-900 {
+    --gradient-to-color: #161e2e;
+  }
+
+  .lg\:to-red-50 {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .lg\:to-red-100 {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .lg\:to-red-200 {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .lg\:to-red-300 {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .lg\:to-red-400 {
+    --gradient-to-color: #f98080;
+  }
+
+  .lg\:to-red-500 {
+    --gradient-to-color: #f05252;
+  }
+
+  .lg\:to-red-600 {
+    --gradient-to-color: #e02424;
+  }
+
+  .lg\:to-red-700 {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .lg\:to-red-800 {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .lg\:to-red-900 {
+    --gradient-to-color: #771d1d;
+  }
+
+  .lg\:to-orange-50 {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .lg\:to-orange-100 {
+    --gradient-to-color: #feecdc;
+  }
+
+  .lg\:to-orange-200 {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .lg\:to-orange-300 {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .lg\:to-orange-400 {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .lg\:to-orange-500 {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .lg\:to-orange-600 {
+    --gradient-to-color: #d03801;
+  }
+
+  .lg\:to-orange-700 {
+    --gradient-to-color: #b43403;
+  }
+
+  .lg\:to-orange-800 {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .lg\:to-orange-900 {
+    --gradient-to-color: #73230d;
+  }
+
+  .lg\:to-yellow-50 {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .lg\:to-yellow-100 {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .lg\:to-yellow-200 {
+    --gradient-to-color: #fce96a;
+  }
+
+  .lg\:to-yellow-300 {
+    --gradient-to-color: #faca15;
+  }
+
+  .lg\:to-yellow-400 {
+    --gradient-to-color: #e3a008;
+  }
+
+  .lg\:to-yellow-500 {
+    --gradient-to-color: #c27803;
+  }
+
+  .lg\:to-yellow-600 {
+    --gradient-to-color: #9f580a;
+  }
+
+  .lg\:to-yellow-700 {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .lg\:to-yellow-800 {
+    --gradient-to-color: #723b13;
+  }
+
+  .lg\:to-yellow-900 {
+    --gradient-to-color: #633112;
+  }
+
+  .lg\:to-green-50 {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .lg\:to-green-100 {
+    --gradient-to-color: #def7ec;
+  }
+
+  .lg\:to-green-200 {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .lg\:to-green-300 {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .lg\:to-green-400 {
+    --gradient-to-color: #31c48d;
+  }
+
+  .lg\:to-green-500 {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .lg\:to-green-600 {
+    --gradient-to-color: #057a55;
+  }
+
+  .lg\:to-green-700 {
+    --gradient-to-color: #046c4e;
+  }
+
+  .lg\:to-green-800 {
+    --gradient-to-color: #03543f;
+  }
+
+  .lg\:to-green-900 {
+    --gradient-to-color: #014737;
+  }
+
+  .lg\:to-teal-50 {
+    --gradient-to-color: #edfafa;
+  }
+
+  .lg\:to-teal-100 {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .lg\:to-teal-200 {
+    --gradient-to-color: #afecef;
+  }
+
+  .lg\:to-teal-300 {
+    --gradient-to-color: #7edce2;
+  }
+
+  .lg\:to-teal-400 {
+    --gradient-to-color: #16bdca;
+  }
+
+  .lg\:to-teal-500 {
+    --gradient-to-color: #0694a2;
+  }
+
+  .lg\:to-teal-600 {
+    --gradient-to-color: #047481;
+  }
+
+  .lg\:to-teal-700 {
+    --gradient-to-color: #036672;
+  }
+
+  .lg\:to-teal-800 {
+    --gradient-to-color: #05505c;
+  }
+
+  .lg\:to-teal-900 {
+    --gradient-to-color: #014451;
+  }
+
+  .lg\:to-blue-50 {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .lg\:to-blue-100 {
+    --gradient-to-color: #e1effe;
+  }
+
+  .lg\:to-blue-200 {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .lg\:to-blue-300 {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .lg\:to-blue-400 {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .lg\:to-blue-500 {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .lg\:to-blue-600 {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .lg\:to-blue-700 {
+    --gradient-to-color: #1a56db;
+  }
+
+  .lg\:to-blue-800 {
+    --gradient-to-color: #1e429f;
+  }
+
+  .lg\:to-blue-900 {
+    --gradient-to-color: #233876;
+  }
+
+  .lg\:to-indigo-50 {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .lg\:to-indigo-100 {
+    --gradient-to-color: #e5edff;
+  }
+
+  .lg\:to-indigo-200 {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .lg\:to-indigo-300 {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .lg\:to-indigo-400 {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .lg\:to-indigo-500 {
+    --gradient-to-color: #6875f5;
+  }
+
+  .lg\:to-indigo-600 {
+    --gradient-to-color: #5850ec;
+  }
+
+  .lg\:to-indigo-700 {
+    --gradient-to-color: #5145cd;
+  }
+
+  .lg\:to-indigo-800 {
+    --gradient-to-color: #42389d;
+  }
+
+  .lg\:to-indigo-900 {
+    --gradient-to-color: #362f78;
+  }
+
+  .lg\:to-purple-50 {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .lg\:to-purple-100 {
+    --gradient-to-color: #edebfe;
+  }
+
+  .lg\:to-purple-200 {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .lg\:to-purple-300 {
+    --gradient-to-color: #cabffd;
+  }
+
+  .lg\:to-purple-400 {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .lg\:to-purple-500 {
+    --gradient-to-color: #9061f9;
+  }
+
+  .lg\:to-purple-600 {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .lg\:to-purple-700 {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .lg\:to-purple-800 {
+    --gradient-to-color: #5521b5;
+  }
+
+  .lg\:to-purple-900 {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .lg\:to-pink-50 {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .lg\:to-pink-100 {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .lg\:to-pink-200 {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .lg\:to-pink-300 {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .lg\:to-pink-400 {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .lg\:to-pink-500 {
+    --gradient-to-color: #e74694;
+  }
+
+  .lg\:to-pink-600 {
+    --gradient-to-color: #d61f69;
+  }
+
+  .lg\:to-pink-700 {
+    --gradient-to-color: #bf125d;
+  }
+
+  .lg\:to-pink-800 {
+    --gradient-to-color: #99154b;
+  }
+
+  .lg\:to-pink-900 {
+    --gradient-to-color: #751a3d;
+  }
+
+  .lg\:hover\:from-transparent:hover {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:gradient-from-current:hover {
+  .lg\:hover\:from-current:hover {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-black:hover {
+  .lg\:hover\:from-black:hover {
     --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:gradient-from-white:hover {
+  .lg\:hover\:from-white:hover {
     --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-50:hover {
+  .lg\:hover\:from-gray-50:hover {
     --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-100:hover {
+  .lg\:hover\:from-gray-100:hover {
     --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-200:hover {
+  .lg\:hover\:from-gray-200:hover {
     --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-300:hover {
+  .lg\:hover\:from-gray-300:hover {
     --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-400:hover {
+  .lg\:hover\:from-gray-400:hover {
     --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-500:hover {
+  .lg\:hover\:from-gray-500:hover {
     --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-600:hover {
+  .lg\:hover\:from-gray-600:hover {
     --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-700:hover {
+  .lg\:hover\:from-gray-700:hover {
     --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-800:hover {
+  .lg\:hover\:from-gray-800:hover {
     --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-900:hover {
+  .lg\:hover\:from-gray-900:hover {
     --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .lg\:hover\:gradient-from-red-50:hover {
+  .lg\:hover\:from-red-50:hover {
     --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .lg\:hover\:gradient-from-red-100:hover {
+  .lg\:hover\:from-red-100:hover {
     --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .lg\:hover\:gradient-from-red-200:hover {
+  .lg\:hover\:from-red-200:hover {
     --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .lg\:hover\:gradient-from-red-300:hover {
+  .lg\:hover\:from-red-300:hover {
     --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .lg\:hover\:gradient-from-red-400:hover {
+  .lg\:hover\:from-red-400:hover {
     --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .lg\:hover\:gradient-from-red-500:hover {
+  .lg\:hover\:from-red-500:hover {
     --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .lg\:hover\:gradient-from-red-600:hover {
+  .lg\:hover\:from-red-600:hover {
     --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .lg\:hover\:gradient-from-red-700:hover {
+  .lg\:hover\:from-red-700:hover {
     --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .lg\:hover\:gradient-from-red-800:hover {
+  .lg\:hover\:from-red-800:hover {
     --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .lg\:hover\:gradient-from-red-900:hover {
+  .lg\:hover\:from-red-900:hover {
     --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-50:hover {
+  .lg\:hover\:from-orange-50:hover {
     --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-100:hover {
+  .lg\:hover\:from-orange-100:hover {
     --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-200:hover {
+  .lg\:hover\:from-orange-200:hover {
     --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-300:hover {
+  .lg\:hover\:from-orange-300:hover {
     --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-400:hover {
+  .lg\:hover\:from-orange-400:hover {
     --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-500:hover {
+  .lg\:hover\:from-orange-500:hover {
     --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-600:hover {
+  .lg\:hover\:from-orange-600:hover {
     --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-700:hover {
+  .lg\:hover\:from-orange-700:hover {
     --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-800:hover {
+  .lg\:hover\:from-orange-800:hover {
     --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-900:hover {
+  .lg\:hover\:from-orange-900:hover {
     --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-50:hover {
+  .lg\:hover\:from-yellow-50:hover {
     --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-100:hover {
+  .lg\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-200:hover {
+  .lg\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-300:hover {
+  .lg\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-400:hover {
+  .lg\:hover\:from-yellow-400:hover {
     --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-500:hover {
+  .lg\:hover\:from-yellow-500:hover {
     --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-600:hover {
+  .lg\:hover\:from-yellow-600:hover {
     --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-700:hover {
+  .lg\:hover\:from-yellow-700:hover {
     --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-800:hover {
+  .lg\:hover\:from-yellow-800:hover {
     --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-900:hover {
+  .lg\:hover\:from-yellow-900:hover {
     --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .lg\:hover\:gradient-from-green-50:hover {
+  .lg\:hover\:from-green-50:hover {
     --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .lg\:hover\:gradient-from-green-100:hover {
+  .lg\:hover\:from-green-100:hover {
     --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .lg\:hover\:gradient-from-green-200:hover {
+  .lg\:hover\:from-green-200:hover {
     --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .lg\:hover\:gradient-from-green-300:hover {
+  .lg\:hover\:from-green-300:hover {
     --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .lg\:hover\:gradient-from-green-400:hover {
+  .lg\:hover\:from-green-400:hover {
     --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .lg\:hover\:gradient-from-green-500:hover {
+  .lg\:hover\:from-green-500:hover {
     --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .lg\:hover\:gradient-from-green-600:hover {
+  .lg\:hover\:from-green-600:hover {
     --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .lg\:hover\:gradient-from-green-700:hover {
+  .lg\:hover\:from-green-700:hover {
     --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .lg\:hover\:gradient-from-green-800:hover {
+  .lg\:hover\:from-green-800:hover {
     --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .lg\:hover\:gradient-from-green-900:hover {
+  .lg\:hover\:from-green-900:hover {
     --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-50:hover {
+  .lg\:hover\:from-teal-50:hover {
     --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-100:hover {
+  .lg\:hover\:from-teal-100:hover {
     --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-200:hover {
+  .lg\:hover\:from-teal-200:hover {
     --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-300:hover {
+  .lg\:hover\:from-teal-300:hover {
     --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-400:hover {
+  .lg\:hover\:from-teal-400:hover {
     --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-500:hover {
+  .lg\:hover\:from-teal-500:hover {
     --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-600:hover {
+  .lg\:hover\:from-teal-600:hover {
     --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-700:hover {
+  .lg\:hover\:from-teal-700:hover {
     --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-800:hover {
+  .lg\:hover\:from-teal-800:hover {
     --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-900:hover {
+  .lg\:hover\:from-teal-900:hover {
     --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-50:hover {
+  .lg\:hover\:from-blue-50:hover {
     --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-100:hover {
+  .lg\:hover\:from-blue-100:hover {
     --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-200:hover {
+  .lg\:hover\:from-blue-200:hover {
     --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-300:hover {
+  .lg\:hover\:from-blue-300:hover {
     --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-400:hover {
+  .lg\:hover\:from-blue-400:hover {
     --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-500:hover {
+  .lg\:hover\:from-blue-500:hover {
     --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-600:hover {
+  .lg\:hover\:from-blue-600:hover {
     --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-700:hover {
+  .lg\:hover\:from-blue-700:hover {
     --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-800:hover {
+  .lg\:hover\:from-blue-800:hover {
     --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-900:hover {
+  .lg\:hover\:from-blue-900:hover {
     --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-50:hover {
+  .lg\:hover\:from-indigo-50:hover {
     --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-100:hover {
+  .lg\:hover\:from-indigo-100:hover {
     --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-200:hover {
+  .lg\:hover\:from-indigo-200:hover {
     --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-300:hover {
+  .lg\:hover\:from-indigo-300:hover {
     --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-400:hover {
+  .lg\:hover\:from-indigo-400:hover {
     --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-500:hover {
+  .lg\:hover\:from-indigo-500:hover {
     --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-600:hover {
+  .lg\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-700:hover {
+  .lg\:hover\:from-indigo-700:hover {
     --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-800:hover {
+  .lg\:hover\:from-indigo-800:hover {
     --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-900:hover {
+  .lg\:hover\:from-indigo-900:hover {
     --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-50:hover {
+  .lg\:hover\:from-purple-50:hover {
     --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-100:hover {
+  .lg\:hover\:from-purple-100:hover {
     --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-200:hover {
+  .lg\:hover\:from-purple-200:hover {
     --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-300:hover {
+  .lg\:hover\:from-purple-300:hover {
     --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-400:hover {
+  .lg\:hover\:from-purple-400:hover {
     --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-500:hover {
+  .lg\:hover\:from-purple-500:hover {
     --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-600:hover {
+  .lg\:hover\:from-purple-600:hover {
     --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-700:hover {
+  .lg\:hover\:from-purple-700:hover {
     --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-800:hover {
+  .lg\:hover\:from-purple-800:hover {
     --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-900:hover {
+  .lg\:hover\:from-purple-900:hover {
     --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-50:hover {
+  .lg\:hover\:from-pink-50:hover {
     --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-100:hover {
+  .lg\:hover\:from-pink-100:hover {
     --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-200:hover {
+  .lg\:hover\:from-pink-200:hover {
     --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-300:hover {
+  .lg\:hover\:from-pink-300:hover {
     --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-400:hover {
+  .lg\:hover\:from-pink-400:hover {
     --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-500:hover {
+  .lg\:hover\:from-pink-500:hover {
     --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-600:hover {
+  .lg\:hover\:from-pink-600:hover {
     --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-700:hover {
+  .lg\:hover\:from-pink-700:hover {
     --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-800:hover {
+  .lg\:hover\:from-pink-800:hover {
     --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-900:hover {
+  .lg\:hover\:from-pink-900:hover {
     --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .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 {
+  .lg\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:gradient-mid-current:hover {
+  .lg\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-black:hover {
+  .lg\:hover\:mid-black:hover {
     --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:gradient-mid-white:hover {
+  .lg\:hover\:mid-white:hover {
     --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-50:hover {
+  .lg\:hover\:mid-gray-50:hover {
     --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-100:hover {
+  .lg\:hover\:mid-gray-100:hover {
     --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-200:hover {
+  .lg\:hover\:mid-gray-200:hover {
     --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-300:hover {
+  .lg\:hover\:mid-gray-300:hover {
     --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-400:hover {
+  .lg\:hover\:mid-gray-400:hover {
     --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-500:hover {
+  .lg\:hover\:mid-gray-500:hover {
     --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-600:hover {
+  .lg\:hover\:mid-gray-600:hover {
     --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-700:hover {
+  .lg\:hover\:mid-gray-700:hover {
     --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-800:hover {
+  .lg\:hover\:mid-gray-800:hover {
     --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-900:hover {
+  .lg\:hover\:mid-gray-900:hover {
     --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-50:hover {
+  .lg\:hover\:mid-red-50:hover {
     --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-100:hover {
+  .lg\:hover\:mid-red-100:hover {
     --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-200:hover {
+  .lg\:hover\:mid-red-200:hover {
     --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-300:hover {
+  .lg\:hover\:mid-red-300:hover {
     --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-400:hover {
+  .lg\:hover\:mid-red-400:hover {
     --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-500:hover {
+  .lg\:hover\:mid-red-500:hover {
     --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-600:hover {
+  .lg\:hover\:mid-red-600:hover {
     --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-700:hover {
+  .lg\:hover\:mid-red-700:hover {
     --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-800:hover {
+  .lg\:hover\:mid-red-800:hover {
     --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-900:hover {
+  .lg\:hover\:mid-red-900:hover {
     --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-50:hover {
+  .lg\:hover\:mid-orange-50:hover {
     --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-100:hover {
+  .lg\:hover\:mid-orange-100:hover {
     --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-200:hover {
+  .lg\:hover\:mid-orange-200:hover {
     --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-300:hover {
+  .lg\:hover\:mid-orange-300:hover {
     --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-400:hover {
+  .lg\:hover\:mid-orange-400:hover {
     --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-500:hover {
+  .lg\:hover\:mid-orange-500:hover {
     --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-600:hover {
+  .lg\:hover\:mid-orange-600:hover {
     --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-700:hover {
+  .lg\:hover\:mid-orange-700:hover {
     --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-800:hover {
+  .lg\:hover\:mid-orange-800:hover {
     --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-900:hover {
+  .lg\:hover\:mid-orange-900:hover {
     --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-50:hover {
+  .lg\:hover\:mid-yellow-50:hover {
     --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-100:hover {
+  .lg\:hover\:mid-yellow-100:hover {
     --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-200:hover {
+  .lg\:hover\:mid-yellow-200:hover {
     --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-300:hover {
+  .lg\:hover\:mid-yellow-300:hover {
     --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-400:hover {
+  .lg\:hover\:mid-yellow-400:hover {
     --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-500:hover {
+  .lg\:hover\:mid-yellow-500:hover {
     --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-600:hover {
+  .lg\:hover\:mid-yellow-600:hover {
     --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-700:hover {
+  .lg\:hover\:mid-yellow-700:hover {
     --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-800:hover {
+  .lg\:hover\:mid-yellow-800:hover {
     --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-900:hover {
+  .lg\:hover\:mid-yellow-900:hover {
     --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-50:hover {
+  .lg\:hover\:mid-green-50:hover {
     --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-100:hover {
+  .lg\:hover\:mid-green-100:hover {
     --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-200:hover {
+  .lg\:hover\:mid-green-200:hover {
     --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-300:hover {
+  .lg\:hover\:mid-green-300:hover {
     --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-400:hover {
+  .lg\:hover\:mid-green-400:hover {
     --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-500:hover {
+  .lg\:hover\:mid-green-500:hover {
     --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-600:hover {
+  .lg\:hover\:mid-green-600:hover {
     --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-700:hover {
+  .lg\:hover\:mid-green-700:hover {
     --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-800:hover {
+  .lg\:hover\:mid-green-800:hover {
     --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-900:hover {
+  .lg\:hover\:mid-green-900:hover {
     --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-50:hover {
+  .lg\:hover\:mid-teal-50:hover {
     --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-100:hover {
+  .lg\:hover\:mid-teal-100:hover {
     --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-200:hover {
+  .lg\:hover\:mid-teal-200:hover {
     --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-300:hover {
+  .lg\:hover\:mid-teal-300:hover {
     --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-400:hover {
+  .lg\:hover\:mid-teal-400:hover {
     --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-500:hover {
+  .lg\:hover\:mid-teal-500:hover {
     --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-600:hover {
+  .lg\:hover\:mid-teal-600:hover {
     --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-700:hover {
+  .lg\:hover\:mid-teal-700:hover {
     --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-800:hover {
+  .lg\:hover\:mid-teal-800:hover {
     --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-900:hover {
+  .lg\:hover\:mid-teal-900:hover {
     --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-50:hover {
+  .lg\:hover\:mid-blue-50:hover {
     --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-100:hover {
+  .lg\:hover\:mid-blue-100:hover {
     --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-200:hover {
+  .lg\:hover\:mid-blue-200:hover {
     --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-300:hover {
+  .lg\:hover\:mid-blue-300:hover {
     --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-400:hover {
+  .lg\:hover\:mid-blue-400:hover {
     --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-500:hover {
+  .lg\:hover\:mid-blue-500:hover {
     --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-600:hover {
+  .lg\:hover\:mid-blue-600:hover {
     --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-700:hover {
+  .lg\:hover\:mid-blue-700:hover {
     --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-800:hover {
+  .lg\:hover\:mid-blue-800:hover {
     --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-900:hover {
+  .lg\:hover\:mid-blue-900:hover {
     --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-50:hover {
+  .lg\:hover\:mid-indigo-50:hover {
     --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-100:hover {
+  .lg\:hover\:mid-indigo-100:hover {
     --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-200:hover {
+  .lg\:hover\:mid-indigo-200:hover {
     --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-300:hover {
+  .lg\:hover\:mid-indigo-300:hover {
     --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-400:hover {
+  .lg\:hover\:mid-indigo-400:hover {
     --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-500:hover {
+  .lg\:hover\:mid-indigo-500:hover {
     --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-600:hover {
+  .lg\:hover\:mid-indigo-600:hover {
     --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-700:hover {
+  .lg\:hover\:mid-indigo-700:hover {
     --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-800:hover {
+  .lg\:hover\:mid-indigo-800:hover {
     --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-900:hover {
+  .lg\:hover\:mid-indigo-900:hover {
     --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-50:hover {
+  .lg\:hover\:mid-purple-50:hover {
     --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-100:hover {
+  .lg\:hover\:mid-purple-100:hover {
     --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-200:hover {
+  .lg\:hover\:mid-purple-200:hover {
     --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-300:hover {
+  .lg\:hover\:mid-purple-300:hover {
     --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-400:hover {
+  .lg\:hover\:mid-purple-400:hover {
     --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-500:hover {
+  .lg\:hover\:mid-purple-500:hover {
     --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-600:hover {
+  .lg\:hover\:mid-purple-600:hover {
     --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-700:hover {
+  .lg\:hover\:mid-purple-700:hover {
     --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-800:hover {
+  .lg\:hover\:mid-purple-800:hover {
     --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-900:hover {
+  .lg\:hover\:mid-purple-900:hover {
     --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-50:hover {
+  .lg\:hover\:mid-pink-50:hover {
     --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-100:hover {
+  .lg\:hover\:mid-pink-100:hover {
     --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-200:hover {
+  .lg\:hover\:mid-pink-200:hover {
     --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-300:hover {
+  .lg\:hover\:mid-pink-300:hover {
     --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-400:hover {
+  .lg\:hover\:mid-pink-400:hover {
     --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-500:hover {
+  .lg\:hover\:mid-pink-500:hover {
     --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-600:hover {
+  .lg\:hover\:mid-pink-600:hover {
     --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-700:hover {
+  .lg\:hover\:mid-pink-700:hover {
     --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-800:hover {
+  .lg\:hover\:mid-pink-800:hover {
     --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-900:hover {
+  .lg\:hover\:mid-pink-900:hover {
     --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .lg\:focus\:gradient-from-transparent:focus {
+  .lg\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .lg\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .lg\:hover\:to-black:hover {
+    --gradient-to-color: #000000;
+  }
+
+  .lg\:hover\:to-white:hover {
+    --gradient-to-color: #ffffff;
+  }
+
+  .lg\:hover\:to-gray-50:hover {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .lg\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .lg\:hover\:to-gray-200:hover {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .lg\:hover\:to-gray-300:hover {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .lg\:hover\:to-gray-400:hover {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .lg\:hover\:to-gray-500:hover {
+    --gradient-to-color: #6b7280;
+  }
+
+  .lg\:hover\:to-gray-600:hover {
+    --gradient-to-color: #4b5563;
+  }
+
+  .lg\:hover\:to-gray-700:hover {
+    --gradient-to-color: #374151;
+  }
+
+  .lg\:hover\:to-gray-800:hover {
+    --gradient-to-color: #252f3f;
+  }
+
+  .lg\:hover\:to-gray-900:hover {
+    --gradient-to-color: #161e2e;
+  }
+
+  .lg\:hover\:to-red-50:hover {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .lg\:hover\:to-red-100:hover {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .lg\:hover\:to-red-200:hover {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .lg\:hover\:to-red-300:hover {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .lg\:hover\:to-red-400:hover {
+    --gradient-to-color: #f98080;
+  }
+
+  .lg\:hover\:to-red-500:hover {
+    --gradient-to-color: #f05252;
+  }
+
+  .lg\:hover\:to-red-600:hover {
+    --gradient-to-color: #e02424;
+  }
+
+  .lg\:hover\:to-red-700:hover {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .lg\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .lg\:hover\:to-red-900:hover {
+    --gradient-to-color: #771d1d;
+  }
+
+  .lg\:hover\:to-orange-50:hover {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .lg\:hover\:to-orange-100:hover {
+    --gradient-to-color: #feecdc;
+  }
+
+  .lg\:hover\:to-orange-200:hover {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .lg\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .lg\:hover\:to-orange-400:hover {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .lg\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .lg\:hover\:to-orange-600:hover {
+    --gradient-to-color: #d03801;
+  }
+
+  .lg\:hover\:to-orange-700:hover {
+    --gradient-to-color: #b43403;
+  }
+
+  .lg\:hover\:to-orange-800:hover {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .lg\:hover\:to-orange-900:hover {
+    --gradient-to-color: #73230d;
+  }
+
+  .lg\:hover\:to-yellow-50:hover {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .lg\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .lg\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fce96a;
+  }
+
+  .lg\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faca15;
+  }
+
+  .lg\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #e3a008;
+  }
+
+  .lg\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #c27803;
+  }
+
+  .lg\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #9f580a;
+  }
+
+  .lg\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .lg\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #723b13;
+  }
+
+  .lg\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #633112;
+  }
+
+  .lg\:hover\:to-green-50:hover {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .lg\:hover\:to-green-100:hover {
+    --gradient-to-color: #def7ec;
+  }
+
+  .lg\:hover\:to-green-200:hover {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .lg\:hover\:to-green-300:hover {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .lg\:hover\:to-green-400:hover {
+    --gradient-to-color: #31c48d;
+  }
+
+  .lg\:hover\:to-green-500:hover {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .lg\:hover\:to-green-600:hover {
+    --gradient-to-color: #057a55;
+  }
+
+  .lg\:hover\:to-green-700:hover {
+    --gradient-to-color: #046c4e;
+  }
+
+  .lg\:hover\:to-green-800:hover {
+    --gradient-to-color: #03543f;
+  }
+
+  .lg\:hover\:to-green-900:hover {
+    --gradient-to-color: #014737;
+  }
+
+  .lg\:hover\:to-teal-50:hover {
+    --gradient-to-color: #edfafa;
+  }
+
+  .lg\:hover\:to-teal-100:hover {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .lg\:hover\:to-teal-200:hover {
+    --gradient-to-color: #afecef;
+  }
+
+  .lg\:hover\:to-teal-300:hover {
+    --gradient-to-color: #7edce2;
+  }
+
+  .lg\:hover\:to-teal-400:hover {
+    --gradient-to-color: #16bdca;
+  }
+
+  .lg\:hover\:to-teal-500:hover {
+    --gradient-to-color: #0694a2;
+  }
+
+  .lg\:hover\:to-teal-600:hover {
+    --gradient-to-color: #047481;
+  }
+
+  .lg\:hover\:to-teal-700:hover {
+    --gradient-to-color: #036672;
+  }
+
+  .lg\:hover\:to-teal-800:hover {
+    --gradient-to-color: #05505c;
+  }
+
+  .lg\:hover\:to-teal-900:hover {
+    --gradient-to-color: #014451;
+  }
+
+  .lg\:hover\:to-blue-50:hover {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .lg\:hover\:to-blue-100:hover {
+    --gradient-to-color: #e1effe;
+  }
+
+  .lg\:hover\:to-blue-200:hover {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .lg\:hover\:to-blue-300:hover {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .lg\:hover\:to-blue-400:hover {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .lg\:hover\:to-blue-500:hover {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .lg\:hover\:to-blue-600:hover {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .lg\:hover\:to-blue-700:hover {
+    --gradient-to-color: #1a56db;
+  }
+
+  .lg\:hover\:to-blue-800:hover {
+    --gradient-to-color: #1e429f;
+  }
+
+  .lg\:hover\:to-blue-900:hover {
+    --gradient-to-color: #233876;
+  }
+
+  .lg\:hover\:to-indigo-50:hover {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .lg\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #e5edff;
+  }
+
+  .lg\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .lg\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .lg\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .lg\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #6875f5;
+  }
+
+  .lg\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5850ec;
+  }
+
+  .lg\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #5145cd;
+  }
+
+  .lg\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #42389d;
+  }
+
+  .lg\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #362f78;
+  }
+
+  .lg\:hover\:to-purple-50:hover {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .lg\:hover\:to-purple-100:hover {
+    --gradient-to-color: #edebfe;
+  }
+
+  .lg\:hover\:to-purple-200:hover {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .lg\:hover\:to-purple-300:hover {
+    --gradient-to-color: #cabffd;
+  }
+
+  .lg\:hover\:to-purple-400:hover {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .lg\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9061f9;
+  }
+
+  .lg\:hover\:to-purple-600:hover {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .lg\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .lg\:hover\:to-purple-800:hover {
+    --gradient-to-color: #5521b5;
+  }
+
+  .lg\:hover\:to-purple-900:hover {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .lg\:hover\:to-pink-50:hover {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .lg\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .lg\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .lg\:hover\:to-pink-300:hover {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .lg\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .lg\:hover\:to-pink-500:hover {
+    --gradient-to-color: #e74694;
+  }
+
+  .lg\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d61f69;
+  }
+
+  .lg\:hover\:to-pink-700:hover {
+    --gradient-to-color: #bf125d;
+  }
+
+  .lg\:hover\:to-pink-800:hover {
+    --gradient-to-color: #99154b;
+  }
+
+  .lg\:hover\:to-pink-900:hover {
+    --gradient-to-color: #751a3d;
+  }
+
+  .lg\:focus\:from-transparent:focus {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:gradient-from-current:focus {
+  .lg\:focus\:from-current:focus {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-black:focus {
+  .lg\:focus\:from-black:focus {
     --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:gradient-from-white:focus {
+  .lg\:focus\:from-white:focus {
     --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-50:focus {
+  .lg\:focus\:from-gray-50:focus {
     --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-100:focus {
+  .lg\:focus\:from-gray-100:focus {
     --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-200:focus {
+  .lg\:focus\:from-gray-200:focus {
     --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-300:focus {
+  .lg\:focus\:from-gray-300:focus {
     --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-400:focus {
+  .lg\:focus\:from-gray-400:focus {
     --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-500:focus {
+  .lg\:focus\:from-gray-500:focus {
     --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-600:focus {
+  .lg\:focus\:from-gray-600:focus {
     --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-700:focus {
+  .lg\:focus\:from-gray-700:focus {
     --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-800:focus {
+  .lg\:focus\:from-gray-800:focus {
     --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-900:focus {
+  .lg\:focus\:from-gray-900:focus {
     --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .lg\:focus\:gradient-from-red-50:focus {
+  .lg\:focus\:from-red-50:focus {
     --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .lg\:focus\:gradient-from-red-100:focus {
+  .lg\:focus\:from-red-100:focus {
     --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .lg\:focus\:gradient-from-red-200:focus {
+  .lg\:focus\:from-red-200:focus {
     --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .lg\:focus\:gradient-from-red-300:focus {
+  .lg\:focus\:from-red-300:focus {
     --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .lg\:focus\:gradient-from-red-400:focus {
+  .lg\:focus\:from-red-400:focus {
     --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .lg\:focus\:gradient-from-red-500:focus {
+  .lg\:focus\:from-red-500:focus {
     --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .lg\:focus\:gradient-from-red-600:focus {
+  .lg\:focus\:from-red-600:focus {
     --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .lg\:focus\:gradient-from-red-700:focus {
+  .lg\:focus\:from-red-700:focus {
     --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .lg\:focus\:gradient-from-red-800:focus {
+  .lg\:focus\:from-red-800:focus {
     --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .lg\:focus\:gradient-from-red-900:focus {
+  .lg\:focus\:from-red-900:focus {
     --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-50:focus {
+  .lg\:focus\:from-orange-50:focus {
     --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-100:focus {
+  .lg\:focus\:from-orange-100:focus {
     --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-200:focus {
+  .lg\:focus\:from-orange-200:focus {
     --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-300:focus {
+  .lg\:focus\:from-orange-300:focus {
     --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-400:focus {
+  .lg\:focus\:from-orange-400:focus {
     --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-500:focus {
+  .lg\:focus\:from-orange-500:focus {
     --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-600:focus {
+  .lg\:focus\:from-orange-600:focus {
     --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-700:focus {
+  .lg\:focus\:from-orange-700:focus {
     --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-800:focus {
+  .lg\:focus\:from-orange-800:focus {
     --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-900:focus {
+  .lg\:focus\:from-orange-900:focus {
     --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-50:focus {
+  .lg\:focus\:from-yellow-50:focus {
     --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-100:focus {
+  .lg\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-200:focus {
+  .lg\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-300:focus {
+  .lg\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-400:focus {
+  .lg\:focus\:from-yellow-400:focus {
     --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-500:focus {
+  .lg\:focus\:from-yellow-500:focus {
     --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-600:focus {
+  .lg\:focus\:from-yellow-600:focus {
     --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-700:focus {
+  .lg\:focus\:from-yellow-700:focus {
     --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-800:focus {
+  .lg\:focus\:from-yellow-800:focus {
     --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-900:focus {
+  .lg\:focus\:from-yellow-900:focus {
     --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .lg\:focus\:gradient-from-green-50:focus {
+  .lg\:focus\:from-green-50:focus {
     --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .lg\:focus\:gradient-from-green-100:focus {
+  .lg\:focus\:from-green-100:focus {
     --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .lg\:focus\:gradient-from-green-200:focus {
+  .lg\:focus\:from-green-200:focus {
     --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .lg\:focus\:gradient-from-green-300:focus {
+  .lg\:focus\:from-green-300:focus {
     --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .lg\:focus\:gradient-from-green-400:focus {
+  .lg\:focus\:from-green-400:focus {
     --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .lg\:focus\:gradient-from-green-500:focus {
+  .lg\:focus\:from-green-500:focus {
     --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .lg\:focus\:gradient-from-green-600:focus {
+  .lg\:focus\:from-green-600:focus {
     --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .lg\:focus\:gradient-from-green-700:focus {
+  .lg\:focus\:from-green-700:focus {
     --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .lg\:focus\:gradient-from-green-800:focus {
+  .lg\:focus\:from-green-800:focus {
     --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .lg\:focus\:gradient-from-green-900:focus {
+  .lg\:focus\:from-green-900:focus {
     --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-50:focus {
+  .lg\:focus\:from-teal-50:focus {
     --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-100:focus {
+  .lg\:focus\:from-teal-100:focus {
     --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-200:focus {
+  .lg\:focus\:from-teal-200:focus {
     --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-300:focus {
+  .lg\:focus\:from-teal-300:focus {
     --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-400:focus {
+  .lg\:focus\:from-teal-400:focus {
     --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-500:focus {
+  .lg\:focus\:from-teal-500:focus {
     --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-600:focus {
+  .lg\:focus\:from-teal-600:focus {
     --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-700:focus {
+  .lg\:focus\:from-teal-700:focus {
     --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-800:focus {
+  .lg\:focus\:from-teal-800:focus {
     --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-900:focus {
+  .lg\:focus\:from-teal-900:focus {
     --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-50:focus {
+  .lg\:focus\:from-blue-50:focus {
     --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-100:focus {
+  .lg\:focus\:from-blue-100:focus {
     --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-200:focus {
+  .lg\:focus\:from-blue-200:focus {
     --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-300:focus {
+  .lg\:focus\:from-blue-300:focus {
     --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-400:focus {
+  .lg\:focus\:from-blue-400:focus {
     --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-500:focus {
+  .lg\:focus\:from-blue-500:focus {
     --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-600:focus {
+  .lg\:focus\:from-blue-600:focus {
     --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-700:focus {
+  .lg\:focus\:from-blue-700:focus {
     --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-800:focus {
+  .lg\:focus\:from-blue-800:focus {
     --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-900:focus {
+  .lg\:focus\:from-blue-900:focus {
     --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-50:focus {
+  .lg\:focus\:from-indigo-50:focus {
     --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-100:focus {
+  .lg\:focus\:from-indigo-100:focus {
     --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-200:focus {
+  .lg\:focus\:from-indigo-200:focus {
     --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-300:focus {
+  .lg\:focus\:from-indigo-300:focus {
     --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-400:focus {
+  .lg\:focus\:from-indigo-400:focus {
     --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-500:focus {
+  .lg\:focus\:from-indigo-500:focus {
     --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-600:focus {
+  .lg\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-700:focus {
+  .lg\:focus\:from-indigo-700:focus {
     --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-800:focus {
+  .lg\:focus\:from-indigo-800:focus {
     --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-900:focus {
+  .lg\:focus\:from-indigo-900:focus {
     --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-50:focus {
+  .lg\:focus\:from-purple-50:focus {
     --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-100:focus {
+  .lg\:focus\:from-purple-100:focus {
     --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-200:focus {
+  .lg\:focus\:from-purple-200:focus {
     --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-300:focus {
+  .lg\:focus\:from-purple-300:focus {
     --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-400:focus {
+  .lg\:focus\:from-purple-400:focus {
     --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-500:focus {
+  .lg\:focus\:from-purple-500:focus {
     --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-600:focus {
+  .lg\:focus\:from-purple-600:focus {
     --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-700:focus {
+  .lg\:focus\:from-purple-700:focus {
     --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-800:focus {
+  .lg\:focus\:from-purple-800:focus {
     --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-900:focus {
+  .lg\:focus\:from-purple-900:focus {
     --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-50:focus {
+  .lg\:focus\:from-pink-50:focus {
     --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-100:focus {
+  .lg\:focus\:from-pink-100:focus {
     --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-200:focus {
+  .lg\:focus\:from-pink-200:focus {
     --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-300:focus {
+  .lg\:focus\:from-pink-300:focus {
     --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-400:focus {
+  .lg\:focus\:from-pink-400:focus {
     --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-500:focus {
+  .lg\:focus\:from-pink-500:focus {
     --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-600:focus {
+  .lg\:focus\:from-pink-600:focus {
     --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-700:focus {
+  .lg\:focus\:from-pink-700:focus {
     --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-800:focus {
+  .lg\:focus\:from-pink-800:focus {
     --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-900:focus {
+  .lg\:focus\:from-pink-900:focus {
     --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .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 {
+  .lg\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:gradient-mid-current:focus {
+  .lg\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-black:focus {
+  .lg\:focus\:mid-black:focus {
     --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:gradient-mid-white:focus {
+  .lg\:focus\:mid-white:focus {
     --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-50:focus {
+  .lg\:focus\:mid-gray-50:focus {
     --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-100:focus {
+  .lg\:focus\:mid-gray-100:focus {
     --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-200:focus {
+  .lg\:focus\:mid-gray-200:focus {
     --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-300:focus {
+  .lg\:focus\:mid-gray-300:focus {
     --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-400:focus {
+  .lg\:focus\:mid-gray-400:focus {
     --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-500:focus {
+  .lg\:focus\:mid-gray-500:focus {
     --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-600:focus {
+  .lg\:focus\:mid-gray-600:focus {
     --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-700:focus {
+  .lg\:focus\:mid-gray-700:focus {
     --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-800:focus {
+  .lg\:focus\:mid-gray-800:focus {
     --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-900:focus {
+  .lg\:focus\:mid-gray-900:focus {
     --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-50:focus {
+  .lg\:focus\:mid-red-50:focus {
     --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-100:focus {
+  .lg\:focus\:mid-red-100:focus {
     --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-200:focus {
+  .lg\:focus\:mid-red-200:focus {
     --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-300:focus {
+  .lg\:focus\:mid-red-300:focus {
     --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-400:focus {
+  .lg\:focus\:mid-red-400:focus {
     --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-500:focus {
+  .lg\:focus\:mid-red-500:focus {
     --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-600:focus {
+  .lg\:focus\:mid-red-600:focus {
     --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-700:focus {
+  .lg\:focus\:mid-red-700:focus {
     --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-800:focus {
+  .lg\:focus\:mid-red-800:focus {
     --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-900:focus {
+  .lg\:focus\:mid-red-900:focus {
     --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-50:focus {
+  .lg\:focus\:mid-orange-50:focus {
     --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-100:focus {
+  .lg\:focus\:mid-orange-100:focus {
     --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-200:focus {
+  .lg\:focus\:mid-orange-200:focus {
     --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-300:focus {
+  .lg\:focus\:mid-orange-300:focus {
     --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-400:focus {
+  .lg\:focus\:mid-orange-400:focus {
     --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-500:focus {
+  .lg\:focus\:mid-orange-500:focus {
     --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-600:focus {
+  .lg\:focus\:mid-orange-600:focus {
     --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-700:focus {
+  .lg\:focus\:mid-orange-700:focus {
     --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-800:focus {
+  .lg\:focus\:mid-orange-800:focus {
     --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-900:focus {
+  .lg\:focus\:mid-orange-900:focus {
     --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-50:focus {
+  .lg\:focus\:mid-yellow-50:focus {
     --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-100:focus {
+  .lg\:focus\:mid-yellow-100:focus {
     --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-200:focus {
+  .lg\:focus\:mid-yellow-200:focus {
     --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-300:focus {
+  .lg\:focus\:mid-yellow-300:focus {
     --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-400:focus {
+  .lg\:focus\:mid-yellow-400:focus {
     --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-500:focus {
+  .lg\:focus\:mid-yellow-500:focus {
     --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-600:focus {
+  .lg\:focus\:mid-yellow-600:focus {
     --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-700:focus {
+  .lg\:focus\:mid-yellow-700:focus {
     --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-800:focus {
+  .lg\:focus\:mid-yellow-800:focus {
     --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-900:focus {
+  .lg\:focus\:mid-yellow-900:focus {
     --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-50:focus {
+  .lg\:focus\:mid-green-50:focus {
     --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-100:focus {
+  .lg\:focus\:mid-green-100:focus {
     --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-200:focus {
+  .lg\:focus\:mid-green-200:focus {
     --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-300:focus {
+  .lg\:focus\:mid-green-300:focus {
     --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-400:focus {
+  .lg\:focus\:mid-green-400:focus {
     --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-500:focus {
+  .lg\:focus\:mid-green-500:focus {
     --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-600:focus {
+  .lg\:focus\:mid-green-600:focus {
     --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-700:focus {
+  .lg\:focus\:mid-green-700:focus {
     --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-800:focus {
+  .lg\:focus\:mid-green-800:focus {
     --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-900:focus {
+  .lg\:focus\:mid-green-900:focus {
     --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-50:focus {
+  .lg\:focus\:mid-teal-50:focus {
     --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-100:focus {
+  .lg\:focus\:mid-teal-100:focus {
     --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-200:focus {
+  .lg\:focus\:mid-teal-200:focus {
     --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-300:focus {
+  .lg\:focus\:mid-teal-300:focus {
     --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-400:focus {
+  .lg\:focus\:mid-teal-400:focus {
     --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-500:focus {
+  .lg\:focus\:mid-teal-500:focus {
     --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-600:focus {
+  .lg\:focus\:mid-teal-600:focus {
     --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-700:focus {
+  .lg\:focus\:mid-teal-700:focus {
     --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-800:focus {
+  .lg\:focus\:mid-teal-800:focus {
     --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-900:focus {
+  .lg\:focus\:mid-teal-900:focus {
     --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-50:focus {
+  .lg\:focus\:mid-blue-50:focus {
     --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-100:focus {
+  .lg\:focus\:mid-blue-100:focus {
     --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-200:focus {
+  .lg\:focus\:mid-blue-200:focus {
     --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-300:focus {
+  .lg\:focus\:mid-blue-300:focus {
     --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-400:focus {
+  .lg\:focus\:mid-blue-400:focus {
     --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-500:focus {
+  .lg\:focus\:mid-blue-500:focus {
     --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-600:focus {
+  .lg\:focus\:mid-blue-600:focus {
     --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-700:focus {
+  .lg\:focus\:mid-blue-700:focus {
     --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-800:focus {
+  .lg\:focus\:mid-blue-800:focus {
     --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-900:focus {
+  .lg\:focus\:mid-blue-900:focus {
     --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-50:focus {
+  .lg\:focus\:mid-indigo-50:focus {
     --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-100:focus {
+  .lg\:focus\:mid-indigo-100:focus {
     --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-200:focus {
+  .lg\:focus\:mid-indigo-200:focus {
     --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-300:focus {
+  .lg\:focus\:mid-indigo-300:focus {
     --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-400:focus {
+  .lg\:focus\:mid-indigo-400:focus {
     --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-500:focus {
+  .lg\:focus\:mid-indigo-500:focus {
     --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-600:focus {
+  .lg\:focus\:mid-indigo-600:focus {
     --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-700:focus {
+  .lg\:focus\:mid-indigo-700:focus {
     --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-800:focus {
+  .lg\:focus\:mid-indigo-800:focus {
     --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-900:focus {
+  .lg\:focus\:mid-indigo-900:focus {
     --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-50:focus {
+  .lg\:focus\:mid-purple-50:focus {
     --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-100:focus {
+  .lg\:focus\:mid-purple-100:focus {
     --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-200:focus {
+  .lg\:focus\:mid-purple-200:focus {
     --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-300:focus {
+  .lg\:focus\:mid-purple-300:focus {
     --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-400:focus {
+  .lg\:focus\:mid-purple-400:focus {
     --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-500:focus {
+  .lg\:focus\:mid-purple-500:focus {
     --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-600:focus {
+  .lg\:focus\:mid-purple-600:focus {
     --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-700:focus {
+  .lg\:focus\:mid-purple-700:focus {
     --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-800:focus {
+  .lg\:focus\:mid-purple-800:focus {
     --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-900:focus {
+  .lg\:focus\:mid-purple-900:focus {
     --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-50:focus {
+  .lg\:focus\:mid-pink-50:focus {
     --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-100:focus {
+  .lg\:focus\:mid-pink-100:focus {
     --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-200:focus {
+  .lg\:focus\:mid-pink-200:focus {
     --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-300:focus {
+  .lg\:focus\:mid-pink-300:focus {
     --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-400:focus {
+  .lg\:focus\:mid-pink-400:focus {
     --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-500:focus {
+  .lg\:focus\:mid-pink-500:focus {
     --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-600:focus {
+  .lg\:focus\:mid-pink-600:focus {
     --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-700:focus {
+  .lg\:focus\:mid-pink-700:focus {
     --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-800:focus {
+  .lg\:focus\:mid-pink-800:focus {
     --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-900:focus {
+  .lg\:focus\:mid-pink-900:focus {
     --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .lg\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .lg\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .lg\:focus\:to-black:focus {
+    --gradient-to-color: #000000;
+  }
+
+  .lg\:focus\:to-white:focus {
+    --gradient-to-color: #ffffff;
+  }
+
+  .lg\:focus\:to-gray-50:focus {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .lg\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .lg\:focus\:to-gray-200:focus {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .lg\:focus\:to-gray-300:focus {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .lg\:focus\:to-gray-400:focus {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .lg\:focus\:to-gray-500:focus {
+    --gradient-to-color: #6b7280;
+  }
+
+  .lg\:focus\:to-gray-600:focus {
+    --gradient-to-color: #4b5563;
+  }
+
+  .lg\:focus\:to-gray-700:focus {
+    --gradient-to-color: #374151;
+  }
+
+  .lg\:focus\:to-gray-800:focus {
+    --gradient-to-color: #252f3f;
+  }
+
+  .lg\:focus\:to-gray-900:focus {
+    --gradient-to-color: #161e2e;
+  }
+
+  .lg\:focus\:to-red-50:focus {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .lg\:focus\:to-red-100:focus {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .lg\:focus\:to-red-200:focus {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .lg\:focus\:to-red-300:focus {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .lg\:focus\:to-red-400:focus {
+    --gradient-to-color: #f98080;
+  }
+
+  .lg\:focus\:to-red-500:focus {
+    --gradient-to-color: #f05252;
+  }
+
+  .lg\:focus\:to-red-600:focus {
+    --gradient-to-color: #e02424;
+  }
+
+  .lg\:focus\:to-red-700:focus {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .lg\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .lg\:focus\:to-red-900:focus {
+    --gradient-to-color: #771d1d;
+  }
+
+  .lg\:focus\:to-orange-50:focus {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .lg\:focus\:to-orange-100:focus {
+    --gradient-to-color: #feecdc;
+  }
+
+  .lg\:focus\:to-orange-200:focus {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .lg\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .lg\:focus\:to-orange-400:focus {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .lg\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .lg\:focus\:to-orange-600:focus {
+    --gradient-to-color: #d03801;
+  }
+
+  .lg\:focus\:to-orange-700:focus {
+    --gradient-to-color: #b43403;
+  }
+
+  .lg\:focus\:to-orange-800:focus {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .lg\:focus\:to-orange-900:focus {
+    --gradient-to-color: #73230d;
+  }
+
+  .lg\:focus\:to-yellow-50:focus {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .lg\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .lg\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fce96a;
+  }
+
+  .lg\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faca15;
+  }
+
+  .lg\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #e3a008;
+  }
+
+  .lg\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #c27803;
+  }
+
+  .lg\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #9f580a;
+  }
+
+  .lg\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .lg\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #723b13;
+  }
+
+  .lg\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #633112;
+  }
+
+  .lg\:focus\:to-green-50:focus {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .lg\:focus\:to-green-100:focus {
+    --gradient-to-color: #def7ec;
+  }
+
+  .lg\:focus\:to-green-200:focus {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .lg\:focus\:to-green-300:focus {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .lg\:focus\:to-green-400:focus {
+    --gradient-to-color: #31c48d;
+  }
+
+  .lg\:focus\:to-green-500:focus {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .lg\:focus\:to-green-600:focus {
+    --gradient-to-color: #057a55;
+  }
+
+  .lg\:focus\:to-green-700:focus {
+    --gradient-to-color: #046c4e;
+  }
+
+  .lg\:focus\:to-green-800:focus {
+    --gradient-to-color: #03543f;
+  }
+
+  .lg\:focus\:to-green-900:focus {
+    --gradient-to-color: #014737;
+  }
+
+  .lg\:focus\:to-teal-50:focus {
+    --gradient-to-color: #edfafa;
+  }
+
+  .lg\:focus\:to-teal-100:focus {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .lg\:focus\:to-teal-200:focus {
+    --gradient-to-color: #afecef;
+  }
+
+  .lg\:focus\:to-teal-300:focus {
+    --gradient-to-color: #7edce2;
+  }
+
+  .lg\:focus\:to-teal-400:focus {
+    --gradient-to-color: #16bdca;
+  }
+
+  .lg\:focus\:to-teal-500:focus {
+    --gradient-to-color: #0694a2;
+  }
+
+  .lg\:focus\:to-teal-600:focus {
+    --gradient-to-color: #047481;
+  }
+
+  .lg\:focus\:to-teal-700:focus {
+    --gradient-to-color: #036672;
+  }
+
+  .lg\:focus\:to-teal-800:focus {
+    --gradient-to-color: #05505c;
+  }
+
+  .lg\:focus\:to-teal-900:focus {
+    --gradient-to-color: #014451;
+  }
+
+  .lg\:focus\:to-blue-50:focus {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .lg\:focus\:to-blue-100:focus {
+    --gradient-to-color: #e1effe;
+  }
+
+  .lg\:focus\:to-blue-200:focus {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .lg\:focus\:to-blue-300:focus {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .lg\:focus\:to-blue-400:focus {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .lg\:focus\:to-blue-500:focus {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .lg\:focus\:to-blue-600:focus {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .lg\:focus\:to-blue-700:focus {
+    --gradient-to-color: #1a56db;
+  }
+
+  .lg\:focus\:to-blue-800:focus {
+    --gradient-to-color: #1e429f;
+  }
+
+  .lg\:focus\:to-blue-900:focus {
+    --gradient-to-color: #233876;
+  }
+
+  .lg\:focus\:to-indigo-50:focus {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .lg\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #e5edff;
+  }
+
+  .lg\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .lg\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .lg\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .lg\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #6875f5;
+  }
+
+  .lg\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5850ec;
+  }
+
+  .lg\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #5145cd;
+  }
+
+  .lg\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #42389d;
+  }
+
+  .lg\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #362f78;
+  }
+
+  .lg\:focus\:to-purple-50:focus {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .lg\:focus\:to-purple-100:focus {
+    --gradient-to-color: #edebfe;
+  }
+
+  .lg\:focus\:to-purple-200:focus {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .lg\:focus\:to-purple-300:focus {
+    --gradient-to-color: #cabffd;
+  }
+
+  .lg\:focus\:to-purple-400:focus {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .lg\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9061f9;
+  }
+
+  .lg\:focus\:to-purple-600:focus {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .lg\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .lg\:focus\:to-purple-800:focus {
+    --gradient-to-color: #5521b5;
+  }
+
+  .lg\:focus\:to-purple-900:focus {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .lg\:focus\:to-pink-50:focus {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .lg\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .lg\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .lg\:focus\:to-pink-300:focus {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .lg\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .lg\:focus\:to-pink-500:focus {
+    --gradient-to-color: #e74694;
+  }
+
+  .lg\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d61f69;
+  }
+
+  .lg\:focus\:to-pink-700:focus {
+    --gradient-to-color: #bf125d;
+  }
+
+  .lg\:focus\:to-pink-800:focus {
+    --gradient-to-color: #99154b;
+  }
+
+  .lg\:focus\:to-pink-900:focus {
+    --gradient-to-color: #751a3d;
   }
 
   .lg\:bg-opacity-0 {
@@ -123865,4700 +122681,4404 @@ 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-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  .xl\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  .xl\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  .xl\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .xl\:gradient-from-transparent {
+  .xl\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .xl\:from-transparent {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:gradient-from-current {
+  .xl\:from-current {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:gradient-from-black {
+  .xl\:from-black {
     --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:gradient-from-white {
+  .xl\:from-white {
     --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:gradient-from-gray-50 {
+  .xl\:from-gray-50 {
     --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .xl\:gradient-from-gray-100 {
+  .xl\:from-gray-100 {
     --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .xl\:gradient-from-gray-200 {
+  .xl\:from-gray-200 {
     --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .xl\:gradient-from-gray-300 {
+  .xl\:from-gray-300 {
     --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .xl\:gradient-from-gray-400 {
+  .xl\:from-gray-400 {
     --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .xl\:gradient-from-gray-500 {
+  .xl\:from-gray-500 {
     --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .xl\:gradient-from-gray-600 {
+  .xl\:from-gray-600 {
     --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .xl\:gradient-from-gray-700 {
+  .xl\:from-gray-700 {
     --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .xl\:gradient-from-gray-800 {
+  .xl\:from-gray-800 {
     --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .xl\:gradient-from-gray-900 {
+  .xl\:from-gray-900 {
     --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .xl\:gradient-from-red-50 {
+  .xl\:from-red-50 {
     --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .xl\:gradient-from-red-100 {
+  .xl\:from-red-100 {
     --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .xl\:gradient-from-red-200 {
+  .xl\:from-red-200 {
     --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .xl\:gradient-from-red-300 {
+  .xl\:from-red-300 {
     --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .xl\:gradient-from-red-400 {
+  .xl\:from-red-400 {
     --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .xl\:gradient-from-red-500 {
+  .xl\:from-red-500 {
     --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .xl\:gradient-from-red-600 {
+  .xl\:from-red-600 {
     --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .xl\:gradient-from-red-700 {
+  .xl\:from-red-700 {
     --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .xl\:gradient-from-red-800 {
+  .xl\:from-red-800 {
     --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .xl\:gradient-from-red-900 {
+  .xl\:from-red-900 {
     --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .xl\:gradient-from-orange-50 {
+  .xl\:from-orange-50 {
     --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .xl\:gradient-from-orange-100 {
+  .xl\:from-orange-100 {
     --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .xl\:gradient-from-orange-200 {
+  .xl\:from-orange-200 {
     --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .xl\:gradient-from-orange-300 {
+  .xl\:from-orange-300 {
     --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .xl\:gradient-from-orange-400 {
+  .xl\:from-orange-400 {
     --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .xl\:gradient-from-orange-500 {
+  .xl\:from-orange-500 {
     --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .xl\:gradient-from-orange-600 {
+  .xl\:from-orange-600 {
     --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .xl\:gradient-from-orange-700 {
+  .xl\:from-orange-700 {
     --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .xl\:gradient-from-orange-800 {
+  .xl\:from-orange-800 {
     --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .xl\:gradient-from-orange-900 {
+  .xl\:from-orange-900 {
     --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .xl\:gradient-from-yellow-50 {
+  .xl\:from-yellow-50 {
     --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .xl\:gradient-from-yellow-100 {
+  .xl\:from-yellow-100 {
     --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .xl\:gradient-from-yellow-200 {
+  .xl\:from-yellow-200 {
     --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .xl\:gradient-from-yellow-300 {
+  .xl\:from-yellow-300 {
     --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .xl\:gradient-from-yellow-400 {
+  .xl\:from-yellow-400 {
     --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .xl\:gradient-from-yellow-500 {
+  .xl\:from-yellow-500 {
     --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .xl\:gradient-from-yellow-600 {
+  .xl\:from-yellow-600 {
     --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .xl\:gradient-from-yellow-700 {
+  .xl\:from-yellow-700 {
     --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .xl\:gradient-from-yellow-800 {
+  .xl\:from-yellow-800 {
     --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .xl\:gradient-from-yellow-900 {
+  .xl\:from-yellow-900 {
     --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .xl\:gradient-from-green-50 {
+  .xl\:from-green-50 {
     --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .xl\:gradient-from-green-100 {
+  .xl\:from-green-100 {
     --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .xl\:gradient-from-green-200 {
+  .xl\:from-green-200 {
     --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .xl\:gradient-from-green-300 {
+  .xl\:from-green-300 {
     --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .xl\:gradient-from-green-400 {
+  .xl\:from-green-400 {
     --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .xl\:gradient-from-green-500 {
+  .xl\:from-green-500 {
     --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .xl\:gradient-from-green-600 {
+  .xl\:from-green-600 {
     --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .xl\:gradient-from-green-700 {
+  .xl\:from-green-700 {
     --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .xl\:gradient-from-green-800 {
+  .xl\:from-green-800 {
     --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .xl\:gradient-from-green-900 {
+  .xl\:from-green-900 {
     --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .xl\:gradient-from-teal-50 {
+  .xl\:from-teal-50 {
     --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .xl\:gradient-from-teal-100 {
+  .xl\:from-teal-100 {
     --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .xl\:gradient-from-teal-200 {
+  .xl\:from-teal-200 {
     --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .xl\:gradient-from-teal-300 {
+  .xl\:from-teal-300 {
     --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .xl\:gradient-from-teal-400 {
+  .xl\:from-teal-400 {
     --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .xl\:gradient-from-teal-500 {
+  .xl\:from-teal-500 {
     --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .xl\:gradient-from-teal-600 {
+  .xl\:from-teal-600 {
     --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .xl\:gradient-from-teal-700 {
+  .xl\:from-teal-700 {
     --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .xl\:gradient-from-teal-800 {
+  .xl\:from-teal-800 {
     --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .xl\:gradient-from-teal-900 {
+  .xl\:from-teal-900 {
     --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .xl\:gradient-from-blue-50 {
+  .xl\:from-blue-50 {
     --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .xl\:gradient-from-blue-100 {
+  .xl\:from-blue-100 {
     --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .xl\:gradient-from-blue-200 {
+  .xl\:from-blue-200 {
     --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .xl\:gradient-from-blue-300 {
+  .xl\:from-blue-300 {
     --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .xl\:gradient-from-blue-400 {
+  .xl\:from-blue-400 {
     --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .xl\:gradient-from-blue-500 {
+  .xl\:from-blue-500 {
     --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .xl\:gradient-from-blue-600 {
+  .xl\:from-blue-600 {
     --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .xl\:gradient-from-blue-700 {
+  .xl\:from-blue-700 {
     --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .xl\:gradient-from-blue-800 {
+  .xl\:from-blue-800 {
     --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .xl\:gradient-from-blue-900 {
+  .xl\:from-blue-900 {
     --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .xl\:gradient-from-indigo-50 {
+  .xl\:from-indigo-50 {
     --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .xl\:gradient-from-indigo-100 {
+  .xl\:from-indigo-100 {
     --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .xl\:gradient-from-indigo-200 {
+  .xl\:from-indigo-200 {
     --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .xl\:gradient-from-indigo-300 {
+  .xl\:from-indigo-300 {
     --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .xl\:gradient-from-indigo-400 {
+  .xl\:from-indigo-400 {
     --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .xl\:gradient-from-indigo-500 {
+  .xl\:from-indigo-500 {
     --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .xl\:gradient-from-indigo-600 {
+  .xl\:from-indigo-600 {
     --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .xl\:gradient-from-indigo-700 {
+  .xl\:from-indigo-700 {
     --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .xl\:gradient-from-indigo-800 {
+  .xl\:from-indigo-800 {
     --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .xl\:gradient-from-indigo-900 {
+  .xl\:from-indigo-900 {
     --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .xl\:gradient-from-purple-50 {
+  .xl\:from-purple-50 {
     --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .xl\:gradient-from-purple-100 {
+  .xl\:from-purple-100 {
     --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .xl\:gradient-from-purple-200 {
+  .xl\:from-purple-200 {
     --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .xl\:gradient-from-purple-300 {
+  .xl\:from-purple-300 {
     --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .xl\:gradient-from-purple-400 {
+  .xl\:from-purple-400 {
     --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .xl\:gradient-from-purple-500 {
+  .xl\:from-purple-500 {
     --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .xl\:gradient-from-purple-600 {
+  .xl\:from-purple-600 {
     --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .xl\:gradient-from-purple-700 {
+  .xl\:from-purple-700 {
     --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .xl\:gradient-from-purple-800 {
+  .xl\:from-purple-800 {
     --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .xl\:gradient-from-purple-900 {
+  .xl\:from-purple-900 {
     --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .xl\:gradient-from-pink-50 {
+  .xl\:from-pink-50 {
     --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .xl\:gradient-from-pink-100 {
+  .xl\:from-pink-100 {
     --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .xl\:gradient-from-pink-200 {
+  .xl\:from-pink-200 {
     --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .xl\:gradient-from-pink-300 {
+  .xl\:from-pink-300 {
     --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .xl\:gradient-from-pink-400 {
+  .xl\:from-pink-400 {
     --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .xl\:gradient-from-pink-500 {
+  .xl\:from-pink-500 {
     --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .xl\:gradient-from-pink-600 {
+  .xl\:from-pink-600 {
     --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .xl\:gradient-from-pink-700 {
+  .xl\:from-pink-700 {
     --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .xl\:gradient-from-pink-800 {
+  .xl\:from-pink-800 {
     --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .xl\:gradient-from-pink-900 {
+  .xl\:from-pink-900 {
     --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .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 {
+  .xl\:mid-transparent {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:gradient-mid-current {
+  .xl\:mid-current {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:gradient-mid-black {
+  .xl\:mid-black {
     --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:gradient-mid-white {
+  .xl\:mid-white {
     --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:gradient-mid-gray-50 {
+  .xl\:mid-gray-50 {
     --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .xl\:gradient-mid-gray-100 {
+  .xl\:mid-gray-100 {
     --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .xl\:gradient-mid-gray-200 {
+  .xl\:mid-gray-200 {
     --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .xl\:gradient-mid-gray-300 {
+  .xl\:mid-gray-300 {
     --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .xl\:gradient-mid-gray-400 {
+  .xl\:mid-gray-400 {
     --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .xl\:gradient-mid-gray-500 {
+  .xl\:mid-gray-500 {
     --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .xl\:gradient-mid-gray-600 {
+  .xl\:mid-gray-600 {
     --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .xl\:gradient-mid-gray-700 {
+  .xl\:mid-gray-700 {
     --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .xl\:gradient-mid-gray-800 {
+  .xl\:mid-gray-800 {
     --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .xl\:gradient-mid-gray-900 {
+  .xl\:mid-gray-900 {
     --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .xl\:gradient-mid-red-50 {
+  .xl\:mid-red-50 {
     --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .xl\:gradient-mid-red-100 {
+  .xl\:mid-red-100 {
     --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .xl\:gradient-mid-red-200 {
+  .xl\:mid-red-200 {
     --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .xl\:gradient-mid-red-300 {
+  .xl\:mid-red-300 {
     --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .xl\:gradient-mid-red-400 {
+  .xl\:mid-red-400 {
     --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .xl\:gradient-mid-red-500 {
+  .xl\:mid-red-500 {
     --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .xl\:gradient-mid-red-600 {
+  .xl\:mid-red-600 {
     --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .xl\:gradient-mid-red-700 {
+  .xl\:mid-red-700 {
     --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .xl\:gradient-mid-red-800 {
+  .xl\:mid-red-800 {
     --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .xl\:gradient-mid-red-900 {
+  .xl\:mid-red-900 {
     --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .xl\:gradient-mid-orange-50 {
+  .xl\:mid-orange-50 {
     --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .xl\:gradient-mid-orange-100 {
+  .xl\:mid-orange-100 {
     --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .xl\:gradient-mid-orange-200 {
+  .xl\:mid-orange-200 {
     --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .xl\:gradient-mid-orange-300 {
+  .xl\:mid-orange-300 {
     --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .xl\:gradient-mid-orange-400 {
+  .xl\:mid-orange-400 {
     --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .xl\:gradient-mid-orange-500 {
+  .xl\:mid-orange-500 {
     --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .xl\:gradient-mid-orange-600 {
+  .xl\:mid-orange-600 {
     --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .xl\:gradient-mid-orange-700 {
+  .xl\:mid-orange-700 {
     --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .xl\:gradient-mid-orange-800 {
+  .xl\:mid-orange-800 {
     --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .xl\:gradient-mid-orange-900 {
+  .xl\:mid-orange-900 {
     --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .xl\:gradient-mid-yellow-50 {
+  .xl\:mid-yellow-50 {
     --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .xl\:gradient-mid-yellow-100 {
+  .xl\:mid-yellow-100 {
     --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .xl\:gradient-mid-yellow-200 {
+  .xl\:mid-yellow-200 {
     --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .xl\:gradient-mid-yellow-300 {
+  .xl\:mid-yellow-300 {
     --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .xl\:gradient-mid-yellow-400 {
+  .xl\:mid-yellow-400 {
     --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .xl\:gradient-mid-yellow-500 {
+  .xl\:mid-yellow-500 {
     --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .xl\:gradient-mid-yellow-600 {
+  .xl\:mid-yellow-600 {
     --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .xl\:gradient-mid-yellow-700 {
+  .xl\:mid-yellow-700 {
     --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .xl\:gradient-mid-yellow-800 {
+  .xl\:mid-yellow-800 {
     --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .xl\:gradient-mid-yellow-900 {
+  .xl\:mid-yellow-900 {
     --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .xl\:gradient-mid-green-50 {
+  .xl\:mid-green-50 {
     --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .xl\:gradient-mid-green-100 {
+  .xl\:mid-green-100 {
     --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .xl\:gradient-mid-green-200 {
+  .xl\:mid-green-200 {
     --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .xl\:gradient-mid-green-300 {
+  .xl\:mid-green-300 {
     --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .xl\:gradient-mid-green-400 {
+  .xl\:mid-green-400 {
     --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .xl\:gradient-mid-green-500 {
+  .xl\:mid-green-500 {
     --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .xl\:gradient-mid-green-600 {
+  .xl\:mid-green-600 {
     --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .xl\:gradient-mid-green-700 {
+  .xl\:mid-green-700 {
     --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .xl\:gradient-mid-green-800 {
+  .xl\:mid-green-800 {
     --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .xl\:gradient-mid-green-900 {
+  .xl\:mid-green-900 {
     --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .xl\:gradient-mid-teal-50 {
+  .xl\:mid-teal-50 {
     --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .xl\:gradient-mid-teal-100 {
+  .xl\:mid-teal-100 {
     --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .xl\:gradient-mid-teal-200 {
+  .xl\:mid-teal-200 {
     --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .xl\:gradient-mid-teal-300 {
+  .xl\:mid-teal-300 {
     --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .xl\:gradient-mid-teal-400 {
+  .xl\:mid-teal-400 {
     --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .xl\:gradient-mid-teal-500 {
+  .xl\:mid-teal-500 {
     --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .xl\:gradient-mid-teal-600 {
+  .xl\:mid-teal-600 {
     --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .xl\:gradient-mid-teal-700 {
+  .xl\:mid-teal-700 {
     --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .xl\:gradient-mid-teal-800 {
+  .xl\:mid-teal-800 {
     --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .xl\:gradient-mid-teal-900 {
+  .xl\:mid-teal-900 {
     --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .xl\:gradient-mid-blue-50 {
+  .xl\:mid-blue-50 {
     --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .xl\:gradient-mid-blue-100 {
+  .xl\:mid-blue-100 {
     --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .xl\:gradient-mid-blue-200 {
+  .xl\:mid-blue-200 {
     --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .xl\:gradient-mid-blue-300 {
+  .xl\:mid-blue-300 {
     --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .xl\:gradient-mid-blue-400 {
+  .xl\:mid-blue-400 {
     --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .xl\:gradient-mid-blue-500 {
+  .xl\:mid-blue-500 {
     --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .xl\:gradient-mid-blue-600 {
+  .xl\:mid-blue-600 {
     --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .xl\:gradient-mid-blue-700 {
+  .xl\:mid-blue-700 {
     --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .xl\:gradient-mid-blue-800 {
+  .xl\:mid-blue-800 {
     --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .xl\:gradient-mid-blue-900 {
+  .xl\:mid-blue-900 {
     --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .xl\:gradient-mid-indigo-50 {
+  .xl\:mid-indigo-50 {
     --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .xl\:gradient-mid-indigo-100 {
+  .xl\:mid-indigo-100 {
     --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .xl\:gradient-mid-indigo-200 {
+  .xl\:mid-indigo-200 {
     --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .xl\:gradient-mid-indigo-300 {
+  .xl\:mid-indigo-300 {
     --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .xl\:gradient-mid-indigo-400 {
+  .xl\:mid-indigo-400 {
     --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .xl\:gradient-mid-indigo-500 {
+  .xl\:mid-indigo-500 {
     --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .xl\:gradient-mid-indigo-600 {
+  .xl\:mid-indigo-600 {
     --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .xl\:gradient-mid-indigo-700 {
+  .xl\:mid-indigo-700 {
     --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .xl\:gradient-mid-indigo-800 {
+  .xl\:mid-indigo-800 {
     --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .xl\:gradient-mid-indigo-900 {
+  .xl\:mid-indigo-900 {
     --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .xl\:gradient-mid-purple-50 {
+  .xl\:mid-purple-50 {
     --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .xl\:gradient-mid-purple-100 {
+  .xl\:mid-purple-100 {
     --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .xl\:gradient-mid-purple-200 {
+  .xl\:mid-purple-200 {
     --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .xl\:gradient-mid-purple-300 {
+  .xl\:mid-purple-300 {
     --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .xl\:gradient-mid-purple-400 {
+  .xl\:mid-purple-400 {
     --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .xl\:gradient-mid-purple-500 {
+  .xl\:mid-purple-500 {
     --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .xl\:gradient-mid-purple-600 {
+  .xl\:mid-purple-600 {
     --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .xl\:gradient-mid-purple-700 {
+  .xl\:mid-purple-700 {
     --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .xl\:gradient-mid-purple-800 {
+  .xl\:mid-purple-800 {
     --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .xl\:gradient-mid-purple-900 {
+  .xl\:mid-purple-900 {
     --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .xl\:gradient-mid-pink-50 {
+  .xl\:mid-pink-50 {
     --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .xl\:gradient-mid-pink-100 {
+  .xl\:mid-pink-100 {
     --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .xl\:gradient-mid-pink-200 {
+  .xl\:mid-pink-200 {
     --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .xl\:gradient-mid-pink-300 {
+  .xl\:mid-pink-300 {
     --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .xl\:gradient-mid-pink-400 {
+  .xl\:mid-pink-400 {
     --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .xl\:gradient-mid-pink-500 {
+  .xl\:mid-pink-500 {
     --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .xl\:gradient-mid-pink-600 {
+  .xl\:mid-pink-600 {
     --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .xl\:gradient-mid-pink-700 {
+  .xl\:mid-pink-700 {
     --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .xl\:gradient-mid-pink-800 {
+  .xl\:mid-pink-800 {
     --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .xl\:gradient-mid-pink-900 {
+  .xl\:mid-pink-900 {
     --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .xl\:hover\:gradient-from-transparent:hover {
+  .xl\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .xl\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .xl\:to-black {
+    --gradient-to-color: #000000;
+  }
+
+  .xl\:to-white {
+    --gradient-to-color: #ffffff;
+  }
+
+  .xl\:to-gray-50 {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .xl\:to-gray-100 {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .xl\:to-gray-200 {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .xl\:to-gray-300 {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .xl\:to-gray-400 {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .xl\:to-gray-500 {
+    --gradient-to-color: #6b7280;
+  }
+
+  .xl\:to-gray-600 {
+    --gradient-to-color: #4b5563;
+  }
+
+  .xl\:to-gray-700 {
+    --gradient-to-color: #374151;
+  }
+
+  .xl\:to-gray-800 {
+    --gradient-to-color: #252f3f;
+  }
+
+  .xl\:to-gray-900 {
+    --gradient-to-color: #161e2e;
+  }
+
+  .xl\:to-red-50 {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .xl\:to-red-100 {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .xl\:to-red-200 {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .xl\:to-red-300 {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .xl\:to-red-400 {
+    --gradient-to-color: #f98080;
+  }
+
+  .xl\:to-red-500 {
+    --gradient-to-color: #f05252;
+  }
+
+  .xl\:to-red-600 {
+    --gradient-to-color: #e02424;
+  }
+
+  .xl\:to-red-700 {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .xl\:to-red-800 {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .xl\:to-red-900 {
+    --gradient-to-color: #771d1d;
+  }
+
+  .xl\:to-orange-50 {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .xl\:to-orange-100 {
+    --gradient-to-color: #feecdc;
+  }
+
+  .xl\:to-orange-200 {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .xl\:to-orange-300 {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .xl\:to-orange-400 {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .xl\:to-orange-500 {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .xl\:to-orange-600 {
+    --gradient-to-color: #d03801;
+  }
+
+  .xl\:to-orange-700 {
+    --gradient-to-color: #b43403;
+  }
+
+  .xl\:to-orange-800 {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .xl\:to-orange-900 {
+    --gradient-to-color: #73230d;
+  }
+
+  .xl\:to-yellow-50 {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .xl\:to-yellow-100 {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .xl\:to-yellow-200 {
+    --gradient-to-color: #fce96a;
+  }
+
+  .xl\:to-yellow-300 {
+    --gradient-to-color: #faca15;
+  }
+
+  .xl\:to-yellow-400 {
+    --gradient-to-color: #e3a008;
+  }
+
+  .xl\:to-yellow-500 {
+    --gradient-to-color: #c27803;
+  }
+
+  .xl\:to-yellow-600 {
+    --gradient-to-color: #9f580a;
+  }
+
+  .xl\:to-yellow-700 {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .xl\:to-yellow-800 {
+    --gradient-to-color: #723b13;
+  }
+
+  .xl\:to-yellow-900 {
+    --gradient-to-color: #633112;
+  }
+
+  .xl\:to-green-50 {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .xl\:to-green-100 {
+    --gradient-to-color: #def7ec;
+  }
+
+  .xl\:to-green-200 {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .xl\:to-green-300 {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .xl\:to-green-400 {
+    --gradient-to-color: #31c48d;
+  }
+
+  .xl\:to-green-500 {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .xl\:to-green-600 {
+    --gradient-to-color: #057a55;
+  }
+
+  .xl\:to-green-700 {
+    --gradient-to-color: #046c4e;
+  }
+
+  .xl\:to-green-800 {
+    --gradient-to-color: #03543f;
+  }
+
+  .xl\:to-green-900 {
+    --gradient-to-color: #014737;
+  }
+
+  .xl\:to-teal-50 {
+    --gradient-to-color: #edfafa;
+  }
+
+  .xl\:to-teal-100 {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .xl\:to-teal-200 {
+    --gradient-to-color: #afecef;
+  }
+
+  .xl\:to-teal-300 {
+    --gradient-to-color: #7edce2;
+  }
+
+  .xl\:to-teal-400 {
+    --gradient-to-color: #16bdca;
+  }
+
+  .xl\:to-teal-500 {
+    --gradient-to-color: #0694a2;
+  }
+
+  .xl\:to-teal-600 {
+    --gradient-to-color: #047481;
+  }
+
+  .xl\:to-teal-700 {
+    --gradient-to-color: #036672;
+  }
+
+  .xl\:to-teal-800 {
+    --gradient-to-color: #05505c;
+  }
+
+  .xl\:to-teal-900 {
+    --gradient-to-color: #014451;
+  }
+
+  .xl\:to-blue-50 {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .xl\:to-blue-100 {
+    --gradient-to-color: #e1effe;
+  }
+
+  .xl\:to-blue-200 {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .xl\:to-blue-300 {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .xl\:to-blue-400 {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .xl\:to-blue-500 {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .xl\:to-blue-600 {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .xl\:to-blue-700 {
+    --gradient-to-color: #1a56db;
+  }
+
+  .xl\:to-blue-800 {
+    --gradient-to-color: #1e429f;
+  }
+
+  .xl\:to-blue-900 {
+    --gradient-to-color: #233876;
+  }
+
+  .xl\:to-indigo-50 {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .xl\:to-indigo-100 {
+    --gradient-to-color: #e5edff;
+  }
+
+  .xl\:to-indigo-200 {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .xl\:to-indigo-300 {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .xl\:to-indigo-400 {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .xl\:to-indigo-500 {
+    --gradient-to-color: #6875f5;
+  }
+
+  .xl\:to-indigo-600 {
+    --gradient-to-color: #5850ec;
+  }
+
+  .xl\:to-indigo-700 {
+    --gradient-to-color: #5145cd;
+  }
+
+  .xl\:to-indigo-800 {
+    --gradient-to-color: #42389d;
+  }
+
+  .xl\:to-indigo-900 {
+    --gradient-to-color: #362f78;
+  }
+
+  .xl\:to-purple-50 {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .xl\:to-purple-100 {
+    --gradient-to-color: #edebfe;
+  }
+
+  .xl\:to-purple-200 {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .xl\:to-purple-300 {
+    --gradient-to-color: #cabffd;
+  }
+
+  .xl\:to-purple-400 {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .xl\:to-purple-500 {
+    --gradient-to-color: #9061f9;
+  }
+
+  .xl\:to-purple-600 {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .xl\:to-purple-700 {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .xl\:to-purple-800 {
+    --gradient-to-color: #5521b5;
+  }
+
+  .xl\:to-purple-900 {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .xl\:to-pink-50 {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .xl\:to-pink-100 {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .xl\:to-pink-200 {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .xl\:to-pink-300 {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .xl\:to-pink-400 {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .xl\:to-pink-500 {
+    --gradient-to-color: #e74694;
+  }
+
+  .xl\:to-pink-600 {
+    --gradient-to-color: #d61f69;
+  }
+
+  .xl\:to-pink-700 {
+    --gradient-to-color: #bf125d;
+  }
+
+  .xl\:to-pink-800 {
+    --gradient-to-color: #99154b;
+  }
+
+  .xl\:to-pink-900 {
+    --gradient-to-color: #751a3d;
+  }
+
+  .xl\:hover\:from-transparent:hover {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:gradient-from-current:hover {
+  .xl\:hover\:from-current:hover {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-black:hover {
+  .xl\:hover\:from-black:hover {
     --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:gradient-from-white:hover {
+  .xl\:hover\:from-white:hover {
     --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-50:hover {
+  .xl\:hover\:from-gray-50:hover {
     --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-100:hover {
+  .xl\:hover\:from-gray-100:hover {
     --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-200:hover {
+  .xl\:hover\:from-gray-200:hover {
     --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-300:hover {
+  .xl\:hover\:from-gray-300:hover {
     --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-400:hover {
+  .xl\:hover\:from-gray-400:hover {
     --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-500:hover {
+  .xl\:hover\:from-gray-500:hover {
     --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-600:hover {
+  .xl\:hover\:from-gray-600:hover {
     --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-700:hover {
+  .xl\:hover\:from-gray-700:hover {
     --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-800:hover {
+  .xl\:hover\:from-gray-800:hover {
     --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-900:hover {
+  .xl\:hover\:from-gray-900:hover {
     --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .xl\:hover\:gradient-from-red-50:hover {
+  .xl\:hover\:from-red-50:hover {
     --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .xl\:hover\:gradient-from-red-100:hover {
+  .xl\:hover\:from-red-100:hover {
     --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .xl\:hover\:gradient-from-red-200:hover {
+  .xl\:hover\:from-red-200:hover {
     --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .xl\:hover\:gradient-from-red-300:hover {
+  .xl\:hover\:from-red-300:hover {
     --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .xl\:hover\:gradient-from-red-400:hover {
+  .xl\:hover\:from-red-400:hover {
     --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .xl\:hover\:gradient-from-red-500:hover {
+  .xl\:hover\:from-red-500:hover {
     --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .xl\:hover\:gradient-from-red-600:hover {
+  .xl\:hover\:from-red-600:hover {
     --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .xl\:hover\:gradient-from-red-700:hover {
+  .xl\:hover\:from-red-700:hover {
     --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .xl\:hover\:gradient-from-red-800:hover {
+  .xl\:hover\:from-red-800:hover {
     --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .xl\:hover\:gradient-from-red-900:hover {
+  .xl\:hover\:from-red-900:hover {
     --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-50:hover {
+  .xl\:hover\:from-orange-50:hover {
     --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-100:hover {
+  .xl\:hover\:from-orange-100:hover {
     --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-200:hover {
+  .xl\:hover\:from-orange-200:hover {
     --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-300:hover {
+  .xl\:hover\:from-orange-300:hover {
     --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-400:hover {
+  .xl\:hover\:from-orange-400:hover {
     --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-500:hover {
+  .xl\:hover\:from-orange-500:hover {
     --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-600:hover {
+  .xl\:hover\:from-orange-600:hover {
     --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-700:hover {
+  .xl\:hover\:from-orange-700:hover {
     --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-800:hover {
+  .xl\:hover\:from-orange-800:hover {
     --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-900:hover {
+  .xl\:hover\:from-orange-900:hover {
     --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-50:hover {
+  .xl\:hover\:from-yellow-50:hover {
     --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-100:hover {
+  .xl\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-200:hover {
+  .xl\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-300:hover {
+  .xl\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-400:hover {
+  .xl\:hover\:from-yellow-400:hover {
     --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-500:hover {
+  .xl\:hover\:from-yellow-500:hover {
     --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-600:hover {
+  .xl\:hover\:from-yellow-600:hover {
     --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-700:hover {
+  .xl\:hover\:from-yellow-700:hover {
     --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-800:hover {
+  .xl\:hover\:from-yellow-800:hover {
     --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-900:hover {
+  .xl\:hover\:from-yellow-900:hover {
     --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .xl\:hover\:gradient-from-green-50:hover {
+  .xl\:hover\:from-green-50:hover {
     --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .xl\:hover\:gradient-from-green-100:hover {
+  .xl\:hover\:from-green-100:hover {
     --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .xl\:hover\:gradient-from-green-200:hover {
+  .xl\:hover\:from-green-200:hover {
     --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .xl\:hover\:gradient-from-green-300:hover {
+  .xl\:hover\:from-green-300:hover {
     --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .xl\:hover\:gradient-from-green-400:hover {
+  .xl\:hover\:from-green-400:hover {
     --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .xl\:hover\:gradient-from-green-500:hover {
+  .xl\:hover\:from-green-500:hover {
     --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .xl\:hover\:gradient-from-green-600:hover {
+  .xl\:hover\:from-green-600:hover {
     --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .xl\:hover\:gradient-from-green-700:hover {
+  .xl\:hover\:from-green-700:hover {
     --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .xl\:hover\:gradient-from-green-800:hover {
+  .xl\:hover\:from-green-800:hover {
     --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .xl\:hover\:gradient-from-green-900:hover {
+  .xl\:hover\:from-green-900:hover {
     --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-50:hover {
+  .xl\:hover\:from-teal-50:hover {
     --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-100:hover {
+  .xl\:hover\:from-teal-100:hover {
     --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-200:hover {
+  .xl\:hover\:from-teal-200:hover {
     --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-300:hover {
+  .xl\:hover\:from-teal-300:hover {
     --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-400:hover {
+  .xl\:hover\:from-teal-400:hover {
     --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-500:hover {
+  .xl\:hover\:from-teal-500:hover {
     --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-600:hover {
+  .xl\:hover\:from-teal-600:hover {
     --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-700:hover {
+  .xl\:hover\:from-teal-700:hover {
     --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-800:hover {
+  .xl\:hover\:from-teal-800:hover {
     --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-900:hover {
+  .xl\:hover\:from-teal-900:hover {
     --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-50:hover {
+  .xl\:hover\:from-blue-50:hover {
     --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-100:hover {
+  .xl\:hover\:from-blue-100:hover {
     --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-200:hover {
+  .xl\:hover\:from-blue-200:hover {
     --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-300:hover {
+  .xl\:hover\:from-blue-300:hover {
     --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-400:hover {
+  .xl\:hover\:from-blue-400:hover {
     --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-500:hover {
+  .xl\:hover\:from-blue-500:hover {
     --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-600:hover {
+  .xl\:hover\:from-blue-600:hover {
     --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-700:hover {
+  .xl\:hover\:from-blue-700:hover {
     --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-800:hover {
+  .xl\:hover\:from-blue-800:hover {
     --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-900:hover {
+  .xl\:hover\:from-blue-900:hover {
     --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-50:hover {
+  .xl\:hover\:from-indigo-50:hover {
     --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-100:hover {
+  .xl\:hover\:from-indigo-100:hover {
     --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-200:hover {
+  .xl\:hover\:from-indigo-200:hover {
     --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-300:hover {
+  .xl\:hover\:from-indigo-300:hover {
     --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-400:hover {
+  .xl\:hover\:from-indigo-400:hover {
     --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-500:hover {
+  .xl\:hover\:from-indigo-500:hover {
     --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-600:hover {
+  .xl\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-700:hover {
+  .xl\:hover\:from-indigo-700:hover {
     --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-800:hover {
+  .xl\:hover\:from-indigo-800:hover {
     --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-900:hover {
+  .xl\:hover\:from-indigo-900:hover {
     --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-50:hover {
+  .xl\:hover\:from-purple-50:hover {
     --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-100:hover {
+  .xl\:hover\:from-purple-100:hover {
     --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-200:hover {
+  .xl\:hover\:from-purple-200:hover {
     --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-300:hover {
+  .xl\:hover\:from-purple-300:hover {
     --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-400:hover {
+  .xl\:hover\:from-purple-400:hover {
     --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-500:hover {
+  .xl\:hover\:from-purple-500:hover {
     --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-600:hover {
+  .xl\:hover\:from-purple-600:hover {
     --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-700:hover {
+  .xl\:hover\:from-purple-700:hover {
     --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-800:hover {
+  .xl\:hover\:from-purple-800:hover {
     --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-900:hover {
+  .xl\:hover\:from-purple-900:hover {
     --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-50:hover {
+  .xl\:hover\:from-pink-50:hover {
     --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-100:hover {
+  .xl\:hover\:from-pink-100:hover {
     --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-200:hover {
+  .xl\:hover\:from-pink-200:hover {
     --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-300:hover {
+  .xl\:hover\:from-pink-300:hover {
     --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-400:hover {
+  .xl\:hover\:from-pink-400:hover {
     --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-500:hover {
+  .xl\:hover\:from-pink-500:hover {
     --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-600:hover {
+  .xl\:hover\:from-pink-600:hover {
     --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-700:hover {
+  .xl\:hover\:from-pink-700:hover {
     --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-800:hover {
+  .xl\:hover\:from-pink-800:hover {
     --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-900:hover {
+  .xl\:hover\:from-pink-900:hover {
     --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .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 {
+  .xl\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:gradient-mid-current:hover {
+  .xl\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-black:hover {
+  .xl\:hover\:mid-black:hover {
     --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:gradient-mid-white:hover {
+  .xl\:hover\:mid-white:hover {
     --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-50:hover {
+  .xl\:hover\:mid-gray-50:hover {
     --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-100:hover {
+  .xl\:hover\:mid-gray-100:hover {
     --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-200:hover {
+  .xl\:hover\:mid-gray-200:hover {
     --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-300:hover {
+  .xl\:hover\:mid-gray-300:hover {
     --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-400:hover {
+  .xl\:hover\:mid-gray-400:hover {
     --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-500:hover {
+  .xl\:hover\:mid-gray-500:hover {
     --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-600:hover {
+  .xl\:hover\:mid-gray-600:hover {
     --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-700:hover {
+  .xl\:hover\:mid-gray-700:hover {
     --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-800:hover {
+  .xl\:hover\:mid-gray-800:hover {
     --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-900:hover {
+  .xl\:hover\:mid-gray-900:hover {
     --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-50:hover {
+  .xl\:hover\:mid-red-50:hover {
     --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-100:hover {
+  .xl\:hover\:mid-red-100:hover {
     --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-200:hover {
+  .xl\:hover\:mid-red-200:hover {
     --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-300:hover {
+  .xl\:hover\:mid-red-300:hover {
     --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-400:hover {
+  .xl\:hover\:mid-red-400:hover {
     --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-500:hover {
+  .xl\:hover\:mid-red-500:hover {
     --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-600:hover {
+  .xl\:hover\:mid-red-600:hover {
     --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-700:hover {
+  .xl\:hover\:mid-red-700:hover {
     --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-800:hover {
+  .xl\:hover\:mid-red-800:hover {
     --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-900:hover {
+  .xl\:hover\:mid-red-900:hover {
     --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-50:hover {
+  .xl\:hover\:mid-orange-50:hover {
     --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-100:hover {
+  .xl\:hover\:mid-orange-100:hover {
     --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-200:hover {
+  .xl\:hover\:mid-orange-200:hover {
     --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-300:hover {
+  .xl\:hover\:mid-orange-300:hover {
     --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-400:hover {
+  .xl\:hover\:mid-orange-400:hover {
     --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-500:hover {
+  .xl\:hover\:mid-orange-500:hover {
     --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-600:hover {
+  .xl\:hover\:mid-orange-600:hover {
     --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-700:hover {
+  .xl\:hover\:mid-orange-700:hover {
     --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-800:hover {
+  .xl\:hover\:mid-orange-800:hover {
     --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-900:hover {
+  .xl\:hover\:mid-orange-900:hover {
     --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-50:hover {
+  .xl\:hover\:mid-yellow-50:hover {
     --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-100:hover {
+  .xl\:hover\:mid-yellow-100:hover {
     --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-200:hover {
+  .xl\:hover\:mid-yellow-200:hover {
     --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-300:hover {
+  .xl\:hover\:mid-yellow-300:hover {
     --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-400:hover {
+  .xl\:hover\:mid-yellow-400:hover {
     --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-500:hover {
+  .xl\:hover\:mid-yellow-500:hover {
     --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-600:hover {
+  .xl\:hover\:mid-yellow-600:hover {
     --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-700:hover {
+  .xl\:hover\:mid-yellow-700:hover {
     --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-800:hover {
+  .xl\:hover\:mid-yellow-800:hover {
     --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-900:hover {
+  .xl\:hover\:mid-yellow-900:hover {
     --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-50:hover {
+  .xl\:hover\:mid-green-50:hover {
     --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-100:hover {
+  .xl\:hover\:mid-green-100:hover {
     --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-200:hover {
+  .xl\:hover\:mid-green-200:hover {
     --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-300:hover {
+  .xl\:hover\:mid-green-300:hover {
     --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-400:hover {
+  .xl\:hover\:mid-green-400:hover {
     --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-500:hover {
+  .xl\:hover\:mid-green-500:hover {
     --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-600:hover {
+  .xl\:hover\:mid-green-600:hover {
     --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-700:hover {
+  .xl\:hover\:mid-green-700:hover {
     --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-800:hover {
+  .xl\:hover\:mid-green-800:hover {
     --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-900:hover {
+  .xl\:hover\:mid-green-900:hover {
     --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-50:hover {
+  .xl\:hover\:mid-teal-50:hover {
     --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-100:hover {
+  .xl\:hover\:mid-teal-100:hover {
     --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-200:hover {
+  .xl\:hover\:mid-teal-200:hover {
     --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-300:hover {
+  .xl\:hover\:mid-teal-300:hover {
     --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-400:hover {
+  .xl\:hover\:mid-teal-400:hover {
     --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-500:hover {
+  .xl\:hover\:mid-teal-500:hover {
     --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-600:hover {
+  .xl\:hover\:mid-teal-600:hover {
     --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-700:hover {
+  .xl\:hover\:mid-teal-700:hover {
     --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-800:hover {
+  .xl\:hover\:mid-teal-800:hover {
     --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-900:hover {
+  .xl\:hover\:mid-teal-900:hover {
     --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-50:hover {
+  .xl\:hover\:mid-blue-50:hover {
     --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-100:hover {
+  .xl\:hover\:mid-blue-100:hover {
     --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-200:hover {
+  .xl\:hover\:mid-blue-200:hover {
     --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-300:hover {
+  .xl\:hover\:mid-blue-300:hover {
     --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-400:hover {
+  .xl\:hover\:mid-blue-400:hover {
     --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-500:hover {
+  .xl\:hover\:mid-blue-500:hover {
     --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-600:hover {
+  .xl\:hover\:mid-blue-600:hover {
     --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-700:hover {
+  .xl\:hover\:mid-blue-700:hover {
     --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-800:hover {
+  .xl\:hover\:mid-blue-800:hover {
     --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-900:hover {
+  .xl\:hover\:mid-blue-900:hover {
     --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-50:hover {
+  .xl\:hover\:mid-indigo-50:hover {
     --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-100:hover {
+  .xl\:hover\:mid-indigo-100:hover {
     --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-200:hover {
+  .xl\:hover\:mid-indigo-200:hover {
     --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-300:hover {
+  .xl\:hover\:mid-indigo-300:hover {
     --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-400:hover {
+  .xl\:hover\:mid-indigo-400:hover {
     --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-500:hover {
+  .xl\:hover\:mid-indigo-500:hover {
     --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-600:hover {
+  .xl\:hover\:mid-indigo-600:hover {
     --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-700:hover {
+  .xl\:hover\:mid-indigo-700:hover {
     --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-800:hover {
+  .xl\:hover\:mid-indigo-800:hover {
     --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-900:hover {
+  .xl\:hover\:mid-indigo-900:hover {
     --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-50:hover {
+  .xl\:hover\:mid-purple-50:hover {
     --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-100:hover {
+  .xl\:hover\:mid-purple-100:hover {
     --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-200:hover {
+  .xl\:hover\:mid-purple-200:hover {
     --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-300:hover {
+  .xl\:hover\:mid-purple-300:hover {
     --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-400:hover {
+  .xl\:hover\:mid-purple-400:hover {
     --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-500:hover {
+  .xl\:hover\:mid-purple-500:hover {
     --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-600:hover {
+  .xl\:hover\:mid-purple-600:hover {
     --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-700:hover {
+  .xl\:hover\:mid-purple-700:hover {
     --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-800:hover {
+  .xl\:hover\:mid-purple-800:hover {
     --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-900:hover {
+  .xl\:hover\:mid-purple-900:hover {
     --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-50:hover {
+  .xl\:hover\:mid-pink-50:hover {
     --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-100:hover {
+  .xl\:hover\:mid-pink-100:hover {
     --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-200:hover {
+  .xl\:hover\:mid-pink-200:hover {
     --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-300:hover {
+  .xl\:hover\:mid-pink-300:hover {
     --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-400:hover {
+  .xl\:hover\:mid-pink-400:hover {
     --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-500:hover {
+  .xl\:hover\:mid-pink-500:hover {
     --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-600:hover {
+  .xl\:hover\:mid-pink-600:hover {
     --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-700:hover {
+  .xl\:hover\:mid-pink-700:hover {
     --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-800:hover {
+  .xl\:hover\:mid-pink-800:hover {
     --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-900:hover {
+  .xl\:hover\:mid-pink-900:hover {
     --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .xl\:focus\:gradient-from-transparent:focus {
+  .xl\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .xl\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .xl\:hover\:to-black:hover {
+    --gradient-to-color: #000000;
+  }
+
+  .xl\:hover\:to-white:hover {
+    --gradient-to-color: #ffffff;
+  }
+
+  .xl\:hover\:to-gray-50:hover {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .xl\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .xl\:hover\:to-gray-200:hover {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .xl\:hover\:to-gray-300:hover {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .xl\:hover\:to-gray-400:hover {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .xl\:hover\:to-gray-500:hover {
+    --gradient-to-color: #6b7280;
+  }
+
+  .xl\:hover\:to-gray-600:hover {
+    --gradient-to-color: #4b5563;
+  }
+
+  .xl\:hover\:to-gray-700:hover {
+    --gradient-to-color: #374151;
+  }
+
+  .xl\:hover\:to-gray-800:hover {
+    --gradient-to-color: #252f3f;
+  }
+
+  .xl\:hover\:to-gray-900:hover {
+    --gradient-to-color: #161e2e;
+  }
+
+  .xl\:hover\:to-red-50:hover {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .xl\:hover\:to-red-100:hover {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .xl\:hover\:to-red-200:hover {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .xl\:hover\:to-red-300:hover {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .xl\:hover\:to-red-400:hover {
+    --gradient-to-color: #f98080;
+  }
+
+  .xl\:hover\:to-red-500:hover {
+    --gradient-to-color: #f05252;
+  }
+
+  .xl\:hover\:to-red-600:hover {
+    --gradient-to-color: #e02424;
+  }
+
+  .xl\:hover\:to-red-700:hover {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .xl\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .xl\:hover\:to-red-900:hover {
+    --gradient-to-color: #771d1d;
+  }
+
+  .xl\:hover\:to-orange-50:hover {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .xl\:hover\:to-orange-100:hover {
+    --gradient-to-color: #feecdc;
+  }
+
+  .xl\:hover\:to-orange-200:hover {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .xl\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .xl\:hover\:to-orange-400:hover {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .xl\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .xl\:hover\:to-orange-600:hover {
+    --gradient-to-color: #d03801;
+  }
+
+  .xl\:hover\:to-orange-700:hover {
+    --gradient-to-color: #b43403;
+  }
+
+  .xl\:hover\:to-orange-800:hover {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .xl\:hover\:to-orange-900:hover {
+    --gradient-to-color: #73230d;
+  }
+
+  .xl\:hover\:to-yellow-50:hover {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .xl\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .xl\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fce96a;
+  }
+
+  .xl\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faca15;
+  }
+
+  .xl\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #e3a008;
+  }
+
+  .xl\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #c27803;
+  }
+
+  .xl\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #9f580a;
+  }
+
+  .xl\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .xl\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #723b13;
+  }
+
+  .xl\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #633112;
+  }
+
+  .xl\:hover\:to-green-50:hover {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .xl\:hover\:to-green-100:hover {
+    --gradient-to-color: #def7ec;
+  }
+
+  .xl\:hover\:to-green-200:hover {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .xl\:hover\:to-green-300:hover {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .xl\:hover\:to-green-400:hover {
+    --gradient-to-color: #31c48d;
+  }
+
+  .xl\:hover\:to-green-500:hover {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .xl\:hover\:to-green-600:hover {
+    --gradient-to-color: #057a55;
+  }
+
+  .xl\:hover\:to-green-700:hover {
+    --gradient-to-color: #046c4e;
+  }
+
+  .xl\:hover\:to-green-800:hover {
+    --gradient-to-color: #03543f;
+  }
+
+  .xl\:hover\:to-green-900:hover {
+    --gradient-to-color: #014737;
+  }
+
+  .xl\:hover\:to-teal-50:hover {
+    --gradient-to-color: #edfafa;
+  }
+
+  .xl\:hover\:to-teal-100:hover {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .xl\:hover\:to-teal-200:hover {
+    --gradient-to-color: #afecef;
+  }
+
+  .xl\:hover\:to-teal-300:hover {
+    --gradient-to-color: #7edce2;
+  }
+
+  .xl\:hover\:to-teal-400:hover {
+    --gradient-to-color: #16bdca;
+  }
+
+  .xl\:hover\:to-teal-500:hover {
+    --gradient-to-color: #0694a2;
+  }
+
+  .xl\:hover\:to-teal-600:hover {
+    --gradient-to-color: #047481;
+  }
+
+  .xl\:hover\:to-teal-700:hover {
+    --gradient-to-color: #036672;
+  }
+
+  .xl\:hover\:to-teal-800:hover {
+    --gradient-to-color: #05505c;
+  }
+
+  .xl\:hover\:to-teal-900:hover {
+    --gradient-to-color: #014451;
+  }
+
+  .xl\:hover\:to-blue-50:hover {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .xl\:hover\:to-blue-100:hover {
+    --gradient-to-color: #e1effe;
+  }
+
+  .xl\:hover\:to-blue-200:hover {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .xl\:hover\:to-blue-300:hover {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .xl\:hover\:to-blue-400:hover {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .xl\:hover\:to-blue-500:hover {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .xl\:hover\:to-blue-600:hover {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .xl\:hover\:to-blue-700:hover {
+    --gradient-to-color: #1a56db;
+  }
+
+  .xl\:hover\:to-blue-800:hover {
+    --gradient-to-color: #1e429f;
+  }
+
+  .xl\:hover\:to-blue-900:hover {
+    --gradient-to-color: #233876;
+  }
+
+  .xl\:hover\:to-indigo-50:hover {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .xl\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #e5edff;
+  }
+
+  .xl\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .xl\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .xl\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .xl\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #6875f5;
+  }
+
+  .xl\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5850ec;
+  }
+
+  .xl\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #5145cd;
+  }
+
+  .xl\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #42389d;
+  }
+
+  .xl\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #362f78;
+  }
+
+  .xl\:hover\:to-purple-50:hover {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .xl\:hover\:to-purple-100:hover {
+    --gradient-to-color: #edebfe;
+  }
+
+  .xl\:hover\:to-purple-200:hover {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .xl\:hover\:to-purple-300:hover {
+    --gradient-to-color: #cabffd;
+  }
+
+  .xl\:hover\:to-purple-400:hover {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .xl\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9061f9;
+  }
+
+  .xl\:hover\:to-purple-600:hover {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .xl\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .xl\:hover\:to-purple-800:hover {
+    --gradient-to-color: #5521b5;
+  }
+
+  .xl\:hover\:to-purple-900:hover {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .xl\:hover\:to-pink-50:hover {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .xl\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .xl\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .xl\:hover\:to-pink-300:hover {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .xl\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .xl\:hover\:to-pink-500:hover {
+    --gradient-to-color: #e74694;
+  }
+
+  .xl\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d61f69;
+  }
+
+  .xl\:hover\:to-pink-700:hover {
+    --gradient-to-color: #bf125d;
+  }
+
+  .xl\:hover\:to-pink-800:hover {
+    --gradient-to-color: #99154b;
+  }
+
+  .xl\:hover\:to-pink-900:hover {
+    --gradient-to-color: #751a3d;
+  }
+
+  .xl\:focus\:from-transparent:focus {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:gradient-from-current:focus {
+  .xl\:focus\:from-current:focus {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-black:focus {
+  .xl\:focus\:from-black:focus {
     --gradient-from-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:gradient-from-white:focus {
+  .xl\:focus\:from-white:focus {
     --gradient-from-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-50:focus {
+  .xl\:focus\:from-gray-50:focus {
     --gradient-from-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-100:focus {
+  .xl\:focus\:from-gray-100:focus {
     --gradient-from-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-200:focus {
+  .xl\:focus\:from-gray-200:focus {
     --gradient-from-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-300:focus {
+  .xl\:focus\:from-gray-300:focus {
     --gradient-from-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-400:focus {
+  .xl\:focus\:from-gray-400:focus {
     --gradient-from-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-500:focus {
+  .xl\:focus\:from-gray-500:focus {
     --gradient-from-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-600:focus {
+  .xl\:focus\:from-gray-600:focus {
     --gradient-from-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-700:focus {
+  .xl\:focus\:from-gray-700:focus {
     --gradient-from-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-800:focus {
+  .xl\:focus\:from-gray-800:focus {
     --gradient-from-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-900:focus {
+  .xl\:focus\:from-gray-900:focus {
     --gradient-from-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .xl\:focus\:gradient-from-red-50:focus {
+  .xl\:focus\:from-red-50:focus {
     --gradient-from-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .xl\:focus\:gradient-from-red-100:focus {
+  .xl\:focus\:from-red-100:focus {
     --gradient-from-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .xl\:focus\:gradient-from-red-200:focus {
+  .xl\:focus\:from-red-200:focus {
     --gradient-from-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .xl\:focus\:gradient-from-red-300:focus {
+  .xl\:focus\:from-red-300:focus {
     --gradient-from-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .xl\:focus\:gradient-from-red-400:focus {
+  .xl\:focus\:from-red-400:focus {
     --gradient-from-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .xl\:focus\:gradient-from-red-500:focus {
+  .xl\:focus\:from-red-500:focus {
     --gradient-from-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .xl\:focus\:gradient-from-red-600:focus {
+  .xl\:focus\:from-red-600:focus {
     --gradient-from-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .xl\:focus\:gradient-from-red-700:focus {
+  .xl\:focus\:from-red-700:focus {
     --gradient-from-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .xl\:focus\:gradient-from-red-800:focus {
+  .xl\:focus\:from-red-800:focus {
     --gradient-from-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .xl\:focus\:gradient-from-red-900:focus {
+  .xl\:focus\:from-red-900:focus {
     --gradient-from-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-50:focus {
+  .xl\:focus\:from-orange-50:focus {
     --gradient-from-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-100:focus {
+  .xl\:focus\:from-orange-100:focus {
     --gradient-from-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-200:focus {
+  .xl\:focus\:from-orange-200:focus {
     --gradient-from-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-300:focus {
+  .xl\:focus\:from-orange-300:focus {
     --gradient-from-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-400:focus {
+  .xl\:focus\:from-orange-400:focus {
     --gradient-from-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-500:focus {
+  .xl\:focus\:from-orange-500:focus {
     --gradient-from-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-600:focus {
+  .xl\:focus\:from-orange-600:focus {
     --gradient-from-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-700:focus {
+  .xl\:focus\:from-orange-700:focus {
     --gradient-from-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-800:focus {
+  .xl\:focus\:from-orange-800:focus {
     --gradient-from-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-900:focus {
+  .xl\:focus\:from-orange-900:focus {
     --gradient-from-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-50:focus {
+  .xl\:focus\:from-yellow-50:focus {
     --gradient-from-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-100:focus {
+  .xl\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-200:focus {
+  .xl\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-300:focus {
+  .xl\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-400:focus {
+  .xl\:focus\:from-yellow-400:focus {
     --gradient-from-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-500:focus {
+  .xl\:focus\:from-yellow-500:focus {
     --gradient-from-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-600:focus {
+  .xl\:focus\:from-yellow-600:focus {
     --gradient-from-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-700:focus {
+  .xl\:focus\:from-yellow-700:focus {
     --gradient-from-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-800:focus {
+  .xl\:focus\:from-yellow-800:focus {
     --gradient-from-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-900:focus {
+  .xl\:focus\:from-yellow-900:focus {
     --gradient-from-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .xl\:focus\:gradient-from-green-50:focus {
+  .xl\:focus\:from-green-50:focus {
     --gradient-from-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .xl\:focus\:gradient-from-green-100:focus {
+  .xl\:focus\:from-green-100:focus {
     --gradient-from-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .xl\:focus\:gradient-from-green-200:focus {
+  .xl\:focus\:from-green-200:focus {
     --gradient-from-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .xl\:focus\:gradient-from-green-300:focus {
+  .xl\:focus\:from-green-300:focus {
     --gradient-from-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .xl\:focus\:gradient-from-green-400:focus {
+  .xl\:focus\:from-green-400:focus {
     --gradient-from-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .xl\:focus\:gradient-from-green-500:focus {
+  .xl\:focus\:from-green-500:focus {
     --gradient-from-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .xl\:focus\:gradient-from-green-600:focus {
+  .xl\:focus\:from-green-600:focus {
     --gradient-from-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .xl\:focus\:gradient-from-green-700:focus {
+  .xl\:focus\:from-green-700:focus {
     --gradient-from-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .xl\:focus\:gradient-from-green-800:focus {
+  .xl\:focus\:from-green-800:focus {
     --gradient-from-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .xl\:focus\:gradient-from-green-900:focus {
+  .xl\:focus\:from-green-900:focus {
     --gradient-from-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-50:focus {
+  .xl\:focus\:from-teal-50:focus {
     --gradient-from-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-100:focus {
+  .xl\:focus\:from-teal-100:focus {
     --gradient-from-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-200:focus {
+  .xl\:focus\:from-teal-200:focus {
     --gradient-from-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-300:focus {
+  .xl\:focus\:from-teal-300:focus {
     --gradient-from-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-400:focus {
+  .xl\:focus\:from-teal-400:focus {
     --gradient-from-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-500:focus {
+  .xl\:focus\:from-teal-500:focus {
     --gradient-from-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-600:focus {
+  .xl\:focus\:from-teal-600:focus {
     --gradient-from-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-700:focus {
+  .xl\:focus\:from-teal-700:focus {
     --gradient-from-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-800:focus {
+  .xl\:focus\:from-teal-800:focus {
     --gradient-from-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-900:focus {
+  .xl\:focus\:from-teal-900:focus {
     --gradient-from-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-50:focus {
+  .xl\:focus\:from-blue-50:focus {
     --gradient-from-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-100:focus {
+  .xl\:focus\:from-blue-100:focus {
     --gradient-from-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-200:focus {
+  .xl\:focus\:from-blue-200:focus {
     --gradient-from-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-300:focus {
+  .xl\:focus\:from-blue-300:focus {
     --gradient-from-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-400:focus {
+  .xl\:focus\:from-blue-400:focus {
     --gradient-from-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-500:focus {
+  .xl\:focus\:from-blue-500:focus {
     --gradient-from-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-600:focus {
+  .xl\:focus\:from-blue-600:focus {
     --gradient-from-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-700:focus {
+  .xl\:focus\:from-blue-700:focus {
     --gradient-from-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-800:focus {
+  .xl\:focus\:from-blue-800:focus {
     --gradient-from-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-900:focus {
+  .xl\:focus\:from-blue-900:focus {
     --gradient-from-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-50:focus {
+  .xl\:focus\:from-indigo-50:focus {
     --gradient-from-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-100:focus {
+  .xl\:focus\:from-indigo-100:focus {
     --gradient-from-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-200:focus {
+  .xl\:focus\:from-indigo-200:focus {
     --gradient-from-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-300:focus {
+  .xl\:focus\:from-indigo-300:focus {
     --gradient-from-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-400:focus {
+  .xl\:focus\:from-indigo-400:focus {
     --gradient-from-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-500:focus {
+  .xl\:focus\:from-indigo-500:focus {
     --gradient-from-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-600:focus {
+  .xl\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-700:focus {
+  .xl\:focus\:from-indigo-700:focus {
     --gradient-from-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-800:focus {
+  .xl\:focus\:from-indigo-800:focus {
     --gradient-from-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-900:focus {
+  .xl\:focus\:from-indigo-900:focus {
     --gradient-from-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-50:focus {
+  .xl\:focus\:from-purple-50:focus {
     --gradient-from-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-100:focus {
+  .xl\:focus\:from-purple-100:focus {
     --gradient-from-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-200:focus {
+  .xl\:focus\:from-purple-200:focus {
     --gradient-from-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-300:focus {
+  .xl\:focus\:from-purple-300:focus {
     --gradient-from-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-400:focus {
+  .xl\:focus\:from-purple-400:focus {
     --gradient-from-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-500:focus {
+  .xl\:focus\:from-purple-500:focus {
     --gradient-from-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-600:focus {
+  .xl\:focus\:from-purple-600:focus {
     --gradient-from-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-700:focus {
+  .xl\:focus\:from-purple-700:focus {
     --gradient-from-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-800:focus {
+  .xl\:focus\:from-purple-800:focus {
     --gradient-from-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-900:focus {
+  .xl\:focus\:from-purple-900:focus {
     --gradient-from-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-50:focus {
+  .xl\:focus\:from-pink-50:focus {
     --gradient-from-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-100:focus {
+  .xl\:focus\:from-pink-100:focus {
     --gradient-from-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-200:focus {
+  .xl\:focus\:from-pink-200:focus {
     --gradient-from-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-300:focus {
+  .xl\:focus\:from-pink-300:focus {
     --gradient-from-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-400:focus {
+  .xl\:focus\:from-pink-400:focus {
     --gradient-from-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-500:focus {
+  .xl\:focus\:from-pink-500:focus {
     --gradient-from-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-600:focus {
+  .xl\:focus\:from-pink-600:focus {
     --gradient-from-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-700:focus {
+  .xl\:focus\:from-pink-700:focus {
     --gradient-from-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-800:focus {
+  .xl\:focus\:from-pink-800:focus {
     --gradient-from-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-900:focus {
+  .xl\:focus\:from-pink-900:focus {
     --gradient-from-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .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 {
+  .xl\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:gradient-mid-current:focus {
+  .xl\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-black:focus {
+  .xl\:focus\:mid-black:focus {
     --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:gradient-mid-white:focus {
+  .xl\:focus\:mid-white:focus {
     --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-50:focus {
+  .xl\:focus\:mid-gray-50:focus {
     --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-100:focus {
+  .xl\:focus\:mid-gray-100:focus {
     --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-200:focus {
+  .xl\:focus\:mid-gray-200:focus {
     --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-300:focus {
+  .xl\:focus\:mid-gray-300:focus {
     --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-400:focus {
+  .xl\:focus\:mid-gray-400:focus {
     --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-500:focus {
+  .xl\:focus\:mid-gray-500:focus {
     --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-600:focus {
+  .xl\:focus\:mid-gray-600:focus {
     --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-700:focus {
+  .xl\:focus\:mid-gray-700:focus {
     --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-800:focus {
+  .xl\:focus\:mid-gray-800:focus {
     --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-900:focus {
+  .xl\:focus\:mid-gray-900:focus {
     --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-50:focus {
+  .xl\:focus\:mid-red-50:focus {
     --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-100:focus {
+  .xl\:focus\:mid-red-100:focus {
     --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-200:focus {
+  .xl\:focus\:mid-red-200:focus {
     --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-300:focus {
+  .xl\:focus\:mid-red-300:focus {
     --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-400:focus {
+  .xl\:focus\:mid-red-400:focus {
     --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-500:focus {
+  .xl\:focus\:mid-red-500:focus {
     --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-600:focus {
+  .xl\:focus\:mid-red-600:focus {
     --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-700:focus {
+  .xl\:focus\:mid-red-700:focus {
     --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-800:focus {
+  .xl\:focus\:mid-red-800:focus {
     --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-900:focus {
+  .xl\:focus\:mid-red-900:focus {
     --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-50:focus {
+  .xl\:focus\:mid-orange-50:focus {
     --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-100:focus {
+  .xl\:focus\:mid-orange-100:focus {
     --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-200:focus {
+  .xl\:focus\:mid-orange-200:focus {
     --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-300:focus {
+  .xl\:focus\:mid-orange-300:focus {
     --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-400:focus {
+  .xl\:focus\:mid-orange-400:focus {
     --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-500:focus {
+  .xl\:focus\:mid-orange-500:focus {
     --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-600:focus {
+  .xl\:focus\:mid-orange-600:focus {
     --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-700:focus {
+  .xl\:focus\:mid-orange-700:focus {
     --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-800:focus {
+  .xl\:focus\:mid-orange-800:focus {
     --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-900:focus {
+  .xl\:focus\:mid-orange-900:focus {
     --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-50:focus {
+  .xl\:focus\:mid-yellow-50:focus {
     --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-100:focus {
+  .xl\:focus\:mid-yellow-100:focus {
     --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-200:focus {
+  .xl\:focus\:mid-yellow-200:focus {
     --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-300:focus {
+  .xl\:focus\:mid-yellow-300:focus {
     --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-400:focus {
+  .xl\:focus\:mid-yellow-400:focus {
     --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-500:focus {
+  .xl\:focus\:mid-yellow-500:focus {
     --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-600:focus {
+  .xl\:focus\:mid-yellow-600:focus {
     --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-700:focus {
+  .xl\:focus\:mid-yellow-700:focus {
     --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-800:focus {
+  .xl\:focus\:mid-yellow-800:focus {
     --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-900:focus {
+  .xl\:focus\:mid-yellow-900:focus {
     --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-50:focus {
+  .xl\:focus\:mid-green-50:focus {
     --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-100:focus {
+  .xl\:focus\:mid-green-100:focus {
     --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-200:focus {
+  .xl\:focus\:mid-green-200:focus {
     --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-300:focus {
+  .xl\:focus\:mid-green-300:focus {
     --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-400:focus {
+  .xl\:focus\:mid-green-400:focus {
     --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-500:focus {
+  .xl\:focus\:mid-green-500:focus {
     --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-600:focus {
+  .xl\:focus\:mid-green-600:focus {
     --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-700:focus {
+  .xl\:focus\:mid-green-700:focus {
     --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-800:focus {
+  .xl\:focus\:mid-green-800:focus {
     --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-900:focus {
+  .xl\:focus\:mid-green-900:focus {
     --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-50:focus {
+  .xl\:focus\:mid-teal-50:focus {
     --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-100:focus {
+  .xl\:focus\:mid-teal-100:focus {
     --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-200:focus {
+  .xl\:focus\:mid-teal-200:focus {
     --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-300:focus {
+  .xl\:focus\:mid-teal-300:focus {
     --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-400:focus {
+  .xl\:focus\:mid-teal-400:focus {
     --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-500:focus {
+  .xl\:focus\:mid-teal-500:focus {
     --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-600:focus {
+  .xl\:focus\:mid-teal-600:focus {
     --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-700:focus {
+  .xl\:focus\:mid-teal-700:focus {
     --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-800:focus {
+  .xl\:focus\:mid-teal-800:focus {
     --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-900:focus {
+  .xl\:focus\:mid-teal-900:focus {
     --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-50:focus {
+  .xl\:focus\:mid-blue-50:focus {
     --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-100:focus {
+  .xl\:focus\:mid-blue-100:focus {
     --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-200:focus {
+  .xl\:focus\:mid-blue-200:focus {
     --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-300:focus {
+  .xl\:focus\:mid-blue-300:focus {
     --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-400:focus {
+  .xl\:focus\:mid-blue-400:focus {
     --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-500:focus {
+  .xl\:focus\:mid-blue-500:focus {
     --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-600:focus {
+  .xl\:focus\:mid-blue-600:focus {
     --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-700:focus {
+  .xl\:focus\:mid-blue-700:focus {
     --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-800:focus {
+  .xl\:focus\:mid-blue-800:focus {
     --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-900:focus {
+  .xl\:focus\:mid-blue-900:focus {
     --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-50:focus {
+  .xl\:focus\:mid-indigo-50:focus {
     --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-100:focus {
+  .xl\:focus\:mid-indigo-100:focus {
     --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-200:focus {
+  .xl\:focus\:mid-indigo-200:focus {
     --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-300:focus {
+  .xl\:focus\:mid-indigo-300:focus {
     --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-400:focus {
+  .xl\:focus\:mid-indigo-400:focus {
     --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-500:focus {
+  .xl\:focus\:mid-indigo-500:focus {
     --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-600:focus {
+  .xl\:focus\:mid-indigo-600:focus {
     --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-700:focus {
+  .xl\:focus\:mid-indigo-700:focus {
     --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-800:focus {
+  .xl\:focus\:mid-indigo-800:focus {
     --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-900:focus {
+  .xl\:focus\:mid-indigo-900:focus {
     --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-50:focus {
+  .xl\:focus\:mid-purple-50:focus {
     --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-100:focus {
+  .xl\:focus\:mid-purple-100:focus {
     --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-200:focus {
+  .xl\:focus\:mid-purple-200:focus {
     --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-300:focus {
+  .xl\:focus\:mid-purple-300:focus {
     --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-400:focus {
+  .xl\:focus\:mid-purple-400:focus {
     --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-500:focus {
+  .xl\:focus\:mid-purple-500:focus {
     --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-600:focus {
+  .xl\:focus\:mid-purple-600:focus {
     --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-700:focus {
+  .xl\:focus\:mid-purple-700:focus {
     --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-800:focus {
+  .xl\:focus\:mid-purple-800:focus {
     --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-900:focus {
+  .xl\:focus\:mid-purple-900:focus {
     --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-50:focus {
+  .xl\:focus\:mid-pink-50:focus {
     --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-100:focus {
+  .xl\:focus\:mid-pink-100:focus {
     --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-200:focus {
+  .xl\:focus\:mid-pink-200:focus {
     --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-300:focus {
+  .xl\:focus\:mid-pink-300:focus {
     --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-400:focus {
+  .xl\:focus\:mid-pink-400:focus {
     --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-500:focus {
+  .xl\:focus\:mid-pink-500:focus {
     --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-600:focus {
+  .xl\:focus\:mid-pink-600:focus {
     --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-700:focus {
+  .xl\:focus\:mid-pink-700:focus {
     --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-800:focus {
+  .xl\:focus\:mid-pink-800:focus {
     --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-900:focus {
+  .xl\:focus\:mid-pink-900:focus {
     --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .xl\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .xl\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .xl\:focus\:to-black:focus {
+    --gradient-to-color: #000000;
+  }
+
+  .xl\:focus\:to-white:focus {
+    --gradient-to-color: #ffffff;
+  }
+
+  .xl\:focus\:to-gray-50:focus {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .xl\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .xl\:focus\:to-gray-200:focus {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .xl\:focus\:to-gray-300:focus {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .xl\:focus\:to-gray-400:focus {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .xl\:focus\:to-gray-500:focus {
+    --gradient-to-color: #6b7280;
+  }
+
+  .xl\:focus\:to-gray-600:focus {
+    --gradient-to-color: #4b5563;
+  }
+
+  .xl\:focus\:to-gray-700:focus {
+    --gradient-to-color: #374151;
+  }
+
+  .xl\:focus\:to-gray-800:focus {
+    --gradient-to-color: #252f3f;
+  }
+
+  .xl\:focus\:to-gray-900:focus {
+    --gradient-to-color: #161e2e;
+  }
+
+  .xl\:focus\:to-red-50:focus {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .xl\:focus\:to-red-100:focus {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .xl\:focus\:to-red-200:focus {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .xl\:focus\:to-red-300:focus {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .xl\:focus\:to-red-400:focus {
+    --gradient-to-color: #f98080;
+  }
+
+  .xl\:focus\:to-red-500:focus {
+    --gradient-to-color: #f05252;
+  }
+
+  .xl\:focus\:to-red-600:focus {
+    --gradient-to-color: #e02424;
+  }
+
+  .xl\:focus\:to-red-700:focus {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .xl\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .xl\:focus\:to-red-900:focus {
+    --gradient-to-color: #771d1d;
+  }
+
+  .xl\:focus\:to-orange-50:focus {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .xl\:focus\:to-orange-100:focus {
+    --gradient-to-color: #feecdc;
+  }
+
+  .xl\:focus\:to-orange-200:focus {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .xl\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .xl\:focus\:to-orange-400:focus {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .xl\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .xl\:focus\:to-orange-600:focus {
+    --gradient-to-color: #d03801;
+  }
+
+  .xl\:focus\:to-orange-700:focus {
+    --gradient-to-color: #b43403;
+  }
+
+  .xl\:focus\:to-orange-800:focus {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .xl\:focus\:to-orange-900:focus {
+    --gradient-to-color: #73230d;
+  }
+
+  .xl\:focus\:to-yellow-50:focus {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .xl\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .xl\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fce96a;
+  }
+
+  .xl\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faca15;
+  }
+
+  .xl\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #e3a008;
+  }
+
+  .xl\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #c27803;
+  }
+
+  .xl\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #9f580a;
+  }
+
+  .xl\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .xl\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #723b13;
+  }
+
+  .xl\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #633112;
+  }
+
+  .xl\:focus\:to-green-50:focus {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .xl\:focus\:to-green-100:focus {
+    --gradient-to-color: #def7ec;
+  }
+
+  .xl\:focus\:to-green-200:focus {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .xl\:focus\:to-green-300:focus {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .xl\:focus\:to-green-400:focus {
+    --gradient-to-color: #31c48d;
+  }
+
+  .xl\:focus\:to-green-500:focus {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .xl\:focus\:to-green-600:focus {
+    --gradient-to-color: #057a55;
+  }
+
+  .xl\:focus\:to-green-700:focus {
+    --gradient-to-color: #046c4e;
+  }
+
+  .xl\:focus\:to-green-800:focus {
+    --gradient-to-color: #03543f;
+  }
+
+  .xl\:focus\:to-green-900:focus {
+    --gradient-to-color: #014737;
+  }
+
+  .xl\:focus\:to-teal-50:focus {
+    --gradient-to-color: #edfafa;
+  }
+
+  .xl\:focus\:to-teal-100:focus {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .xl\:focus\:to-teal-200:focus {
+    --gradient-to-color: #afecef;
+  }
+
+  .xl\:focus\:to-teal-300:focus {
+    --gradient-to-color: #7edce2;
+  }
+
+  .xl\:focus\:to-teal-400:focus {
+    --gradient-to-color: #16bdca;
+  }
+
+  .xl\:focus\:to-teal-500:focus {
+    --gradient-to-color: #0694a2;
+  }
+
+  .xl\:focus\:to-teal-600:focus {
+    --gradient-to-color: #047481;
+  }
+
+  .xl\:focus\:to-teal-700:focus {
+    --gradient-to-color: #036672;
+  }
+
+  .xl\:focus\:to-teal-800:focus {
+    --gradient-to-color: #05505c;
+  }
+
+  .xl\:focus\:to-teal-900:focus {
+    --gradient-to-color: #014451;
+  }
+
+  .xl\:focus\:to-blue-50:focus {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .xl\:focus\:to-blue-100:focus {
+    --gradient-to-color: #e1effe;
+  }
+
+  .xl\:focus\:to-blue-200:focus {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .xl\:focus\:to-blue-300:focus {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .xl\:focus\:to-blue-400:focus {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .xl\:focus\:to-blue-500:focus {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .xl\:focus\:to-blue-600:focus {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .xl\:focus\:to-blue-700:focus {
+    --gradient-to-color: #1a56db;
+  }
+
+  .xl\:focus\:to-blue-800:focus {
+    --gradient-to-color: #1e429f;
+  }
+
+  .xl\:focus\:to-blue-900:focus {
+    --gradient-to-color: #233876;
+  }
+
+  .xl\:focus\:to-indigo-50:focus {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .xl\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #e5edff;
+  }
+
+  .xl\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .xl\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .xl\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .xl\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #6875f5;
+  }
+
+  .xl\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5850ec;
+  }
+
+  .xl\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #5145cd;
+  }
+
+  .xl\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #42389d;
+  }
+
+  .xl\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #362f78;
+  }
+
+  .xl\:focus\:to-purple-50:focus {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .xl\:focus\:to-purple-100:focus {
+    --gradient-to-color: #edebfe;
+  }
+
+  .xl\:focus\:to-purple-200:focus {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .xl\:focus\:to-purple-300:focus {
+    --gradient-to-color: #cabffd;
+  }
+
+  .xl\:focus\:to-purple-400:focus {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .xl\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9061f9;
+  }
+
+  .xl\:focus\:to-purple-600:focus {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .xl\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .xl\:focus\:to-purple-800:focus {
+    --gradient-to-color: #5521b5;
+  }
+
+  .xl\:focus\:to-purple-900:focus {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .xl\:focus\:to-pink-50:focus {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .xl\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .xl\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .xl\:focus\:to-pink-300:focus {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .xl\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .xl\:focus\:to-pink-500:focus {
+    --gradient-to-color: #e74694;
+  }
+
+  .xl\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d61f69;
+  }
+
+  .xl\:focus\:to-pink-700:focus {
+    --gradient-to-color: #bf125d;
+  }
+
+  .xl\:focus\:to-pink-800:focus {
+    --gradient-to-color: #99154b;
+  }
+
+  .xl\:focus\:to-pink-900:focus {
+    --gradient-to-color: #751a3d;
   }
 
   .xl\:bg-opacity-0 {
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index 8087edad4..799686e3c 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -3463,4250 +3463,3984 @@ 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-t {
+  background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
 }
 
-.bg-gradient-right {
-  background-image: linear-gradient(90deg, var(--gradient-color-stops)) !important;
+.bg-gradient-tr {
+  background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
 }
 
-.bg-gradient-down {
-  background-image: linear-gradient(180deg, var(--gradient-color-stops)) !important;
+.bg-gradient-r {
+  background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
 }
 
-.bg-gradient-left {
-  background-image: linear-gradient(270deg, var(--gradient-color-stops)) !important;
+.bg-gradient-br {
+  background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
 }
 
-.gradient-from-transparent {
+.bg-gradient-b {
+  background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
+}
+
+.bg-gradient-bl {
+  background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
+}
+
+.bg-gradient-l {
+  background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
+}
+
+.bg-gradient-tl {
+  background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
+}
+
+.from-transparent {
   --gradient-from-color: transparent !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.gradient-from-current {
+.from-current {
   --gradient-from-color: currentColor !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.gradient-from-black {
+.from-black {
   --gradient-from-color: #000 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.gradient-from-white {
+.from-white {
   --gradient-from-color: #fff !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.gradient-from-gray-100 {
+.from-gray-100 {
   --gradient-from-color: #f7fafc !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
 }
 
-.gradient-from-gray-200 {
+.from-gray-200 {
   --gradient-from-color: #edf2f7 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
 }
 
-.gradient-from-gray-300 {
+.from-gray-300 {
   --gradient-from-color: #e2e8f0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
 }
 
-.gradient-from-gray-400 {
+.from-gray-400 {
   --gradient-from-color: #cbd5e0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
 }
 
-.gradient-from-gray-500 {
+.from-gray-500 {
   --gradient-from-color: #a0aec0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
 }
 
-.gradient-from-gray-600 {
+.from-gray-600 {
   --gradient-from-color: #718096 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
 }
 
-.gradient-from-gray-700 {
+.from-gray-700 {
   --gradient-from-color: #4a5568 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
 }
 
-.gradient-from-gray-800 {
+.from-gray-800 {
   --gradient-from-color: #2d3748 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
 }
 
-.gradient-from-gray-900 {
+.from-gray-900 {
   --gradient-from-color: #1a202c !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
 }
 
-.gradient-from-red-100 {
+.from-red-100 {
   --gradient-from-color: #fff5f5 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
 }
 
-.gradient-from-red-200 {
+.from-red-200 {
   --gradient-from-color: #fed7d7 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
 }
 
-.gradient-from-red-300 {
+.from-red-300 {
   --gradient-from-color: #feb2b2 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
 }
 
-.gradient-from-red-400 {
+.from-red-400 {
   --gradient-from-color: #fc8181 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
 }
 
-.gradient-from-red-500 {
+.from-red-500 {
   --gradient-from-color: #f56565 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
 }
 
-.gradient-from-red-600 {
+.from-red-600 {
   --gradient-from-color: #e53e3e !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
 }
 
-.gradient-from-red-700 {
+.from-red-700 {
   --gradient-from-color: #c53030 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
 }
 
-.gradient-from-red-800 {
+.from-red-800 {
   --gradient-from-color: #9b2c2c !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
 }
 
-.gradient-from-red-900 {
+.from-red-900 {
   --gradient-from-color: #742a2a !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
 }
 
-.gradient-from-orange-100 {
+.from-orange-100 {
   --gradient-from-color: #fffaf0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
 }
 
-.gradient-from-orange-200 {
+.from-orange-200 {
   --gradient-from-color: #feebc8 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
 }
 
-.gradient-from-orange-300 {
+.from-orange-300 {
   --gradient-from-color: #fbd38d !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
 }
 
-.gradient-from-orange-400 {
+.from-orange-400 {
   --gradient-from-color: #f6ad55 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
 }
 
-.gradient-from-orange-500 {
+.from-orange-500 {
   --gradient-from-color: #ed8936 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
 }
 
-.gradient-from-orange-600 {
+.from-orange-600 {
   --gradient-from-color: #dd6b20 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
 }
 
-.gradient-from-orange-700 {
+.from-orange-700 {
   --gradient-from-color: #c05621 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
 }
 
-.gradient-from-orange-800 {
+.from-orange-800 {
   --gradient-from-color: #9c4221 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
 }
 
-.gradient-from-orange-900 {
+.from-orange-900 {
   --gradient-from-color: #7b341e !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
 }
 
-.gradient-from-yellow-100 {
+.from-yellow-100 {
   --gradient-from-color: #fffff0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
 }
 
-.gradient-from-yellow-200 {
+.from-yellow-200 {
   --gradient-from-color: #fefcbf !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
 }
 
-.gradient-from-yellow-300 {
+.from-yellow-300 {
   --gradient-from-color: #faf089 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
 }
 
-.gradient-from-yellow-400 {
+.from-yellow-400 {
   --gradient-from-color: #f6e05e !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
 }
 
-.gradient-from-yellow-500 {
+.from-yellow-500 {
   --gradient-from-color: #ecc94b !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
 }
 
-.gradient-from-yellow-600 {
+.from-yellow-600 {
   --gradient-from-color: #d69e2e !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
 }
 
-.gradient-from-yellow-700 {
+.from-yellow-700 {
   --gradient-from-color: #b7791f !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
 }
 
-.gradient-from-yellow-800 {
+.from-yellow-800 {
   --gradient-from-color: #975a16 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
 }
 
-.gradient-from-yellow-900 {
+.from-yellow-900 {
   --gradient-from-color: #744210 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
 }
 
-.gradient-from-green-100 {
+.from-green-100 {
   --gradient-from-color: #f0fff4 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
 }
 
-.gradient-from-green-200 {
+.from-green-200 {
   --gradient-from-color: #c6f6d5 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
 }
 
-.gradient-from-green-300 {
+.from-green-300 {
   --gradient-from-color: #9ae6b4 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
 }
 
-.gradient-from-green-400 {
+.from-green-400 {
   --gradient-from-color: #68d391 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
 }
 
-.gradient-from-green-500 {
+.from-green-500 {
   --gradient-from-color: #48bb78 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
 }
 
-.gradient-from-green-600 {
+.from-green-600 {
   --gradient-from-color: #38a169 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
 }
 
-.gradient-from-green-700 {
+.from-green-700 {
   --gradient-from-color: #2f855a !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
 }
 
-.gradient-from-green-800 {
+.from-green-800 {
   --gradient-from-color: #276749 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
 }
 
-.gradient-from-green-900 {
+.from-green-900 {
   --gradient-from-color: #22543d !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
 }
 
-.gradient-from-teal-100 {
+.from-teal-100 {
   --gradient-from-color: #e6fffa !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
 }
 
-.gradient-from-teal-200 {
+.from-teal-200 {
   --gradient-from-color: #b2f5ea !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
 }
 
-.gradient-from-teal-300 {
+.from-teal-300 {
   --gradient-from-color: #81e6d9 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
 }
 
-.gradient-from-teal-400 {
+.from-teal-400 {
   --gradient-from-color: #4fd1c5 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
 }
 
-.gradient-from-teal-500 {
+.from-teal-500 {
   --gradient-from-color: #38b2ac !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
 }
 
-.gradient-from-teal-600 {
+.from-teal-600 {
   --gradient-from-color: #319795 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
 }
 
-.gradient-from-teal-700 {
+.from-teal-700 {
   --gradient-from-color: #2c7a7b !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
 }
 
-.gradient-from-teal-800 {
+.from-teal-800 {
   --gradient-from-color: #285e61 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
 }
 
-.gradient-from-teal-900 {
+.from-teal-900 {
   --gradient-from-color: #234e52 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
 }
 
-.gradient-from-blue-100 {
+.from-blue-100 {
   --gradient-from-color: #ebf8ff !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
 }
 
-.gradient-from-blue-200 {
+.from-blue-200 {
   --gradient-from-color: #bee3f8 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
 }
 
-.gradient-from-blue-300 {
+.from-blue-300 {
   --gradient-from-color: #90cdf4 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
 }
 
-.gradient-from-blue-400 {
+.from-blue-400 {
   --gradient-from-color: #63b3ed !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
 }
 
-.gradient-from-blue-500 {
+.from-blue-500 {
   --gradient-from-color: #4299e1 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
 }
 
-.gradient-from-blue-600 {
+.from-blue-600 {
   --gradient-from-color: #3182ce !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
 }
 
-.gradient-from-blue-700 {
+.from-blue-700 {
   --gradient-from-color: #2b6cb0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
 }
 
-.gradient-from-blue-800 {
+.from-blue-800 {
   --gradient-from-color: #2c5282 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
 }
 
-.gradient-from-blue-900 {
+.from-blue-900 {
   --gradient-from-color: #2a4365 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
 }
 
-.gradient-from-indigo-100 {
+.from-indigo-100 {
   --gradient-from-color: #ebf4ff !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
 }
 
-.gradient-from-indigo-200 {
+.from-indigo-200 {
   --gradient-from-color: #c3dafe !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
 }
 
-.gradient-from-indigo-300 {
+.from-indigo-300 {
   --gradient-from-color: #a3bffa !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
 }
 
-.gradient-from-indigo-400 {
+.from-indigo-400 {
   --gradient-from-color: #7f9cf5 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
 }
 
-.gradient-from-indigo-500 {
+.from-indigo-500 {
   --gradient-from-color: #667eea !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
 }
 
-.gradient-from-indigo-600 {
+.from-indigo-600 {
   --gradient-from-color: #5a67d8 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
 }
 
-.gradient-from-indigo-700 {
+.from-indigo-700 {
   --gradient-from-color: #4c51bf !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
 }
 
-.gradient-from-indigo-800 {
+.from-indigo-800 {
   --gradient-from-color: #434190 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
 }
 
-.gradient-from-indigo-900 {
+.from-indigo-900 {
   --gradient-from-color: #3c366b !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
 }
 
-.gradient-from-purple-100 {
+.from-purple-100 {
   --gradient-from-color: #faf5ff !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
 }
 
-.gradient-from-purple-200 {
+.from-purple-200 {
   --gradient-from-color: #e9d8fd !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
 }
 
-.gradient-from-purple-300 {
+.from-purple-300 {
   --gradient-from-color: #d6bcfa !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
 }
 
-.gradient-from-purple-400 {
+.from-purple-400 {
   --gradient-from-color: #b794f4 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
 }
 
-.gradient-from-purple-500 {
+.from-purple-500 {
   --gradient-from-color: #9f7aea !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
 }
 
-.gradient-from-purple-600 {
+.from-purple-600 {
   --gradient-from-color: #805ad5 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
 }
 
-.gradient-from-purple-700 {
+.from-purple-700 {
   --gradient-from-color: #6b46c1 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
 }
 
-.gradient-from-purple-800 {
+.from-purple-800 {
   --gradient-from-color: #553c9a !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
 }
 
-.gradient-from-purple-900 {
+.from-purple-900 {
   --gradient-from-color: #44337a !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
 }
 
-.gradient-from-pink-100 {
+.from-pink-100 {
   --gradient-from-color: #fff5f7 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
 }
 
-.gradient-from-pink-200 {
+.from-pink-200 {
   --gradient-from-color: #fed7e2 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
 }
 
-.gradient-from-pink-300 {
+.from-pink-300 {
   --gradient-from-color: #fbb6ce !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
 }
 
-.gradient-from-pink-400 {
+.from-pink-400 {
   --gradient-from-color: #f687b3 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
 }
 
-.gradient-from-pink-500 {
+.from-pink-500 {
   --gradient-from-color: #ed64a6 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
 }
 
-.gradient-from-pink-600 {
+.from-pink-600 {
   --gradient-from-color: #d53f8c !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
 }
 
-.gradient-from-pink-700 {
+.from-pink-700 {
   --gradient-from-color: #b83280 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
 }
 
-.gradient-from-pink-800 {
+.from-pink-800 {
   --gradient-from-color: #97266d !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
 }
 
-.gradient-from-pink-900 {
+.from-pink-900 {
   --gradient-from-color: #702459 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !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 {
+.mid-transparent {
   --gradient-mid-color: transparent !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.gradient-mid-current {
+.mid-current {
   --gradient-mid-color: currentColor !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.gradient-mid-black {
+.mid-black {
   --gradient-mid-color: #000 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.gradient-mid-white {
+.mid-white {
   --gradient-mid-color: #fff !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.gradient-mid-gray-100 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
 }
 
-.gradient-mid-gray-200 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
 }
 
-.gradient-mid-gray-300 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
 }
 
-.gradient-mid-gray-400 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
 }
 
-.gradient-mid-gray-500 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
 }
 
-.gradient-mid-gray-600 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
 }
 
-.gradient-mid-gray-700 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
 }
 
-.gradient-mid-gray-800 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
 }
 
-.gradient-mid-gray-900 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
 }
 
-.gradient-mid-red-100 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
 }
 
-.gradient-mid-red-200 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
 }
 
-.gradient-mid-red-300 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
 }
 
-.gradient-mid-red-400 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
 }
 
-.gradient-mid-red-500 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
 }
 
-.gradient-mid-red-600 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
 }
 
-.gradient-mid-red-700 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
 }
 
-.gradient-mid-red-800 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
 }
 
-.gradient-mid-red-900 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
 }
 
-.gradient-mid-orange-100 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
 }
 
-.gradient-mid-orange-200 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
 }
 
-.gradient-mid-orange-300 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
 }
 
-.gradient-mid-orange-400 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
 }
 
-.gradient-mid-orange-500 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
 }
 
-.gradient-mid-orange-600 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
 }
 
-.gradient-mid-orange-700 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
 }
 
-.gradient-mid-orange-800 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
 }
 
-.gradient-mid-orange-900 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
 }
 
-.gradient-mid-yellow-100 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
 }
 
-.gradient-mid-yellow-200 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
 }
 
-.gradient-mid-yellow-300 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
 }
 
-.gradient-mid-yellow-400 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
 }
 
-.gradient-mid-yellow-500 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
 }
 
-.gradient-mid-yellow-600 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
 }
 
-.gradient-mid-yellow-700 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
 }
 
-.gradient-mid-yellow-800 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
 }
 
-.gradient-mid-yellow-900 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
 }
 
-.gradient-mid-green-100 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
 }
 
-.gradient-mid-green-200 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
 }
 
-.gradient-mid-green-300 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
 }
 
-.gradient-mid-green-400 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
 }
 
-.gradient-mid-green-500 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
 }
 
-.gradient-mid-green-600 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
 }
 
-.gradient-mid-green-700 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
 }
 
-.gradient-mid-green-800 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
 }
 
-.gradient-mid-green-900 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
 }
 
-.gradient-mid-teal-100 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
 }
 
-.gradient-mid-teal-200 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
 }
 
-.gradient-mid-teal-300 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
 }
 
-.gradient-mid-teal-400 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
 }
 
-.gradient-mid-teal-500 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
 }
 
-.gradient-mid-teal-600 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
 }
 
-.gradient-mid-teal-700 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
 }
 
-.gradient-mid-teal-800 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
 }
 
-.gradient-mid-teal-900 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
 }
 
-.gradient-mid-blue-100 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
 }
 
-.gradient-mid-blue-200 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
 }
 
-.gradient-mid-blue-300 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
 }
 
-.gradient-mid-blue-400 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
 }
 
-.gradient-mid-blue-500 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
 }
 
-.gradient-mid-blue-600 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
 }
 
-.gradient-mid-blue-700 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
 }
 
-.gradient-mid-blue-800 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
 }
 
-.gradient-mid-blue-900 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
 }
 
-.gradient-mid-indigo-100 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
 }
 
-.gradient-mid-indigo-200 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
 }
 
-.gradient-mid-indigo-300 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
 }
 
-.gradient-mid-indigo-400 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
 }
 
-.gradient-mid-indigo-500 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
 }
 
-.gradient-mid-indigo-600 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
 }
 
-.gradient-mid-indigo-700 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
 }
 
-.gradient-mid-indigo-800 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
 }
 
-.gradient-mid-indigo-900 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
 }
 
-.gradient-mid-purple-100 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
 }
 
-.gradient-mid-purple-200 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
 }
 
-.gradient-mid-purple-300 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
 }
 
-.gradient-mid-purple-400 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
 }
 
-.gradient-mid-purple-500 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
 }
 
-.gradient-mid-purple-600 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
 }
 
-.gradient-mid-purple-700 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
 }
 
-.gradient-mid-purple-800 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
 }
 
-.gradient-mid-purple-900 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
 }
 
-.gradient-mid-pink-100 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
 }
 
-.gradient-mid-pink-200 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
 }
 
-.gradient-mid-pink-300 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
 }
 
-.gradient-mid-pink-400 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
 }
 
-.gradient-mid-pink-500 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
 }
 
-.gradient-mid-pink-600 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
 }
 
-.gradient-mid-pink-700 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
 }
 
-.gradient-mid-pink-800 {
+.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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
 }
 
-.gradient-mid-pink-900 {
+.mid-pink-900 {
   --gradient-mid-color: #702459 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
 }
 
-.hover\:gradient-from-transparent:hover {
+.to-transparent {
+  --gradient-to-color: transparent !important;
+}
+
+.to-current {
+  --gradient-to-color: currentColor !important;
+}
+
+.to-black {
+  --gradient-to-color: #000 !important;
+}
+
+.to-white {
+  --gradient-to-color: #fff !important;
+}
+
+.to-gray-100 {
+  --gradient-to-color: #f7fafc !important;
+}
+
+.to-gray-200 {
+  --gradient-to-color: #edf2f7 !important;
+}
+
+.to-gray-300 {
+  --gradient-to-color: #e2e8f0 !important;
+}
+
+.to-gray-400 {
+  --gradient-to-color: #cbd5e0 !important;
+}
+
+.to-gray-500 {
+  --gradient-to-color: #a0aec0 !important;
+}
+
+.to-gray-600 {
+  --gradient-to-color: #718096 !important;
+}
+
+.to-gray-700 {
+  --gradient-to-color: #4a5568 !important;
+}
+
+.to-gray-800 {
+  --gradient-to-color: #2d3748 !important;
+}
+
+.to-gray-900 {
+  --gradient-to-color: #1a202c !important;
+}
+
+.to-red-100 {
+  --gradient-to-color: #fff5f5 !important;
+}
+
+.to-red-200 {
+  --gradient-to-color: #fed7d7 !important;
+}
+
+.to-red-300 {
+  --gradient-to-color: #feb2b2 !important;
+}
+
+.to-red-400 {
+  --gradient-to-color: #fc8181 !important;
+}
+
+.to-red-500 {
+  --gradient-to-color: #f56565 !important;
+}
+
+.to-red-600 {
+  --gradient-to-color: #e53e3e !important;
+}
+
+.to-red-700 {
+  --gradient-to-color: #c53030 !important;
+}
+
+.to-red-800 {
+  --gradient-to-color: #9b2c2c !important;
+}
+
+.to-red-900 {
+  --gradient-to-color: #742a2a !important;
+}
+
+.to-orange-100 {
+  --gradient-to-color: #fffaf0 !important;
+}
+
+.to-orange-200 {
+  --gradient-to-color: #feebc8 !important;
+}
+
+.to-orange-300 {
+  --gradient-to-color: #fbd38d !important;
+}
+
+.to-orange-400 {
+  --gradient-to-color: #f6ad55 !important;
+}
+
+.to-orange-500 {
+  --gradient-to-color: #ed8936 !important;
+}
+
+.to-orange-600 {
+  --gradient-to-color: #dd6b20 !important;
+}
+
+.to-orange-700 {
+  --gradient-to-color: #c05621 !important;
+}
+
+.to-orange-800 {
+  --gradient-to-color: #9c4221 !important;
+}
+
+.to-orange-900 {
+  --gradient-to-color: #7b341e !important;
+}
+
+.to-yellow-100 {
+  --gradient-to-color: #fffff0 !important;
+}
+
+.to-yellow-200 {
+  --gradient-to-color: #fefcbf !important;
+}
+
+.to-yellow-300 {
+  --gradient-to-color: #faf089 !important;
+}
+
+.to-yellow-400 {
+  --gradient-to-color: #f6e05e !important;
+}
+
+.to-yellow-500 {
+  --gradient-to-color: #ecc94b !important;
+}
+
+.to-yellow-600 {
+  --gradient-to-color: #d69e2e !important;
+}
+
+.to-yellow-700 {
+  --gradient-to-color: #b7791f !important;
+}
+
+.to-yellow-800 {
+  --gradient-to-color: #975a16 !important;
+}
+
+.to-yellow-900 {
+  --gradient-to-color: #744210 !important;
+}
+
+.to-green-100 {
+  --gradient-to-color: #f0fff4 !important;
+}
+
+.to-green-200 {
+  --gradient-to-color: #c6f6d5 !important;
+}
+
+.to-green-300 {
+  --gradient-to-color: #9ae6b4 !important;
+}
+
+.to-green-400 {
+  --gradient-to-color: #68d391 !important;
+}
+
+.to-green-500 {
+  --gradient-to-color: #48bb78 !important;
+}
+
+.to-green-600 {
+  --gradient-to-color: #38a169 !important;
+}
+
+.to-green-700 {
+  --gradient-to-color: #2f855a !important;
+}
+
+.to-green-800 {
+  --gradient-to-color: #276749 !important;
+}
+
+.to-green-900 {
+  --gradient-to-color: #22543d !important;
+}
+
+.to-teal-100 {
+  --gradient-to-color: #e6fffa !important;
+}
+
+.to-teal-200 {
+  --gradient-to-color: #b2f5ea !important;
+}
+
+.to-teal-300 {
+  --gradient-to-color: #81e6d9 !important;
+}
+
+.to-teal-400 {
+  --gradient-to-color: #4fd1c5 !important;
+}
+
+.to-teal-500 {
+  --gradient-to-color: #38b2ac !important;
+}
+
+.to-teal-600 {
+  --gradient-to-color: #319795 !important;
+}
+
+.to-teal-700 {
+  --gradient-to-color: #2c7a7b !important;
+}
+
+.to-teal-800 {
+  --gradient-to-color: #285e61 !important;
+}
+
+.to-teal-900 {
+  --gradient-to-color: #234e52 !important;
+}
+
+.to-blue-100 {
+  --gradient-to-color: #ebf8ff !important;
+}
+
+.to-blue-200 {
+  --gradient-to-color: #bee3f8 !important;
+}
+
+.to-blue-300 {
+  --gradient-to-color: #90cdf4 !important;
+}
+
+.to-blue-400 {
+  --gradient-to-color: #63b3ed !important;
+}
+
+.to-blue-500 {
+  --gradient-to-color: #4299e1 !important;
+}
+
+.to-blue-600 {
+  --gradient-to-color: #3182ce !important;
+}
+
+.to-blue-700 {
+  --gradient-to-color: #2b6cb0 !important;
+}
+
+.to-blue-800 {
+  --gradient-to-color: #2c5282 !important;
+}
+
+.to-blue-900 {
+  --gradient-to-color: #2a4365 !important;
+}
+
+.to-indigo-100 {
+  --gradient-to-color: #ebf4ff !important;
+}
+
+.to-indigo-200 {
+  --gradient-to-color: #c3dafe !important;
+}
+
+.to-indigo-300 {
+  --gradient-to-color: #a3bffa !important;
+}
+
+.to-indigo-400 {
+  --gradient-to-color: #7f9cf5 !important;
+}
+
+.to-indigo-500 {
+  --gradient-to-color: #667eea !important;
+}
+
+.to-indigo-600 {
+  --gradient-to-color: #5a67d8 !important;
+}
+
+.to-indigo-700 {
+  --gradient-to-color: #4c51bf !important;
+}
+
+.to-indigo-800 {
+  --gradient-to-color: #434190 !important;
+}
+
+.to-indigo-900 {
+  --gradient-to-color: #3c366b !important;
+}
+
+.to-purple-100 {
+  --gradient-to-color: #faf5ff !important;
+}
+
+.to-purple-200 {
+  --gradient-to-color: #e9d8fd !important;
+}
+
+.to-purple-300 {
+  --gradient-to-color: #d6bcfa !important;
+}
+
+.to-purple-400 {
+  --gradient-to-color: #b794f4 !important;
+}
+
+.to-purple-500 {
+  --gradient-to-color: #9f7aea !important;
+}
+
+.to-purple-600 {
+  --gradient-to-color: #805ad5 !important;
+}
+
+.to-purple-700 {
+  --gradient-to-color: #6b46c1 !important;
+}
+
+.to-purple-800 {
+  --gradient-to-color: #553c9a !important;
+}
+
+.to-purple-900 {
+  --gradient-to-color: #44337a !important;
+}
+
+.to-pink-100 {
+  --gradient-to-color: #fff5f7 !important;
+}
+
+.to-pink-200 {
+  --gradient-to-color: #fed7e2 !important;
+}
+
+.to-pink-300 {
+  --gradient-to-color: #fbb6ce !important;
+}
+
+.to-pink-400 {
+  --gradient-to-color: #f687b3 !important;
+}
+
+.to-pink-500 {
+  --gradient-to-color: #ed64a6 !important;
+}
+
+.to-pink-600 {
+  --gradient-to-color: #d53f8c !important;
+}
+
+.to-pink-700 {
+  --gradient-to-color: #b83280 !important;
+}
+
+.to-pink-800 {
+  --gradient-to-color: #97266d !important;
+}
+
+.to-pink-900 {
+  --gradient-to-color: #702459 !important;
+}
+
+.hover\:from-transparent:hover {
   --gradient-from-color: transparent !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.hover\:gradient-from-current:hover {
+.hover\:from-current:hover {
   --gradient-from-color: currentColor !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.hover\:gradient-from-black:hover {
+.hover\:from-black:hover {
   --gradient-from-color: #000 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.hover\:gradient-from-white:hover {
+.hover\:from-white:hover {
   --gradient-from-color: #fff !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.hover\:gradient-from-gray-100:hover {
+.hover\:from-gray-100:hover {
   --gradient-from-color: #f7fafc !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
 }
 
-.hover\:gradient-from-gray-200:hover {
+.hover\:from-gray-200:hover {
   --gradient-from-color: #edf2f7 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
 }
 
-.hover\:gradient-from-gray-300:hover {
+.hover\:from-gray-300:hover {
   --gradient-from-color: #e2e8f0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
 }
 
-.hover\:gradient-from-gray-400:hover {
+.hover\:from-gray-400:hover {
   --gradient-from-color: #cbd5e0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
 }
 
-.hover\:gradient-from-gray-500:hover {
+.hover\:from-gray-500:hover {
   --gradient-from-color: #a0aec0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
 }
 
-.hover\:gradient-from-gray-600:hover {
+.hover\:from-gray-600:hover {
   --gradient-from-color: #718096 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
 }
 
-.hover\:gradient-from-gray-700:hover {
+.hover\:from-gray-700:hover {
   --gradient-from-color: #4a5568 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
 }
 
-.hover\:gradient-from-gray-800:hover {
+.hover\:from-gray-800:hover {
   --gradient-from-color: #2d3748 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
 }
 
-.hover\:gradient-from-gray-900:hover {
+.hover\:from-gray-900:hover {
   --gradient-from-color: #1a202c !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
 }
 
-.hover\:gradient-from-red-100:hover {
+.hover\:from-red-100:hover {
   --gradient-from-color: #fff5f5 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
 }
 
-.hover\:gradient-from-red-200:hover {
+.hover\:from-red-200:hover {
   --gradient-from-color: #fed7d7 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
 }
 
-.hover\:gradient-from-red-300:hover {
+.hover\:from-red-300:hover {
   --gradient-from-color: #feb2b2 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
 }
 
-.hover\:gradient-from-red-400:hover {
+.hover\:from-red-400:hover {
   --gradient-from-color: #fc8181 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
 }
 
-.hover\:gradient-from-red-500:hover {
+.hover\:from-red-500:hover {
   --gradient-from-color: #f56565 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
 }
 
-.hover\:gradient-from-red-600:hover {
+.hover\:from-red-600:hover {
   --gradient-from-color: #e53e3e !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
 }
 
-.hover\:gradient-from-red-700:hover {
+.hover\:from-red-700:hover {
   --gradient-from-color: #c53030 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
 }
 
-.hover\:gradient-from-red-800:hover {
+.hover\:from-red-800:hover {
   --gradient-from-color: #9b2c2c !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
 }
 
-.hover\:gradient-from-red-900:hover {
+.hover\:from-red-900:hover {
   --gradient-from-color: #742a2a !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
 }
 
-.hover\:gradient-from-orange-100:hover {
+.hover\:from-orange-100:hover {
   --gradient-from-color: #fffaf0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
 }
 
-.hover\:gradient-from-orange-200:hover {
+.hover\:from-orange-200:hover {
   --gradient-from-color: #feebc8 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
 }
 
-.hover\:gradient-from-orange-300:hover {
+.hover\:from-orange-300:hover {
   --gradient-from-color: #fbd38d !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
 }
 
-.hover\:gradient-from-orange-400:hover {
+.hover\:from-orange-400:hover {
   --gradient-from-color: #f6ad55 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
 }
 
-.hover\:gradient-from-orange-500:hover {
+.hover\:from-orange-500:hover {
   --gradient-from-color: #ed8936 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
 }
 
-.hover\:gradient-from-orange-600:hover {
+.hover\:from-orange-600:hover {
   --gradient-from-color: #dd6b20 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
 }
 
-.hover\:gradient-from-orange-700:hover {
+.hover\:from-orange-700:hover {
   --gradient-from-color: #c05621 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
 }
 
-.hover\:gradient-from-orange-800:hover {
+.hover\:from-orange-800:hover {
   --gradient-from-color: #9c4221 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
 }
 
-.hover\:gradient-from-orange-900:hover {
+.hover\:from-orange-900:hover {
   --gradient-from-color: #7b341e !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
 }
 
-.hover\:gradient-from-yellow-100:hover {
+.hover\:from-yellow-100:hover {
   --gradient-from-color: #fffff0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
 }
 
-.hover\:gradient-from-yellow-200:hover {
+.hover\:from-yellow-200:hover {
   --gradient-from-color: #fefcbf !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
 }
 
-.hover\:gradient-from-yellow-300:hover {
+.hover\:from-yellow-300:hover {
   --gradient-from-color: #faf089 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
 }
 
-.hover\:gradient-from-yellow-400:hover {
+.hover\:from-yellow-400:hover {
   --gradient-from-color: #f6e05e !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
 }
 
-.hover\:gradient-from-yellow-500:hover {
+.hover\:from-yellow-500:hover {
   --gradient-from-color: #ecc94b !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
 }
 
-.hover\:gradient-from-yellow-600:hover {
+.hover\:from-yellow-600:hover {
   --gradient-from-color: #d69e2e !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
 }
 
-.hover\:gradient-from-yellow-700:hover {
+.hover\:from-yellow-700:hover {
   --gradient-from-color: #b7791f !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
 }
 
-.hover\:gradient-from-yellow-800:hover {
+.hover\:from-yellow-800:hover {
   --gradient-from-color: #975a16 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
 }
 
-.hover\:gradient-from-yellow-900:hover {
+.hover\:from-yellow-900:hover {
   --gradient-from-color: #744210 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
 }
 
-.hover\:gradient-from-green-100:hover {
+.hover\:from-green-100:hover {
   --gradient-from-color: #f0fff4 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
 }
 
-.hover\:gradient-from-green-200:hover {
+.hover\:from-green-200:hover {
   --gradient-from-color: #c6f6d5 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
 }
 
-.hover\:gradient-from-green-300:hover {
+.hover\:from-green-300:hover {
   --gradient-from-color: #9ae6b4 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
 }
 
-.hover\:gradient-from-green-400:hover {
+.hover\:from-green-400:hover {
   --gradient-from-color: #68d391 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
 }
 
-.hover\:gradient-from-green-500:hover {
+.hover\:from-green-500:hover {
   --gradient-from-color: #48bb78 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
 }
 
-.hover\:gradient-from-green-600:hover {
+.hover\:from-green-600:hover {
   --gradient-from-color: #38a169 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
 }
 
-.hover\:gradient-from-green-700:hover {
+.hover\:from-green-700:hover {
   --gradient-from-color: #2f855a !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
 }
 
-.hover\:gradient-from-green-800:hover {
+.hover\:from-green-800:hover {
   --gradient-from-color: #276749 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
 }
 
-.hover\:gradient-from-green-900:hover {
+.hover\:from-green-900:hover {
   --gradient-from-color: #22543d !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
 }
 
-.hover\:gradient-from-teal-100:hover {
+.hover\:from-teal-100:hover {
   --gradient-from-color: #e6fffa !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
 }
 
-.hover\:gradient-from-teal-200:hover {
+.hover\:from-teal-200:hover {
   --gradient-from-color: #b2f5ea !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
 }
 
-.hover\:gradient-from-teal-300:hover {
+.hover\:from-teal-300:hover {
   --gradient-from-color: #81e6d9 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
 }
 
-.hover\:gradient-from-teal-400:hover {
+.hover\:from-teal-400:hover {
   --gradient-from-color: #4fd1c5 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
 }
 
-.hover\:gradient-from-teal-500:hover {
+.hover\:from-teal-500:hover {
   --gradient-from-color: #38b2ac !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
 }
 
-.hover\:gradient-from-teal-600:hover {
+.hover\:from-teal-600:hover {
   --gradient-from-color: #319795 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
 }
 
-.hover\:gradient-from-teal-700:hover {
+.hover\:from-teal-700:hover {
   --gradient-from-color: #2c7a7b !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
 }
 
-.hover\:gradient-from-teal-800:hover {
+.hover\:from-teal-800:hover {
   --gradient-from-color: #285e61 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
 }
 
-.hover\:gradient-from-teal-900:hover {
+.hover\:from-teal-900:hover {
   --gradient-from-color: #234e52 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
 }
 
-.hover\:gradient-from-blue-100:hover {
+.hover\:from-blue-100:hover {
   --gradient-from-color: #ebf8ff !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
 }
 
-.hover\:gradient-from-blue-200:hover {
+.hover\:from-blue-200:hover {
   --gradient-from-color: #bee3f8 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
 }
 
-.hover\:gradient-from-blue-300:hover {
+.hover\:from-blue-300:hover {
   --gradient-from-color: #90cdf4 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
 }
 
-.hover\:gradient-from-blue-400:hover {
+.hover\:from-blue-400:hover {
   --gradient-from-color: #63b3ed !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
 }
 
-.hover\:gradient-from-blue-500:hover {
+.hover\:from-blue-500:hover {
   --gradient-from-color: #4299e1 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
 }
 
-.hover\:gradient-from-blue-600:hover {
+.hover\:from-blue-600:hover {
   --gradient-from-color: #3182ce !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
 }
 
-.hover\:gradient-from-blue-700:hover {
+.hover\:from-blue-700:hover {
   --gradient-from-color: #2b6cb0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
 }
 
-.hover\:gradient-from-blue-800:hover {
+.hover\:from-blue-800:hover {
   --gradient-from-color: #2c5282 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
 }
 
-.hover\:gradient-from-blue-900:hover {
+.hover\:from-blue-900:hover {
   --gradient-from-color: #2a4365 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
 }
 
-.hover\:gradient-from-indigo-100:hover {
+.hover\:from-indigo-100:hover {
   --gradient-from-color: #ebf4ff !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
 }
 
-.hover\:gradient-from-indigo-200:hover {
+.hover\:from-indigo-200:hover {
   --gradient-from-color: #c3dafe !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
 }
 
-.hover\:gradient-from-indigo-300:hover {
+.hover\:from-indigo-300:hover {
   --gradient-from-color: #a3bffa !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
 }
 
-.hover\:gradient-from-indigo-400:hover {
+.hover\:from-indigo-400:hover {
   --gradient-from-color: #7f9cf5 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
 }
 
-.hover\:gradient-from-indigo-500:hover {
+.hover\:from-indigo-500:hover {
   --gradient-from-color: #667eea !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
 }
 
-.hover\:gradient-from-indigo-600:hover {
+.hover\:from-indigo-600:hover {
   --gradient-from-color: #5a67d8 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
 }
 
-.hover\:gradient-from-indigo-700:hover {
+.hover\:from-indigo-700:hover {
   --gradient-from-color: #4c51bf !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
 }
 
-.hover\:gradient-from-indigo-800:hover {
+.hover\:from-indigo-800:hover {
   --gradient-from-color: #434190 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
 }
 
-.hover\:gradient-from-indigo-900:hover {
+.hover\:from-indigo-900:hover {
   --gradient-from-color: #3c366b !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
 }
 
-.hover\:gradient-from-purple-100:hover {
+.hover\:from-purple-100:hover {
   --gradient-from-color: #faf5ff !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
 }
 
-.hover\:gradient-from-purple-200:hover {
+.hover\:from-purple-200:hover {
   --gradient-from-color: #e9d8fd !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
 }
 
-.hover\:gradient-from-purple-300:hover {
+.hover\:from-purple-300:hover {
   --gradient-from-color: #d6bcfa !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
 }
 
-.hover\:gradient-from-purple-400:hover {
+.hover\:from-purple-400:hover {
   --gradient-from-color: #b794f4 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
 }
 
-.hover\:gradient-from-purple-500:hover {
+.hover\:from-purple-500:hover {
   --gradient-from-color: #9f7aea !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
 }
 
-.hover\:gradient-from-purple-600:hover {
+.hover\:from-purple-600:hover {
   --gradient-from-color: #805ad5 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
 }
 
-.hover\:gradient-from-purple-700:hover {
+.hover\:from-purple-700:hover {
   --gradient-from-color: #6b46c1 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
 }
 
-.hover\:gradient-from-purple-800:hover {
+.hover\:from-purple-800:hover {
   --gradient-from-color: #553c9a !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
 }
 
-.hover\:gradient-from-purple-900:hover {
+.hover\:from-purple-900:hover {
   --gradient-from-color: #44337a !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
 }
 
-.hover\:gradient-from-pink-100:hover {
+.hover\:from-pink-100:hover {
   --gradient-from-color: #fff5f7 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
 }
 
-.hover\:gradient-from-pink-200:hover {
+.hover\:from-pink-200:hover {
   --gradient-from-color: #fed7e2 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
 }
 
-.hover\:gradient-from-pink-300:hover {
+.hover\:from-pink-300:hover {
   --gradient-from-color: #fbb6ce !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
 }
 
-.hover\:gradient-from-pink-400:hover {
+.hover\:from-pink-400:hover {
   --gradient-from-color: #f687b3 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
 }
 
-.hover\:gradient-from-pink-500:hover {
+.hover\:from-pink-500:hover {
   --gradient-from-color: #ed64a6 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
 }
 
-.hover\:gradient-from-pink-600:hover {
+.hover\:from-pink-600:hover {
   --gradient-from-color: #d53f8c !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
 }
 
-.hover\:gradient-from-pink-700:hover {
+.hover\:from-pink-700:hover {
   --gradient-from-color: #b83280 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
 }
 
-.hover\:gradient-from-pink-800:hover {
+.hover\:from-pink-800:hover {
   --gradient-from-color: #97266d !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
 }
 
-.hover\:gradient-from-pink-900:hover {
+.hover\:from-pink-900:hover {
   --gradient-from-color: #702459 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !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 {
+.hover\:mid-transparent:hover {
   --gradient-mid-color: transparent !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.hover\:gradient-mid-current:hover {
+.hover\:mid-current:hover {
   --gradient-mid-color: currentColor !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.hover\:gradient-mid-black:hover {
+.hover\:mid-black:hover {
   --gradient-mid-color: #000 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.hover\:gradient-mid-white:hover {
+.hover\:mid-white:hover {
   --gradient-mid-color: #fff !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.hover\:gradient-mid-gray-100:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
 }
 
-.hover\:gradient-mid-gray-200:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
 }
 
-.hover\:gradient-mid-gray-300:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
 }
 
-.hover\:gradient-mid-gray-400:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
 }
 
-.hover\:gradient-mid-gray-500:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
 }
 
-.hover\:gradient-mid-gray-600:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
 }
 
-.hover\:gradient-mid-gray-700:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
 }
 
-.hover\:gradient-mid-gray-800:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
 }
 
-.hover\:gradient-mid-gray-900:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
 }
 
-.hover\:gradient-mid-red-100:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
 }
 
-.hover\:gradient-mid-red-200:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
 }
 
-.hover\:gradient-mid-red-300:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
 }
 
-.hover\:gradient-mid-red-400:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
 }
 
-.hover\:gradient-mid-red-500:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
 }
 
-.hover\:gradient-mid-red-600:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
 }
 
-.hover\:gradient-mid-red-700:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
 }
 
-.hover\:gradient-mid-red-800:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
 }
 
-.hover\:gradient-mid-red-900:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
 }
 
-.hover\:gradient-mid-orange-100:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
 }
 
-.hover\:gradient-mid-orange-200:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
 }
 
-.hover\:gradient-mid-orange-300:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
 }
 
-.hover\:gradient-mid-orange-400:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
 }
 
-.hover\:gradient-mid-orange-500:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
 }
 
-.hover\:gradient-mid-orange-600:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
 }
 
-.hover\:gradient-mid-orange-700:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
 }
 
-.hover\:gradient-mid-orange-800:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
 }
 
-.hover\:gradient-mid-orange-900:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
 }
 
-.hover\:gradient-mid-yellow-100:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
 }
 
-.hover\:gradient-mid-yellow-200:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
 }
 
-.hover\:gradient-mid-yellow-300:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
 }
 
-.hover\:gradient-mid-yellow-400:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
 }
 
-.hover\:gradient-mid-yellow-500:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
 }
 
-.hover\:gradient-mid-yellow-600:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
 }
 
-.hover\:gradient-mid-yellow-700:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
 }
 
-.hover\:gradient-mid-yellow-800:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
 }
 
-.hover\:gradient-mid-yellow-900:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
 }
 
-.hover\:gradient-mid-green-100:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
 }
 
-.hover\:gradient-mid-green-200:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
 }
 
-.hover\:gradient-mid-green-300:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
 }
 
-.hover\:gradient-mid-green-400:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
 }
 
-.hover\:gradient-mid-green-500:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
 }
 
-.hover\:gradient-mid-green-600:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
 }
 
-.hover\:gradient-mid-green-700:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
 }
 
-.hover\:gradient-mid-green-800:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
 }
 
-.hover\:gradient-mid-green-900:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
 }
 
-.hover\:gradient-mid-teal-100:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
 }
 
-.hover\:gradient-mid-teal-200:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
 }
 
-.hover\:gradient-mid-teal-300:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
 }
 
-.hover\:gradient-mid-teal-400:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
 }
 
-.hover\:gradient-mid-teal-500:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
 }
 
-.hover\:gradient-mid-teal-600:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
 }
 
-.hover\:gradient-mid-teal-700:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
 }
 
-.hover\:gradient-mid-teal-800:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
 }
 
-.hover\:gradient-mid-teal-900:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
 }
 
-.hover\:gradient-mid-blue-100:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
 }
 
-.hover\:gradient-mid-blue-200:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
 }
 
-.hover\:gradient-mid-blue-300:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
 }
 
-.hover\:gradient-mid-blue-400:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
 }
 
-.hover\:gradient-mid-blue-500:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
 }
 
-.hover\:gradient-mid-blue-600:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
 }
 
-.hover\:gradient-mid-blue-700:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
 }
 
-.hover\:gradient-mid-blue-800:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
 }
 
-.hover\:gradient-mid-blue-900:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
 }
 
-.hover\:gradient-mid-indigo-100:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
 }
 
-.hover\:gradient-mid-indigo-200:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
 }
 
-.hover\:gradient-mid-indigo-300:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
 }
 
-.hover\:gradient-mid-indigo-400:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
 }
 
-.hover\:gradient-mid-indigo-500:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
 }
 
-.hover\:gradient-mid-indigo-600:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
 }
 
-.hover\:gradient-mid-indigo-700:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
 }
 
-.hover\:gradient-mid-indigo-800:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
 }
 
-.hover\:gradient-mid-indigo-900:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
 }
 
-.hover\:gradient-mid-purple-100:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
 }
 
-.hover\:gradient-mid-purple-200:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
 }
 
-.hover\:gradient-mid-purple-300:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
 }
 
-.hover\:gradient-mid-purple-400:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
 }
 
-.hover\:gradient-mid-purple-500:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
 }
 
-.hover\:gradient-mid-purple-600:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
 }
 
-.hover\:gradient-mid-purple-700:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
 }
 
-.hover\:gradient-mid-purple-800:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
 }
 
-.hover\:gradient-mid-purple-900:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
 }
 
-.hover\:gradient-mid-pink-100:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
 }
 
-.hover\:gradient-mid-pink-200:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
 }
 
-.hover\:gradient-mid-pink-300:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
 }
 
-.hover\:gradient-mid-pink-400:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
 }
 
-.hover\:gradient-mid-pink-500:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
 }
 
-.hover\:gradient-mid-pink-600:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
 }
 
-.hover\:gradient-mid-pink-700:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
 }
 
-.hover\:gradient-mid-pink-800:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
 }
 
-.hover\:gradient-mid-pink-900:hover {
+.hover\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
 }
 
-.focus\:gradient-from-transparent:focus {
+.hover\:to-transparent:hover {
+  --gradient-to-color: transparent !important;
+}
+
+.hover\:to-current:hover {
+  --gradient-to-color: currentColor !important;
+}
+
+.hover\:to-black:hover {
+  --gradient-to-color: #000 !important;
+}
+
+.hover\:to-white:hover {
+  --gradient-to-color: #fff !important;
+}
+
+.hover\:to-gray-100:hover {
+  --gradient-to-color: #f7fafc !important;
+}
+
+.hover\:to-gray-200:hover {
+  --gradient-to-color: #edf2f7 !important;
+}
+
+.hover\:to-gray-300:hover {
+  --gradient-to-color: #e2e8f0 !important;
+}
+
+.hover\:to-gray-400:hover {
+  --gradient-to-color: #cbd5e0 !important;
+}
+
+.hover\:to-gray-500:hover {
+  --gradient-to-color: #a0aec0 !important;
+}
+
+.hover\:to-gray-600:hover {
+  --gradient-to-color: #718096 !important;
+}
+
+.hover\:to-gray-700:hover {
+  --gradient-to-color: #4a5568 !important;
+}
+
+.hover\:to-gray-800:hover {
+  --gradient-to-color: #2d3748 !important;
+}
+
+.hover\:to-gray-900:hover {
+  --gradient-to-color: #1a202c !important;
+}
+
+.hover\:to-red-100:hover {
+  --gradient-to-color: #fff5f5 !important;
+}
+
+.hover\:to-red-200:hover {
+  --gradient-to-color: #fed7d7 !important;
+}
+
+.hover\:to-red-300:hover {
+  --gradient-to-color: #feb2b2 !important;
+}
+
+.hover\:to-red-400:hover {
+  --gradient-to-color: #fc8181 !important;
+}
+
+.hover\:to-red-500:hover {
+  --gradient-to-color: #f56565 !important;
+}
+
+.hover\:to-red-600:hover {
+  --gradient-to-color: #e53e3e !important;
+}
+
+.hover\:to-red-700:hover {
+  --gradient-to-color: #c53030 !important;
+}
+
+.hover\:to-red-800:hover {
+  --gradient-to-color: #9b2c2c !important;
+}
+
+.hover\:to-red-900:hover {
+  --gradient-to-color: #742a2a !important;
+}
+
+.hover\:to-orange-100:hover {
+  --gradient-to-color: #fffaf0 !important;
+}
+
+.hover\:to-orange-200:hover {
+  --gradient-to-color: #feebc8 !important;
+}
+
+.hover\:to-orange-300:hover {
+  --gradient-to-color: #fbd38d !important;
+}
+
+.hover\:to-orange-400:hover {
+  --gradient-to-color: #f6ad55 !important;
+}
+
+.hover\:to-orange-500:hover {
+  --gradient-to-color: #ed8936 !important;
+}
+
+.hover\:to-orange-600:hover {
+  --gradient-to-color: #dd6b20 !important;
+}
+
+.hover\:to-orange-700:hover {
+  --gradient-to-color: #c05621 !important;
+}
+
+.hover\:to-orange-800:hover {
+  --gradient-to-color: #9c4221 !important;
+}
+
+.hover\:to-orange-900:hover {
+  --gradient-to-color: #7b341e !important;
+}
+
+.hover\:to-yellow-100:hover {
+  --gradient-to-color: #fffff0 !important;
+}
+
+.hover\:to-yellow-200:hover {
+  --gradient-to-color: #fefcbf !important;
+}
+
+.hover\:to-yellow-300:hover {
+  --gradient-to-color: #faf089 !important;
+}
+
+.hover\:to-yellow-400:hover {
+  --gradient-to-color: #f6e05e !important;
+}
+
+.hover\:to-yellow-500:hover {
+  --gradient-to-color: #ecc94b !important;
+}
+
+.hover\:to-yellow-600:hover {
+  --gradient-to-color: #d69e2e !important;
+}
+
+.hover\:to-yellow-700:hover {
+  --gradient-to-color: #b7791f !important;
+}
+
+.hover\:to-yellow-800:hover {
+  --gradient-to-color: #975a16 !important;
+}
+
+.hover\:to-yellow-900:hover {
+  --gradient-to-color: #744210 !important;
+}
+
+.hover\:to-green-100:hover {
+  --gradient-to-color: #f0fff4 !important;
+}
+
+.hover\:to-green-200:hover {
+  --gradient-to-color: #c6f6d5 !important;
+}
+
+.hover\:to-green-300:hover {
+  --gradient-to-color: #9ae6b4 !important;
+}
+
+.hover\:to-green-400:hover {
+  --gradient-to-color: #68d391 !important;
+}
+
+.hover\:to-green-500:hover {
+  --gradient-to-color: #48bb78 !important;
+}
+
+.hover\:to-green-600:hover {
+  --gradient-to-color: #38a169 !important;
+}
+
+.hover\:to-green-700:hover {
+  --gradient-to-color: #2f855a !important;
+}
+
+.hover\:to-green-800:hover {
+  --gradient-to-color: #276749 !important;
+}
+
+.hover\:to-green-900:hover {
+  --gradient-to-color: #22543d !important;
+}
+
+.hover\:to-teal-100:hover {
+  --gradient-to-color: #e6fffa !important;
+}
+
+.hover\:to-teal-200:hover {
+  --gradient-to-color: #b2f5ea !important;
+}
+
+.hover\:to-teal-300:hover {
+  --gradient-to-color: #81e6d9 !important;
+}
+
+.hover\:to-teal-400:hover {
+  --gradient-to-color: #4fd1c5 !important;
+}
+
+.hover\:to-teal-500:hover {
+  --gradient-to-color: #38b2ac !important;
+}
+
+.hover\:to-teal-600:hover {
+  --gradient-to-color: #319795 !important;
+}
+
+.hover\:to-teal-700:hover {
+  --gradient-to-color: #2c7a7b !important;
+}
+
+.hover\:to-teal-800:hover {
+  --gradient-to-color: #285e61 !important;
+}
+
+.hover\:to-teal-900:hover {
+  --gradient-to-color: #234e52 !important;
+}
+
+.hover\:to-blue-100:hover {
+  --gradient-to-color: #ebf8ff !important;
+}
+
+.hover\:to-blue-200:hover {
+  --gradient-to-color: #bee3f8 !important;
+}
+
+.hover\:to-blue-300:hover {
+  --gradient-to-color: #90cdf4 !important;
+}
+
+.hover\:to-blue-400:hover {
+  --gradient-to-color: #63b3ed !important;
+}
+
+.hover\:to-blue-500:hover {
+  --gradient-to-color: #4299e1 !important;
+}
+
+.hover\:to-blue-600:hover {
+  --gradient-to-color: #3182ce !important;
+}
+
+.hover\:to-blue-700:hover {
+  --gradient-to-color: #2b6cb0 !important;
+}
+
+.hover\:to-blue-800:hover {
+  --gradient-to-color: #2c5282 !important;
+}
+
+.hover\:to-blue-900:hover {
+  --gradient-to-color: #2a4365 !important;
+}
+
+.hover\:to-indigo-100:hover {
+  --gradient-to-color: #ebf4ff !important;
+}
+
+.hover\:to-indigo-200:hover {
+  --gradient-to-color: #c3dafe !important;
+}
+
+.hover\:to-indigo-300:hover {
+  --gradient-to-color: #a3bffa !important;
+}
+
+.hover\:to-indigo-400:hover {
+  --gradient-to-color: #7f9cf5 !important;
+}
+
+.hover\:to-indigo-500:hover {
+  --gradient-to-color: #667eea !important;
+}
+
+.hover\:to-indigo-600:hover {
+  --gradient-to-color: #5a67d8 !important;
+}
+
+.hover\:to-indigo-700:hover {
+  --gradient-to-color: #4c51bf !important;
+}
+
+.hover\:to-indigo-800:hover {
+  --gradient-to-color: #434190 !important;
+}
+
+.hover\:to-indigo-900:hover {
+  --gradient-to-color: #3c366b !important;
+}
+
+.hover\:to-purple-100:hover {
+  --gradient-to-color: #faf5ff !important;
+}
+
+.hover\:to-purple-200:hover {
+  --gradient-to-color: #e9d8fd !important;
+}
+
+.hover\:to-purple-300:hover {
+  --gradient-to-color: #d6bcfa !important;
+}
+
+.hover\:to-purple-400:hover {
+  --gradient-to-color: #b794f4 !important;
+}
+
+.hover\:to-purple-500:hover {
+  --gradient-to-color: #9f7aea !important;
+}
+
+.hover\:to-purple-600:hover {
+  --gradient-to-color: #805ad5 !important;
+}
+
+.hover\:to-purple-700:hover {
+  --gradient-to-color: #6b46c1 !important;
+}
+
+.hover\:to-purple-800:hover {
+  --gradient-to-color: #553c9a !important;
+}
+
+.hover\:to-purple-900:hover {
+  --gradient-to-color: #44337a !important;
+}
+
+.hover\:to-pink-100:hover {
+  --gradient-to-color: #fff5f7 !important;
+}
+
+.hover\:to-pink-200:hover {
+  --gradient-to-color: #fed7e2 !important;
+}
+
+.hover\:to-pink-300:hover {
+  --gradient-to-color: #fbb6ce !important;
+}
+
+.hover\:to-pink-400:hover {
+  --gradient-to-color: #f687b3 !important;
+}
+
+.hover\:to-pink-500:hover {
+  --gradient-to-color: #ed64a6 !important;
+}
+
+.hover\:to-pink-600:hover {
+  --gradient-to-color: #d53f8c !important;
+}
+
+.hover\:to-pink-700:hover {
+  --gradient-to-color: #b83280 !important;
+}
+
+.hover\:to-pink-800:hover {
+  --gradient-to-color: #97266d !important;
+}
+
+.hover\:to-pink-900:hover {
+  --gradient-to-color: #702459 !important;
+}
+
+.focus\:from-transparent:focus {
   --gradient-from-color: transparent !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.focus\:gradient-from-current:focus {
+.focus\:from-current:focus {
   --gradient-from-color: currentColor !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.focus\:gradient-from-black:focus {
+.focus\:from-black:focus {
   --gradient-from-color: #000 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.focus\:gradient-from-white:focus {
+.focus\:from-white:focus {
   --gradient-from-color: #fff !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.focus\:gradient-from-gray-100:focus {
+.focus\:from-gray-100:focus {
   --gradient-from-color: #f7fafc !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
 }
 
-.focus\:gradient-from-gray-200:focus {
+.focus\:from-gray-200:focus {
   --gradient-from-color: #edf2f7 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
 }
 
-.focus\:gradient-from-gray-300:focus {
+.focus\:from-gray-300:focus {
   --gradient-from-color: #e2e8f0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
 }
 
-.focus\:gradient-from-gray-400:focus {
+.focus\:from-gray-400:focus {
   --gradient-from-color: #cbd5e0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
 }
 
-.focus\:gradient-from-gray-500:focus {
+.focus\:from-gray-500:focus {
   --gradient-from-color: #a0aec0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
 }
 
-.focus\:gradient-from-gray-600:focus {
+.focus\:from-gray-600:focus {
   --gradient-from-color: #718096 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
 }
 
-.focus\:gradient-from-gray-700:focus {
+.focus\:from-gray-700:focus {
   --gradient-from-color: #4a5568 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
 }
 
-.focus\:gradient-from-gray-800:focus {
+.focus\:from-gray-800:focus {
   --gradient-from-color: #2d3748 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
 }
 
-.focus\:gradient-from-gray-900:focus {
+.focus\:from-gray-900:focus {
   --gradient-from-color: #1a202c !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
 }
 
-.focus\:gradient-from-red-100:focus {
+.focus\:from-red-100:focus {
   --gradient-from-color: #fff5f5 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
 }
 
-.focus\:gradient-from-red-200:focus {
+.focus\:from-red-200:focus {
   --gradient-from-color: #fed7d7 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
 }
 
-.focus\:gradient-from-red-300:focus {
+.focus\:from-red-300:focus {
   --gradient-from-color: #feb2b2 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
 }
 
-.focus\:gradient-from-red-400:focus {
+.focus\:from-red-400:focus {
   --gradient-from-color: #fc8181 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
 }
 
-.focus\:gradient-from-red-500:focus {
+.focus\:from-red-500:focus {
   --gradient-from-color: #f56565 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
 }
 
-.focus\:gradient-from-red-600:focus {
+.focus\:from-red-600:focus {
   --gradient-from-color: #e53e3e !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
 }
 
-.focus\:gradient-from-red-700:focus {
+.focus\:from-red-700:focus {
   --gradient-from-color: #c53030 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
 }
 
-.focus\:gradient-from-red-800:focus {
+.focus\:from-red-800:focus {
   --gradient-from-color: #9b2c2c !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
 }
 
-.focus\:gradient-from-red-900:focus {
+.focus\:from-red-900:focus {
   --gradient-from-color: #742a2a !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
 }
 
-.focus\:gradient-from-orange-100:focus {
+.focus\:from-orange-100:focus {
   --gradient-from-color: #fffaf0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
 }
 
-.focus\:gradient-from-orange-200:focus {
+.focus\:from-orange-200:focus {
   --gradient-from-color: #feebc8 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
 }
 
-.focus\:gradient-from-orange-300:focus {
+.focus\:from-orange-300:focus {
   --gradient-from-color: #fbd38d !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
 }
 
-.focus\:gradient-from-orange-400:focus {
+.focus\:from-orange-400:focus {
   --gradient-from-color: #f6ad55 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
 }
 
-.focus\:gradient-from-orange-500:focus {
+.focus\:from-orange-500:focus {
   --gradient-from-color: #ed8936 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
 }
 
-.focus\:gradient-from-orange-600:focus {
+.focus\:from-orange-600:focus {
   --gradient-from-color: #dd6b20 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
 }
 
-.focus\:gradient-from-orange-700:focus {
+.focus\:from-orange-700:focus {
   --gradient-from-color: #c05621 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
 }
 
-.focus\:gradient-from-orange-800:focus {
+.focus\:from-orange-800:focus {
   --gradient-from-color: #9c4221 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
 }
 
-.focus\:gradient-from-orange-900:focus {
+.focus\:from-orange-900:focus {
   --gradient-from-color: #7b341e !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
 }
 
-.focus\:gradient-from-yellow-100:focus {
+.focus\:from-yellow-100:focus {
   --gradient-from-color: #fffff0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
 }
 
-.focus\:gradient-from-yellow-200:focus {
+.focus\:from-yellow-200:focus {
   --gradient-from-color: #fefcbf !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
 }
 
-.focus\:gradient-from-yellow-300:focus {
+.focus\:from-yellow-300:focus {
   --gradient-from-color: #faf089 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
 }
 
-.focus\:gradient-from-yellow-400:focus {
+.focus\:from-yellow-400:focus {
   --gradient-from-color: #f6e05e !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
 }
 
-.focus\:gradient-from-yellow-500:focus {
+.focus\:from-yellow-500:focus {
   --gradient-from-color: #ecc94b !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
 }
 
-.focus\:gradient-from-yellow-600:focus {
+.focus\:from-yellow-600:focus {
   --gradient-from-color: #d69e2e !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
 }
 
-.focus\:gradient-from-yellow-700:focus {
+.focus\:from-yellow-700:focus {
   --gradient-from-color: #b7791f !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
 }
 
-.focus\:gradient-from-yellow-800:focus {
+.focus\:from-yellow-800:focus {
   --gradient-from-color: #975a16 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
 }
 
-.focus\:gradient-from-yellow-900:focus {
+.focus\:from-yellow-900:focus {
   --gradient-from-color: #744210 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
 }
 
-.focus\:gradient-from-green-100:focus {
+.focus\:from-green-100:focus {
   --gradient-from-color: #f0fff4 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
 }
 
-.focus\:gradient-from-green-200:focus {
+.focus\:from-green-200:focus {
   --gradient-from-color: #c6f6d5 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
 }
 
-.focus\:gradient-from-green-300:focus {
+.focus\:from-green-300:focus {
   --gradient-from-color: #9ae6b4 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
 }
 
-.focus\:gradient-from-green-400:focus {
+.focus\:from-green-400:focus {
   --gradient-from-color: #68d391 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
 }
 
-.focus\:gradient-from-green-500:focus {
+.focus\:from-green-500:focus {
   --gradient-from-color: #48bb78 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
 }
 
-.focus\:gradient-from-green-600:focus {
+.focus\:from-green-600:focus {
   --gradient-from-color: #38a169 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
 }
 
-.focus\:gradient-from-green-700:focus {
+.focus\:from-green-700:focus {
   --gradient-from-color: #2f855a !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
 }
 
-.focus\:gradient-from-green-800:focus {
+.focus\:from-green-800:focus {
   --gradient-from-color: #276749 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
 }
 
-.focus\:gradient-from-green-900:focus {
+.focus\:from-green-900:focus {
   --gradient-from-color: #22543d !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
 }
 
-.focus\:gradient-from-teal-100:focus {
+.focus\:from-teal-100:focus {
   --gradient-from-color: #e6fffa !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
 }
 
-.focus\:gradient-from-teal-200:focus {
+.focus\:from-teal-200:focus {
   --gradient-from-color: #b2f5ea !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
 }
 
-.focus\:gradient-from-teal-300:focus {
+.focus\:from-teal-300:focus {
   --gradient-from-color: #81e6d9 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
 }
 
-.focus\:gradient-from-teal-400:focus {
+.focus\:from-teal-400:focus {
   --gradient-from-color: #4fd1c5 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
 }
 
-.focus\:gradient-from-teal-500:focus {
+.focus\:from-teal-500:focus {
   --gradient-from-color: #38b2ac !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
 }
 
-.focus\:gradient-from-teal-600:focus {
+.focus\:from-teal-600:focus {
   --gradient-from-color: #319795 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
 }
 
-.focus\:gradient-from-teal-700:focus {
+.focus\:from-teal-700:focus {
   --gradient-from-color: #2c7a7b !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
 }
 
-.focus\:gradient-from-teal-800:focus {
+.focus\:from-teal-800:focus {
   --gradient-from-color: #285e61 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
 }
 
-.focus\:gradient-from-teal-900:focus {
+.focus\:from-teal-900:focus {
   --gradient-from-color: #234e52 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
 }
 
-.focus\:gradient-from-blue-100:focus {
+.focus\:from-blue-100:focus {
   --gradient-from-color: #ebf8ff !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
 }
 
-.focus\:gradient-from-blue-200:focus {
+.focus\:from-blue-200:focus {
   --gradient-from-color: #bee3f8 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
 }
 
-.focus\:gradient-from-blue-300:focus {
+.focus\:from-blue-300:focus {
   --gradient-from-color: #90cdf4 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
 }
 
-.focus\:gradient-from-blue-400:focus {
+.focus\:from-blue-400:focus {
   --gradient-from-color: #63b3ed !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
 }
 
-.focus\:gradient-from-blue-500:focus {
+.focus\:from-blue-500:focus {
   --gradient-from-color: #4299e1 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
 }
 
-.focus\:gradient-from-blue-600:focus {
+.focus\:from-blue-600:focus {
   --gradient-from-color: #3182ce !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
 }
 
-.focus\:gradient-from-blue-700:focus {
+.focus\:from-blue-700:focus {
   --gradient-from-color: #2b6cb0 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
 }
 
-.focus\:gradient-from-blue-800:focus {
+.focus\:from-blue-800:focus {
   --gradient-from-color: #2c5282 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
 }
 
-.focus\:gradient-from-blue-900:focus {
+.focus\:from-blue-900:focus {
   --gradient-from-color: #2a4365 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
 }
 
-.focus\:gradient-from-indigo-100:focus {
+.focus\:from-indigo-100:focus {
   --gradient-from-color: #ebf4ff !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
 }
 
-.focus\:gradient-from-indigo-200:focus {
+.focus\:from-indigo-200:focus {
   --gradient-from-color: #c3dafe !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
 }
 
-.focus\:gradient-from-indigo-300:focus {
+.focus\:from-indigo-300:focus {
   --gradient-from-color: #a3bffa !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
 }
 
-.focus\:gradient-from-indigo-400:focus {
+.focus\:from-indigo-400:focus {
   --gradient-from-color: #7f9cf5 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
 }
 
-.focus\:gradient-from-indigo-500:focus {
+.focus\:from-indigo-500:focus {
   --gradient-from-color: #667eea !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
 }
 
-.focus\:gradient-from-indigo-600:focus {
+.focus\:from-indigo-600:focus {
   --gradient-from-color: #5a67d8 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
 }
 
-.focus\:gradient-from-indigo-700:focus {
+.focus\:from-indigo-700:focus {
   --gradient-from-color: #4c51bf !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
 }
 
-.focus\:gradient-from-indigo-800:focus {
+.focus\:from-indigo-800:focus {
   --gradient-from-color: #434190 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
 }
 
-.focus\:gradient-from-indigo-900:focus {
+.focus\:from-indigo-900:focus {
   --gradient-from-color: #3c366b !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
 }
 
-.focus\:gradient-from-purple-100:focus {
+.focus\:from-purple-100:focus {
   --gradient-from-color: #faf5ff !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
 }
 
-.focus\:gradient-from-purple-200:focus {
+.focus\:from-purple-200:focus {
   --gradient-from-color: #e9d8fd !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
 }
 
-.focus\:gradient-from-purple-300:focus {
+.focus\:from-purple-300:focus {
   --gradient-from-color: #d6bcfa !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
 }
 
-.focus\:gradient-from-purple-400:focus {
+.focus\:from-purple-400:focus {
   --gradient-from-color: #b794f4 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
 }
 
-.focus\:gradient-from-purple-500:focus {
+.focus\:from-purple-500:focus {
   --gradient-from-color: #9f7aea !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
 }
 
-.focus\:gradient-from-purple-600:focus {
+.focus\:from-purple-600:focus {
   --gradient-from-color: #805ad5 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
 }
 
-.focus\:gradient-from-purple-700:focus {
+.focus\:from-purple-700:focus {
   --gradient-from-color: #6b46c1 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
 }
 
-.focus\:gradient-from-purple-800:focus {
+.focus\:from-purple-800:focus {
   --gradient-from-color: #553c9a !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
 }
 
-.focus\:gradient-from-purple-900:focus {
+.focus\:from-purple-900:focus {
   --gradient-from-color: #44337a !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
 }
 
-.focus\:gradient-from-pink-100:focus {
+.focus\:from-pink-100:focus {
   --gradient-from-color: #fff5f7 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
 }
 
-.focus\:gradient-from-pink-200:focus {
+.focus\:from-pink-200:focus {
   --gradient-from-color: #fed7e2 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
 }
 
-.focus\:gradient-from-pink-300:focus {
+.focus\:from-pink-300:focus {
   --gradient-from-color: #fbb6ce !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
 }
 
-.focus\:gradient-from-pink-400:focus {
+.focus\:from-pink-400:focus {
   --gradient-from-color: #f687b3 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
 }
 
-.focus\:gradient-from-pink-500:focus {
+.focus\:from-pink-500:focus {
   --gradient-from-color: #ed64a6 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
 }
 
-.focus\:gradient-from-pink-600:focus {
+.focus\:from-pink-600:focus {
   --gradient-from-color: #d53f8c !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
 }
 
-.focus\:gradient-from-pink-700:focus {
+.focus\:from-pink-700:focus {
   --gradient-from-color: #b83280 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
 }
 
-.focus\:gradient-from-pink-800:focus {
+.focus\:from-pink-800:focus {
   --gradient-from-color: #97266d !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
 }
 
-.focus\:gradient-from-pink-900:focus {
+.focus\:from-pink-900:focus {
   --gradient-from-color: #702459 !important;
-  --gradient-color-stops: var(--gradient-from-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !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 {
+.focus\:mid-transparent:focus {
   --gradient-mid-color: transparent !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.focus\:gradient-mid-current:focus {
+.focus\:mid-current:focus {
   --gradient-mid-color: currentColor !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.focus\:gradient-mid-black:focus {
+.focus\:mid-black:focus {
   --gradient-mid-color: #000 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.focus\:gradient-mid-white:focus {
+.focus\:mid-white:focus {
   --gradient-mid-color: #fff !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.focus\:gradient-mid-gray-100:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
 }
 
-.focus\:gradient-mid-gray-200:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
 }
 
-.focus\:gradient-mid-gray-300:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
 }
 
-.focus\:gradient-mid-gray-400:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
 }
 
-.focus\:gradient-mid-gray-500:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
 }
 
-.focus\:gradient-mid-gray-600:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
 }
 
-.focus\:gradient-mid-gray-700:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
 }
 
-.focus\:gradient-mid-gray-800:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
 }
 
-.focus\:gradient-mid-gray-900:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
 }
 
-.focus\:gradient-mid-red-100:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
 }
 
-.focus\:gradient-mid-red-200:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
 }
 
-.focus\:gradient-mid-red-300:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
 }
 
-.focus\:gradient-mid-red-400:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
 }
 
-.focus\:gradient-mid-red-500:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
 }
 
-.focus\:gradient-mid-red-600:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
 }
 
-.focus\:gradient-mid-red-700:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
 }
 
-.focus\:gradient-mid-red-800:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
 }
 
-.focus\:gradient-mid-red-900:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
 }
 
-.focus\:gradient-mid-orange-100:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
 }
 
-.focus\:gradient-mid-orange-200:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
 }
 
-.focus\:gradient-mid-orange-300:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
 }
 
-.focus\:gradient-mid-orange-400:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
 }
 
-.focus\:gradient-mid-orange-500:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
 }
 
-.focus\:gradient-mid-orange-600:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
 }
 
-.focus\:gradient-mid-orange-700:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
 }
 
-.focus\:gradient-mid-orange-800:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
 }
 
-.focus\:gradient-mid-orange-900:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
 }
 
-.focus\:gradient-mid-yellow-100:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
 }
 
-.focus\:gradient-mid-yellow-200:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
 }
 
-.focus\:gradient-mid-yellow-300:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
 }
 
-.focus\:gradient-mid-yellow-400:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
 }
 
-.focus\:gradient-mid-yellow-500:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
 }
 
-.focus\:gradient-mid-yellow-600:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
 }
 
-.focus\:gradient-mid-yellow-700:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
 }
 
-.focus\:gradient-mid-yellow-800:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
 }
 
-.focus\:gradient-mid-yellow-900:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
 }
 
-.focus\:gradient-mid-green-100:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
 }
 
-.focus\:gradient-mid-green-200:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
 }
 
-.focus\:gradient-mid-green-300:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
 }
 
-.focus\:gradient-mid-green-400:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
 }
 
-.focus\:gradient-mid-green-500:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
 }
 
-.focus\:gradient-mid-green-600:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
 }
 
-.focus\:gradient-mid-green-700:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
 }
 
-.focus\:gradient-mid-green-800:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
 }
 
-.focus\:gradient-mid-green-900:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
 }
 
-.focus\:gradient-mid-teal-100:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
 }
 
-.focus\:gradient-mid-teal-200:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
 }
 
-.focus\:gradient-mid-teal-300:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
 }
 
-.focus\:gradient-mid-teal-400:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
 }
 
-.focus\:gradient-mid-teal-500:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
 }
 
-.focus\:gradient-mid-teal-600:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
 }
 
-.focus\:gradient-mid-teal-700:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
 }
 
-.focus\:gradient-mid-teal-800:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
 }
 
-.focus\:gradient-mid-teal-900:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
 }
 
-.focus\:gradient-mid-blue-100:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
 }
 
-.focus\:gradient-mid-blue-200:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
 }
 
-.focus\:gradient-mid-blue-300:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
 }
 
-.focus\:gradient-mid-blue-400:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
 }
 
-.focus\:gradient-mid-blue-500:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
 }
 
-.focus\:gradient-mid-blue-600:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
 }
 
-.focus\:gradient-mid-blue-700:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
 }
 
-.focus\:gradient-mid-blue-800:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
 }
 
-.focus\:gradient-mid-blue-900:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
 }
 
-.focus\:gradient-mid-indigo-100:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
 }
 
-.focus\:gradient-mid-indigo-200:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
 }
 
-.focus\:gradient-mid-indigo-300:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
 }
 
-.focus\:gradient-mid-indigo-400:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
 }
 
-.focus\:gradient-mid-indigo-500:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
 }
 
-.focus\:gradient-mid-indigo-600:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
 }
 
-.focus\:gradient-mid-indigo-700:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
 }
 
-.focus\:gradient-mid-indigo-800:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
 }
 
-.focus\:gradient-mid-indigo-900:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
 }
 
-.focus\:gradient-mid-purple-100:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
 }
 
-.focus\:gradient-mid-purple-200:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
 }
 
-.focus\:gradient-mid-purple-300:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
 }
 
-.focus\:gradient-mid-purple-400:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
 }
 
-.focus\:gradient-mid-purple-500:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
 }
 
-.focus\:gradient-mid-purple-600:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
 }
 
-.focus\:gradient-mid-purple-700:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
 }
 
-.focus\:gradient-mid-purple-800:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
 }
 
-.focus\:gradient-mid-purple-900:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
 }
 
-.focus\:gradient-mid-pink-100:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
 }
 
-.focus\:gradient-mid-pink-200:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
 }
 
-.focus\:gradient-mid-pink-300:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
 }
 
-.focus\:gradient-mid-pink-400:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
 }
 
-.focus\:gradient-mid-pink-500:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
 }
 
-.focus\:gradient-mid-pink-600:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
 }
 
-.focus\:gradient-mid-pink-700:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
 }
 
-.focus\:gradient-mid-pink-800:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
 }
 
-.focus\:gradient-mid-pink-900:focus {
+.focus\: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;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+}
+
+.focus\:to-transparent:focus {
+  --gradient-to-color: transparent !important;
+}
+
+.focus\:to-current:focus {
+  --gradient-to-color: currentColor !important;
+}
+
+.focus\:to-black:focus {
+  --gradient-to-color: #000 !important;
+}
+
+.focus\:to-white:focus {
+  --gradient-to-color: #fff !important;
+}
+
+.focus\:to-gray-100:focus {
+  --gradient-to-color: #f7fafc !important;
+}
+
+.focus\:to-gray-200:focus {
+  --gradient-to-color: #edf2f7 !important;
+}
+
+.focus\:to-gray-300:focus {
+  --gradient-to-color: #e2e8f0 !important;
+}
+
+.focus\:to-gray-400:focus {
+  --gradient-to-color: #cbd5e0 !important;
+}
+
+.focus\:to-gray-500:focus {
+  --gradient-to-color: #a0aec0 !important;
+}
+
+.focus\:to-gray-600:focus {
+  --gradient-to-color: #718096 !important;
+}
+
+.focus\:to-gray-700:focus {
+  --gradient-to-color: #4a5568 !important;
+}
+
+.focus\:to-gray-800:focus {
+  --gradient-to-color: #2d3748 !important;
+}
+
+.focus\:to-gray-900:focus {
+  --gradient-to-color: #1a202c !important;
+}
+
+.focus\:to-red-100:focus {
+  --gradient-to-color: #fff5f5 !important;
+}
+
+.focus\:to-red-200:focus {
+  --gradient-to-color: #fed7d7 !important;
+}
+
+.focus\:to-red-300:focus {
+  --gradient-to-color: #feb2b2 !important;
+}
+
+.focus\:to-red-400:focus {
+  --gradient-to-color: #fc8181 !important;
+}
+
+.focus\:to-red-500:focus {
+  --gradient-to-color: #f56565 !important;
+}
+
+.focus\:to-red-600:focus {
+  --gradient-to-color: #e53e3e !important;
+}
+
+.focus\:to-red-700:focus {
+  --gradient-to-color: #c53030 !important;
+}
+
+.focus\:to-red-800:focus {
+  --gradient-to-color: #9b2c2c !important;
+}
+
+.focus\:to-red-900:focus {
+  --gradient-to-color: #742a2a !important;
+}
+
+.focus\:to-orange-100:focus {
+  --gradient-to-color: #fffaf0 !important;
+}
+
+.focus\:to-orange-200:focus {
+  --gradient-to-color: #feebc8 !important;
+}
+
+.focus\:to-orange-300:focus {
+  --gradient-to-color: #fbd38d !important;
+}
+
+.focus\:to-orange-400:focus {
+  --gradient-to-color: #f6ad55 !important;
+}
+
+.focus\:to-orange-500:focus {
+  --gradient-to-color: #ed8936 !important;
+}
+
+.focus\:to-orange-600:focus {
+  --gradient-to-color: #dd6b20 !important;
+}
+
+.focus\:to-orange-700:focus {
+  --gradient-to-color: #c05621 !important;
+}
+
+.focus\:to-orange-800:focus {
+  --gradient-to-color: #9c4221 !important;
+}
+
+.focus\:to-orange-900:focus {
+  --gradient-to-color: #7b341e !important;
+}
+
+.focus\:to-yellow-100:focus {
+  --gradient-to-color: #fffff0 !important;
+}
+
+.focus\:to-yellow-200:focus {
+  --gradient-to-color: #fefcbf !important;
+}
+
+.focus\:to-yellow-300:focus {
+  --gradient-to-color: #faf089 !important;
+}
+
+.focus\:to-yellow-400:focus {
+  --gradient-to-color: #f6e05e !important;
+}
+
+.focus\:to-yellow-500:focus {
+  --gradient-to-color: #ecc94b !important;
+}
+
+.focus\:to-yellow-600:focus {
+  --gradient-to-color: #d69e2e !important;
+}
+
+.focus\:to-yellow-700:focus {
+  --gradient-to-color: #b7791f !important;
+}
+
+.focus\:to-yellow-800:focus {
+  --gradient-to-color: #975a16 !important;
+}
+
+.focus\:to-yellow-900:focus {
+  --gradient-to-color: #744210 !important;
+}
+
+.focus\:to-green-100:focus {
+  --gradient-to-color: #f0fff4 !important;
+}
+
+.focus\:to-green-200:focus {
+  --gradient-to-color: #c6f6d5 !important;
+}
+
+.focus\:to-green-300:focus {
+  --gradient-to-color: #9ae6b4 !important;
+}
+
+.focus\:to-green-400:focus {
+  --gradient-to-color: #68d391 !important;
+}
+
+.focus\:to-green-500:focus {
+  --gradient-to-color: #48bb78 !important;
+}
+
+.focus\:to-green-600:focus {
+  --gradient-to-color: #38a169 !important;
+}
+
+.focus\:to-green-700:focus {
+  --gradient-to-color: #2f855a !important;
+}
+
+.focus\:to-green-800:focus {
+  --gradient-to-color: #276749 !important;
+}
+
+.focus\:to-green-900:focus {
+  --gradient-to-color: #22543d !important;
+}
+
+.focus\:to-teal-100:focus {
+  --gradient-to-color: #e6fffa !important;
+}
+
+.focus\:to-teal-200:focus {
+  --gradient-to-color: #b2f5ea !important;
+}
+
+.focus\:to-teal-300:focus {
+  --gradient-to-color: #81e6d9 !important;
+}
+
+.focus\:to-teal-400:focus {
+  --gradient-to-color: #4fd1c5 !important;
+}
+
+.focus\:to-teal-500:focus {
+  --gradient-to-color: #38b2ac !important;
+}
+
+.focus\:to-teal-600:focus {
+  --gradient-to-color: #319795 !important;
+}
+
+.focus\:to-teal-700:focus {
+  --gradient-to-color: #2c7a7b !important;
+}
+
+.focus\:to-teal-800:focus {
+  --gradient-to-color: #285e61 !important;
+}
+
+.focus\:to-teal-900:focus {
+  --gradient-to-color: #234e52 !important;
+}
+
+.focus\:to-blue-100:focus {
+  --gradient-to-color: #ebf8ff !important;
+}
+
+.focus\:to-blue-200:focus {
+  --gradient-to-color: #bee3f8 !important;
+}
+
+.focus\:to-blue-300:focus {
+  --gradient-to-color: #90cdf4 !important;
+}
+
+.focus\:to-blue-400:focus {
+  --gradient-to-color: #63b3ed !important;
+}
+
+.focus\:to-blue-500:focus {
+  --gradient-to-color: #4299e1 !important;
+}
+
+.focus\:to-blue-600:focus {
+  --gradient-to-color: #3182ce !important;
+}
+
+.focus\:to-blue-700:focus {
+  --gradient-to-color: #2b6cb0 !important;
+}
+
+.focus\:to-blue-800:focus {
+  --gradient-to-color: #2c5282 !important;
+}
+
+.focus\:to-blue-900:focus {
+  --gradient-to-color: #2a4365 !important;
+}
+
+.focus\:to-indigo-100:focus {
+  --gradient-to-color: #ebf4ff !important;
+}
+
+.focus\:to-indigo-200:focus {
+  --gradient-to-color: #c3dafe !important;
+}
+
+.focus\:to-indigo-300:focus {
+  --gradient-to-color: #a3bffa !important;
+}
+
+.focus\:to-indigo-400:focus {
+  --gradient-to-color: #7f9cf5 !important;
+}
+
+.focus\:to-indigo-500:focus {
+  --gradient-to-color: #667eea !important;
+}
+
+.focus\:to-indigo-600:focus {
+  --gradient-to-color: #5a67d8 !important;
+}
+
+.focus\:to-indigo-700:focus {
+  --gradient-to-color: #4c51bf !important;
+}
+
+.focus\:to-indigo-800:focus {
+  --gradient-to-color: #434190 !important;
+}
+
+.focus\:to-indigo-900:focus {
+  --gradient-to-color: #3c366b !important;
+}
+
+.focus\:to-purple-100:focus {
+  --gradient-to-color: #faf5ff !important;
+}
+
+.focus\:to-purple-200:focus {
+  --gradient-to-color: #e9d8fd !important;
+}
+
+.focus\:to-purple-300:focus {
+  --gradient-to-color: #d6bcfa !important;
+}
+
+.focus\:to-purple-400:focus {
+  --gradient-to-color: #b794f4 !important;
+}
+
+.focus\:to-purple-500:focus {
+  --gradient-to-color: #9f7aea !important;
+}
+
+.focus\:to-purple-600:focus {
+  --gradient-to-color: #805ad5 !important;
+}
+
+.focus\:to-purple-700:focus {
+  --gradient-to-color: #6b46c1 !important;
+}
+
+.focus\:to-purple-800:focus {
+  --gradient-to-color: #553c9a !important;
+}
+
+.focus\:to-purple-900:focus {
+  --gradient-to-color: #44337a !important;
+}
+
+.focus\:to-pink-100:focus {
+  --gradient-to-color: #fff5f7 !important;
+}
+
+.focus\:to-pink-200:focus {
+  --gradient-to-color: #fed7e2 !important;
+}
+
+.focus\:to-pink-300:focus {
+  --gradient-to-color: #fbb6ce !important;
+}
+
+.focus\:to-pink-400:focus {
+  --gradient-to-color: #f687b3 !important;
+}
+
+.focus\:to-pink-500:focus {
+  --gradient-to-color: #ed64a6 !important;
+}
+
+.focus\:to-pink-600:focus {
+  --gradient-to-color: #d53f8c !important;
+}
+
+.focus\:to-pink-700:focus {
+  --gradient-to-color: #b83280 !important;
+}
+
+.focus\:to-pink-800:focus {
+  --gradient-to-color: #97266d !important;
+}
+
+.focus\:to-pink-900:focus {
+  --gradient-to-color: #702459 !important;
 }
 
 .bg-opacity-0 {
@@ -21771,4250 +21505,3984 @@ 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-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
   }
 
-  .sm\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops)) !important;
+  .sm\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
   }
 
-  .sm\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops)) !important;
+  .sm\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
   }
 
-  .sm\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops)) !important;
+  .sm\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
   }
 
-  .sm\:gradient-from-transparent {
+  .sm\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
+  }
+
+  .sm\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
+  }
+
+  .sm\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
+  }
+
+  .sm\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
+  }
+
+  .sm\:from-transparent {
     --gradient-from-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:gradient-from-current {
+  .sm\:from-current {
     --gradient-from-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:gradient-from-black {
+  .sm\:from-black {
     --gradient-from-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:gradient-from-white {
+  .sm\:from-white {
     --gradient-from-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:gradient-from-gray-100 {
+  .sm\:from-gray-100 {
     --gradient-from-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .sm\:gradient-from-gray-200 {
+  .sm\:from-gray-200 {
     --gradient-from-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .sm\:gradient-from-gray-300 {
+  .sm\:from-gray-300 {
     --gradient-from-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .sm\:gradient-from-gray-400 {
+  .sm\:from-gray-400 {
     --gradient-from-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .sm\:gradient-from-gray-500 {
+  .sm\:from-gray-500 {
     --gradient-from-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .sm\:gradient-from-gray-600 {
+  .sm\:from-gray-600 {
     --gradient-from-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .sm\:gradient-from-gray-700 {
+  .sm\:from-gray-700 {
     --gradient-from-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .sm\:gradient-from-gray-800 {
+  .sm\:from-gray-800 {
     --gradient-from-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .sm\:gradient-from-gray-900 {
+  .sm\:from-gray-900 {
     --gradient-from-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .sm\:gradient-from-red-100 {
+  .sm\:from-red-100 {
     --gradient-from-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .sm\:gradient-from-red-200 {
+  .sm\:from-red-200 {
     --gradient-from-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .sm\:gradient-from-red-300 {
+  .sm\:from-red-300 {
     --gradient-from-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .sm\:gradient-from-red-400 {
+  .sm\:from-red-400 {
     --gradient-from-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .sm\:gradient-from-red-500 {
+  .sm\:from-red-500 {
     --gradient-from-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .sm\:gradient-from-red-600 {
+  .sm\:from-red-600 {
     --gradient-from-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .sm\:gradient-from-red-700 {
+  .sm\:from-red-700 {
     --gradient-from-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .sm\:gradient-from-red-800 {
+  .sm\:from-red-800 {
     --gradient-from-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .sm\:gradient-from-red-900 {
+  .sm\:from-red-900 {
     --gradient-from-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .sm\:gradient-from-orange-100 {
+  .sm\:from-orange-100 {
     --gradient-from-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .sm\:gradient-from-orange-200 {
+  .sm\:from-orange-200 {
     --gradient-from-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .sm\:gradient-from-orange-300 {
+  .sm\:from-orange-300 {
     --gradient-from-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .sm\:gradient-from-orange-400 {
+  .sm\:from-orange-400 {
     --gradient-from-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .sm\:gradient-from-orange-500 {
+  .sm\:from-orange-500 {
     --gradient-from-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .sm\:gradient-from-orange-600 {
+  .sm\:from-orange-600 {
     --gradient-from-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .sm\:gradient-from-orange-700 {
+  .sm\:from-orange-700 {
     --gradient-from-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .sm\:gradient-from-orange-800 {
+  .sm\:from-orange-800 {
     --gradient-from-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .sm\:gradient-from-orange-900 {
+  .sm\:from-orange-900 {
     --gradient-from-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .sm\:gradient-from-yellow-100 {
+  .sm\:from-yellow-100 {
     --gradient-from-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .sm\:gradient-from-yellow-200 {
+  .sm\:from-yellow-200 {
     --gradient-from-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .sm\:gradient-from-yellow-300 {
+  .sm\:from-yellow-300 {
     --gradient-from-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .sm\:gradient-from-yellow-400 {
+  .sm\:from-yellow-400 {
     --gradient-from-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .sm\:gradient-from-yellow-500 {
+  .sm\:from-yellow-500 {
     --gradient-from-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .sm\:gradient-from-yellow-600 {
+  .sm\:from-yellow-600 {
     --gradient-from-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .sm\:gradient-from-yellow-700 {
+  .sm\:from-yellow-700 {
     --gradient-from-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .sm\:gradient-from-yellow-800 {
+  .sm\:from-yellow-800 {
     --gradient-from-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .sm\:gradient-from-yellow-900 {
+  .sm\:from-yellow-900 {
     --gradient-from-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .sm\:gradient-from-green-100 {
+  .sm\:from-green-100 {
     --gradient-from-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .sm\:gradient-from-green-200 {
+  .sm\:from-green-200 {
     --gradient-from-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .sm\:gradient-from-green-300 {
+  .sm\:from-green-300 {
     --gradient-from-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .sm\:gradient-from-green-400 {
+  .sm\:from-green-400 {
     --gradient-from-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .sm\:gradient-from-green-500 {
+  .sm\:from-green-500 {
     --gradient-from-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .sm\:gradient-from-green-600 {
+  .sm\:from-green-600 {
     --gradient-from-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .sm\:gradient-from-green-700 {
+  .sm\:from-green-700 {
     --gradient-from-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .sm\:gradient-from-green-800 {
+  .sm\:from-green-800 {
     --gradient-from-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .sm\:gradient-from-green-900 {
+  .sm\:from-green-900 {
     --gradient-from-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .sm\:gradient-from-teal-100 {
+  .sm\:from-teal-100 {
     --gradient-from-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .sm\:gradient-from-teal-200 {
+  .sm\:from-teal-200 {
     --gradient-from-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .sm\:gradient-from-teal-300 {
+  .sm\:from-teal-300 {
     --gradient-from-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .sm\:gradient-from-teal-400 {
+  .sm\:from-teal-400 {
     --gradient-from-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .sm\:gradient-from-teal-500 {
+  .sm\:from-teal-500 {
     --gradient-from-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .sm\:gradient-from-teal-600 {
+  .sm\:from-teal-600 {
     --gradient-from-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .sm\:gradient-from-teal-700 {
+  .sm\:from-teal-700 {
     --gradient-from-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .sm\:gradient-from-teal-800 {
+  .sm\:from-teal-800 {
     --gradient-from-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .sm\:gradient-from-teal-900 {
+  .sm\:from-teal-900 {
     --gradient-from-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .sm\:gradient-from-blue-100 {
+  .sm\:from-blue-100 {
     --gradient-from-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .sm\:gradient-from-blue-200 {
+  .sm\:from-blue-200 {
     --gradient-from-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .sm\:gradient-from-blue-300 {
+  .sm\:from-blue-300 {
     --gradient-from-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .sm\:gradient-from-blue-400 {
+  .sm\:from-blue-400 {
     --gradient-from-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .sm\:gradient-from-blue-500 {
+  .sm\:from-blue-500 {
     --gradient-from-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .sm\:gradient-from-blue-600 {
+  .sm\:from-blue-600 {
     --gradient-from-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .sm\:gradient-from-blue-700 {
+  .sm\:from-blue-700 {
     --gradient-from-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .sm\:gradient-from-blue-800 {
+  .sm\:from-blue-800 {
     --gradient-from-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .sm\:gradient-from-blue-900 {
+  .sm\:from-blue-900 {
     --gradient-from-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .sm\:gradient-from-indigo-100 {
+  .sm\:from-indigo-100 {
     --gradient-from-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .sm\:gradient-from-indigo-200 {
+  .sm\:from-indigo-200 {
     --gradient-from-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .sm\:gradient-from-indigo-300 {
+  .sm\:from-indigo-300 {
     --gradient-from-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .sm\:gradient-from-indigo-400 {
+  .sm\:from-indigo-400 {
     --gradient-from-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .sm\:gradient-from-indigo-500 {
+  .sm\:from-indigo-500 {
     --gradient-from-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .sm\:gradient-from-indigo-600 {
+  .sm\:from-indigo-600 {
     --gradient-from-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .sm\:gradient-from-indigo-700 {
+  .sm\:from-indigo-700 {
     --gradient-from-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .sm\:gradient-from-indigo-800 {
+  .sm\:from-indigo-800 {
     --gradient-from-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .sm\:gradient-from-indigo-900 {
+  .sm\:from-indigo-900 {
     --gradient-from-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .sm\:gradient-from-purple-100 {
+  .sm\:from-purple-100 {
     --gradient-from-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .sm\:gradient-from-purple-200 {
+  .sm\:from-purple-200 {
     --gradient-from-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .sm\:gradient-from-purple-300 {
+  .sm\:from-purple-300 {
     --gradient-from-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .sm\:gradient-from-purple-400 {
+  .sm\:from-purple-400 {
     --gradient-from-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .sm\:gradient-from-purple-500 {
+  .sm\:from-purple-500 {
     --gradient-from-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .sm\:gradient-from-purple-600 {
+  .sm\:from-purple-600 {
     --gradient-from-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .sm\:gradient-from-purple-700 {
+  .sm\:from-purple-700 {
     --gradient-from-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .sm\:gradient-from-purple-800 {
+  .sm\:from-purple-800 {
     --gradient-from-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .sm\:gradient-from-purple-900 {
+  .sm\:from-purple-900 {
     --gradient-from-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .sm\:gradient-from-pink-100 {
+  .sm\:from-pink-100 {
     --gradient-from-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .sm\:gradient-from-pink-200 {
+  .sm\:from-pink-200 {
     --gradient-from-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .sm\:gradient-from-pink-300 {
+  .sm\:from-pink-300 {
     --gradient-from-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .sm\:gradient-from-pink-400 {
+  .sm\:from-pink-400 {
     --gradient-from-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .sm\:gradient-from-pink-500 {
+  .sm\:from-pink-500 {
     --gradient-from-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .sm\:gradient-from-pink-600 {
+  .sm\:from-pink-600 {
     --gradient-from-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .sm\:gradient-from-pink-700 {
+  .sm\:from-pink-700 {
     --gradient-from-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .sm\:gradient-from-pink-800 {
+  .sm\:from-pink-800 {
     --gradient-from-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .sm\:gradient-from-pink-900 {
+  .sm\:from-pink-900 {
     --gradient-from-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !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 {
+  .sm\:mid-transparent {
     --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:gradient-mid-current {
+  .sm\:mid-current {
     --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:gradient-mid-black {
+  .sm\:mid-black {
     --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:gradient-mid-white {
+  .sm\:mid-white {
     --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:gradient-mid-gray-100 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .sm\:gradient-mid-gray-200 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .sm\:gradient-mid-gray-300 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .sm\:gradient-mid-gray-400 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .sm\:gradient-mid-gray-500 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .sm\:gradient-mid-gray-600 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .sm\:gradient-mid-gray-700 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .sm\:gradient-mid-gray-800 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .sm\:gradient-mid-gray-900 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .sm\:gradient-mid-red-100 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .sm\:gradient-mid-red-200 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .sm\:gradient-mid-red-300 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .sm\:gradient-mid-red-400 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .sm\:gradient-mid-red-500 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .sm\:gradient-mid-red-600 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .sm\:gradient-mid-red-700 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .sm\:gradient-mid-red-800 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .sm\:gradient-mid-red-900 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .sm\:gradient-mid-orange-100 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .sm\:gradient-mid-orange-200 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .sm\:gradient-mid-orange-300 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .sm\:gradient-mid-orange-400 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .sm\:gradient-mid-orange-500 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .sm\:gradient-mid-orange-600 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .sm\:gradient-mid-orange-700 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .sm\:gradient-mid-orange-800 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .sm\:gradient-mid-orange-900 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .sm\:gradient-mid-yellow-100 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .sm\:gradient-mid-yellow-200 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .sm\:gradient-mid-yellow-300 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .sm\:gradient-mid-yellow-400 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .sm\:gradient-mid-yellow-500 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .sm\:gradient-mid-yellow-600 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .sm\:gradient-mid-yellow-700 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .sm\:gradient-mid-yellow-800 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .sm\:gradient-mid-yellow-900 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .sm\:gradient-mid-green-100 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .sm\:gradient-mid-green-200 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .sm\:gradient-mid-green-300 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .sm\:gradient-mid-green-400 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .sm\:gradient-mid-green-500 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .sm\:gradient-mid-green-600 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .sm\:gradient-mid-green-700 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .sm\:gradient-mid-green-800 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .sm\:gradient-mid-green-900 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .sm\:gradient-mid-teal-100 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .sm\:gradient-mid-teal-200 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .sm\:gradient-mid-teal-300 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .sm\:gradient-mid-teal-400 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .sm\:gradient-mid-teal-500 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .sm\:gradient-mid-teal-600 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .sm\:gradient-mid-teal-700 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .sm\:gradient-mid-teal-800 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .sm\:gradient-mid-teal-900 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .sm\:gradient-mid-blue-100 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .sm\:gradient-mid-blue-200 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .sm\:gradient-mid-blue-300 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .sm\:gradient-mid-blue-400 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .sm\:gradient-mid-blue-500 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .sm\:gradient-mid-blue-600 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .sm\:gradient-mid-blue-700 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .sm\:gradient-mid-blue-800 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .sm\:gradient-mid-blue-900 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .sm\:gradient-mid-indigo-100 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .sm\:gradient-mid-indigo-200 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .sm\:gradient-mid-indigo-300 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .sm\:gradient-mid-indigo-400 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .sm\:gradient-mid-indigo-500 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .sm\:gradient-mid-indigo-600 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .sm\:gradient-mid-indigo-700 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .sm\:gradient-mid-indigo-800 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .sm\:gradient-mid-indigo-900 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .sm\:gradient-mid-purple-100 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .sm\:gradient-mid-purple-200 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .sm\:gradient-mid-purple-300 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .sm\:gradient-mid-purple-400 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .sm\:gradient-mid-purple-500 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .sm\:gradient-mid-purple-600 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .sm\:gradient-mid-purple-700 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .sm\:gradient-mid-purple-800 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .sm\:gradient-mid-purple-900 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .sm\:gradient-mid-pink-100 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .sm\:gradient-mid-pink-200 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .sm\:gradient-mid-pink-300 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .sm\:gradient-mid-pink-400 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .sm\:gradient-mid-pink-500 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .sm\:gradient-mid-pink-600 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .sm\:gradient-mid-pink-700 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .sm\:gradient-mid-pink-800 {
+  .sm\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .sm\:gradient-mid-pink-900 {
+  .sm\:mid-pink-900 {
     --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-transparent:hover {
+  .sm\:to-transparent {
+    --gradient-to-color: transparent !important;
+  }
+
+  .sm\:to-current {
+    --gradient-to-color: currentColor !important;
+  }
+
+  .sm\:to-black {
+    --gradient-to-color: #000 !important;
+  }
+
+  .sm\:to-white {
+    --gradient-to-color: #fff !important;
+  }
+
+  .sm\:to-gray-100 {
+    --gradient-to-color: #f7fafc !important;
+  }
+
+  .sm\:to-gray-200 {
+    --gradient-to-color: #edf2f7 !important;
+  }
+
+  .sm\:to-gray-300 {
+    --gradient-to-color: #e2e8f0 !important;
+  }
+
+  .sm\:to-gray-400 {
+    --gradient-to-color: #cbd5e0 !important;
+  }
+
+  .sm\:to-gray-500 {
+    --gradient-to-color: #a0aec0 !important;
+  }
+
+  .sm\:to-gray-600 {
+    --gradient-to-color: #718096 !important;
+  }
+
+  .sm\:to-gray-700 {
+    --gradient-to-color: #4a5568 !important;
+  }
+
+  .sm\:to-gray-800 {
+    --gradient-to-color: #2d3748 !important;
+  }
+
+  .sm\:to-gray-900 {
+    --gradient-to-color: #1a202c !important;
+  }
+
+  .sm\:to-red-100 {
+    --gradient-to-color: #fff5f5 !important;
+  }
+
+  .sm\:to-red-200 {
+    --gradient-to-color: #fed7d7 !important;
+  }
+
+  .sm\:to-red-300 {
+    --gradient-to-color: #feb2b2 !important;
+  }
+
+  .sm\:to-red-400 {
+    --gradient-to-color: #fc8181 !important;
+  }
+
+  .sm\:to-red-500 {
+    --gradient-to-color: #f56565 !important;
+  }
+
+  .sm\:to-red-600 {
+    --gradient-to-color: #e53e3e !important;
+  }
+
+  .sm\:to-red-700 {
+    --gradient-to-color: #c53030 !important;
+  }
+
+  .sm\:to-red-800 {
+    --gradient-to-color: #9b2c2c !important;
+  }
+
+  .sm\:to-red-900 {
+    --gradient-to-color: #742a2a !important;
+  }
+
+  .sm\:to-orange-100 {
+    --gradient-to-color: #fffaf0 !important;
+  }
+
+  .sm\:to-orange-200 {
+    --gradient-to-color: #feebc8 !important;
+  }
+
+  .sm\:to-orange-300 {
+    --gradient-to-color: #fbd38d !important;
+  }
+
+  .sm\:to-orange-400 {
+    --gradient-to-color: #f6ad55 !important;
+  }
+
+  .sm\:to-orange-500 {
+    --gradient-to-color: #ed8936 !important;
+  }
+
+  .sm\:to-orange-600 {
+    --gradient-to-color: #dd6b20 !important;
+  }
+
+  .sm\:to-orange-700 {
+    --gradient-to-color: #c05621 !important;
+  }
+
+  .sm\:to-orange-800 {
+    --gradient-to-color: #9c4221 !important;
+  }
+
+  .sm\:to-orange-900 {
+    --gradient-to-color: #7b341e !important;
+  }
+
+  .sm\:to-yellow-100 {
+    --gradient-to-color: #fffff0 !important;
+  }
+
+  .sm\:to-yellow-200 {
+    --gradient-to-color: #fefcbf !important;
+  }
+
+  .sm\:to-yellow-300 {
+    --gradient-to-color: #faf089 !important;
+  }
+
+  .sm\:to-yellow-400 {
+    --gradient-to-color: #f6e05e !important;
+  }
+
+  .sm\:to-yellow-500 {
+    --gradient-to-color: #ecc94b !important;
+  }
+
+  .sm\:to-yellow-600 {
+    --gradient-to-color: #d69e2e !important;
+  }
+
+  .sm\:to-yellow-700 {
+    --gradient-to-color: #b7791f !important;
+  }
+
+  .sm\:to-yellow-800 {
+    --gradient-to-color: #975a16 !important;
+  }
+
+  .sm\:to-yellow-900 {
+    --gradient-to-color: #744210 !important;
+  }
+
+  .sm\:to-green-100 {
+    --gradient-to-color: #f0fff4 !important;
+  }
+
+  .sm\:to-green-200 {
+    --gradient-to-color: #c6f6d5 !important;
+  }
+
+  .sm\:to-green-300 {
+    --gradient-to-color: #9ae6b4 !important;
+  }
+
+  .sm\:to-green-400 {
+    --gradient-to-color: #68d391 !important;
+  }
+
+  .sm\:to-green-500 {
+    --gradient-to-color: #48bb78 !important;
+  }
+
+  .sm\:to-green-600 {
+    --gradient-to-color: #38a169 !important;
+  }
+
+  .sm\:to-green-700 {
+    --gradient-to-color: #2f855a !important;
+  }
+
+  .sm\:to-green-800 {
+    --gradient-to-color: #276749 !important;
+  }
+
+  .sm\:to-green-900 {
+    --gradient-to-color: #22543d !important;
+  }
+
+  .sm\:to-teal-100 {
+    --gradient-to-color: #e6fffa !important;
+  }
+
+  .sm\:to-teal-200 {
+    --gradient-to-color: #b2f5ea !important;
+  }
+
+  .sm\:to-teal-300 {
+    --gradient-to-color: #81e6d9 !important;
+  }
+
+  .sm\:to-teal-400 {
+    --gradient-to-color: #4fd1c5 !important;
+  }
+
+  .sm\:to-teal-500 {
+    --gradient-to-color: #38b2ac !important;
+  }
+
+  .sm\:to-teal-600 {
+    --gradient-to-color: #319795 !important;
+  }
+
+  .sm\:to-teal-700 {
+    --gradient-to-color: #2c7a7b !important;
+  }
+
+  .sm\:to-teal-800 {
+    --gradient-to-color: #285e61 !important;
+  }
+
+  .sm\:to-teal-900 {
+    --gradient-to-color: #234e52 !important;
+  }
+
+  .sm\:to-blue-100 {
+    --gradient-to-color: #ebf8ff !important;
+  }
+
+  .sm\:to-blue-200 {
+    --gradient-to-color: #bee3f8 !important;
+  }
+
+  .sm\:to-blue-300 {
+    --gradient-to-color: #90cdf4 !important;
+  }
+
+  .sm\:to-blue-400 {
+    --gradient-to-color: #63b3ed !important;
+  }
+
+  .sm\:to-blue-500 {
+    --gradient-to-color: #4299e1 !important;
+  }
+
+  .sm\:to-blue-600 {
+    --gradient-to-color: #3182ce !important;
+  }
+
+  .sm\:to-blue-700 {
+    --gradient-to-color: #2b6cb0 !important;
+  }
+
+  .sm\:to-blue-800 {
+    --gradient-to-color: #2c5282 !important;
+  }
+
+  .sm\:to-blue-900 {
+    --gradient-to-color: #2a4365 !important;
+  }
+
+  .sm\:to-indigo-100 {
+    --gradient-to-color: #ebf4ff !important;
+  }
+
+  .sm\:to-indigo-200 {
+    --gradient-to-color: #c3dafe !important;
+  }
+
+  .sm\:to-indigo-300 {
+    --gradient-to-color: #a3bffa !important;
+  }
+
+  .sm\:to-indigo-400 {
+    --gradient-to-color: #7f9cf5 !important;
+  }
+
+  .sm\:to-indigo-500 {
+    --gradient-to-color: #667eea !important;
+  }
+
+  .sm\:to-indigo-600 {
+    --gradient-to-color: #5a67d8 !important;
+  }
+
+  .sm\:to-indigo-700 {
+    --gradient-to-color: #4c51bf !important;
+  }
+
+  .sm\:to-indigo-800 {
+    --gradient-to-color: #434190 !important;
+  }
+
+  .sm\:to-indigo-900 {
+    --gradient-to-color: #3c366b !important;
+  }
+
+  .sm\:to-purple-100 {
+    --gradient-to-color: #faf5ff !important;
+  }
+
+  .sm\:to-purple-200 {
+    --gradient-to-color: #e9d8fd !important;
+  }
+
+  .sm\:to-purple-300 {
+    --gradient-to-color: #d6bcfa !important;
+  }
+
+  .sm\:to-purple-400 {
+    --gradient-to-color: #b794f4 !important;
+  }
+
+  .sm\:to-purple-500 {
+    --gradient-to-color: #9f7aea !important;
+  }
+
+  .sm\:to-purple-600 {
+    --gradient-to-color: #805ad5 !important;
+  }
+
+  .sm\:to-purple-700 {
+    --gradient-to-color: #6b46c1 !important;
+  }
+
+  .sm\:to-purple-800 {
+    --gradient-to-color: #553c9a !important;
+  }
+
+  .sm\:to-purple-900 {
+    --gradient-to-color: #44337a !important;
+  }
+
+  .sm\:to-pink-100 {
+    --gradient-to-color: #fff5f7 !important;
+  }
+
+  .sm\:to-pink-200 {
+    --gradient-to-color: #fed7e2 !important;
+  }
+
+  .sm\:to-pink-300 {
+    --gradient-to-color: #fbb6ce !important;
+  }
+
+  .sm\:to-pink-400 {
+    --gradient-to-color: #f687b3 !important;
+  }
+
+  .sm\:to-pink-500 {
+    --gradient-to-color: #ed64a6 !important;
+  }
+
+  .sm\:to-pink-600 {
+    --gradient-to-color: #d53f8c !important;
+  }
+
+  .sm\:to-pink-700 {
+    --gradient-to-color: #b83280 !important;
+  }
+
+  .sm\:to-pink-800 {
+    --gradient-to-color: #97266d !important;
+  }
+
+  .sm\:to-pink-900 {
+    --gradient-to-color: #702459 !important;
+  }
+
+  .sm\:hover\:from-transparent:hover {
     --gradient-from-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-current:hover {
+  .sm\:hover\:from-current:hover {
     --gradient-from-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-black:hover {
+  .sm\:hover\:from-black:hover {
     --gradient-from-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-white:hover {
+  .sm\:hover\:from-white:hover {
     --gradient-from-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-gray-100:hover {
+  .sm\:hover\:from-gray-100:hover {
     --gradient-from-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-gray-200:hover {
+  .sm\:hover\:from-gray-200:hover {
     --gradient-from-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-gray-300:hover {
+  .sm\:hover\:from-gray-300:hover {
     --gradient-from-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-gray-400:hover {
+  .sm\:hover\:from-gray-400:hover {
     --gradient-from-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-gray-500:hover {
+  .sm\:hover\:from-gray-500:hover {
     --gradient-from-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-gray-600:hover {
+  .sm\:hover\:from-gray-600:hover {
     --gradient-from-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-gray-700:hover {
+  .sm\:hover\:from-gray-700:hover {
     --gradient-from-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-gray-800:hover {
+  .sm\:hover\:from-gray-800:hover {
     --gradient-from-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-gray-900:hover {
+  .sm\:hover\:from-gray-900:hover {
     --gradient-from-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-red-100:hover {
+  .sm\:hover\:from-red-100:hover {
     --gradient-from-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-red-200:hover {
+  .sm\:hover\:from-red-200:hover {
     --gradient-from-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-red-300:hover {
+  .sm\:hover\:from-red-300:hover {
     --gradient-from-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-red-400:hover {
+  .sm\:hover\:from-red-400:hover {
     --gradient-from-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-red-500:hover {
+  .sm\:hover\:from-red-500:hover {
     --gradient-from-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-red-600:hover {
+  .sm\:hover\:from-red-600:hover {
     --gradient-from-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-red-700:hover {
+  .sm\:hover\:from-red-700:hover {
     --gradient-from-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-red-800:hover {
+  .sm\:hover\:from-red-800:hover {
     --gradient-from-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-red-900:hover {
+  .sm\:hover\:from-red-900:hover {
     --gradient-from-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-orange-100:hover {
+  .sm\:hover\:from-orange-100:hover {
     --gradient-from-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-orange-200:hover {
+  .sm\:hover\:from-orange-200:hover {
     --gradient-from-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-orange-300:hover {
+  .sm\:hover\:from-orange-300:hover {
     --gradient-from-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-orange-400:hover {
+  .sm\:hover\:from-orange-400:hover {
     --gradient-from-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-orange-500:hover {
+  .sm\:hover\:from-orange-500:hover {
     --gradient-from-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-orange-600:hover {
+  .sm\:hover\:from-orange-600:hover {
     --gradient-from-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-orange-700:hover {
+  .sm\:hover\:from-orange-700:hover {
     --gradient-from-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-orange-800:hover {
+  .sm\:hover\:from-orange-800:hover {
     --gradient-from-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-orange-900:hover {
+  .sm\:hover\:from-orange-900:hover {
     --gradient-from-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-yellow-100:hover {
+  .sm\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-yellow-200:hover {
+  .sm\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-yellow-300:hover {
+  .sm\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-yellow-400:hover {
+  .sm\:hover\:from-yellow-400:hover {
     --gradient-from-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-yellow-500:hover {
+  .sm\:hover\:from-yellow-500:hover {
     --gradient-from-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-yellow-600:hover {
+  .sm\:hover\:from-yellow-600:hover {
     --gradient-from-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-yellow-700:hover {
+  .sm\:hover\:from-yellow-700:hover {
     --gradient-from-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-yellow-800:hover {
+  .sm\:hover\:from-yellow-800:hover {
     --gradient-from-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-yellow-900:hover {
+  .sm\:hover\:from-yellow-900:hover {
     --gradient-from-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-green-100:hover {
+  .sm\:hover\:from-green-100:hover {
     --gradient-from-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-green-200:hover {
+  .sm\:hover\:from-green-200:hover {
     --gradient-from-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-green-300:hover {
+  .sm\:hover\:from-green-300:hover {
     --gradient-from-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-green-400:hover {
+  .sm\:hover\:from-green-400:hover {
     --gradient-from-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-green-500:hover {
+  .sm\:hover\:from-green-500:hover {
     --gradient-from-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-green-600:hover {
+  .sm\:hover\:from-green-600:hover {
     --gradient-from-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-green-700:hover {
+  .sm\:hover\:from-green-700:hover {
     --gradient-from-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-green-800:hover {
+  .sm\:hover\:from-green-800:hover {
     --gradient-from-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-green-900:hover {
+  .sm\:hover\:from-green-900:hover {
     --gradient-from-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-teal-100:hover {
+  .sm\:hover\:from-teal-100:hover {
     --gradient-from-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-teal-200:hover {
+  .sm\:hover\:from-teal-200:hover {
     --gradient-from-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-teal-300:hover {
+  .sm\:hover\:from-teal-300:hover {
     --gradient-from-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-teal-400:hover {
+  .sm\:hover\:from-teal-400:hover {
     --gradient-from-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-teal-500:hover {
+  .sm\:hover\:from-teal-500:hover {
     --gradient-from-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-teal-600:hover {
+  .sm\:hover\:from-teal-600:hover {
     --gradient-from-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-teal-700:hover {
+  .sm\:hover\:from-teal-700:hover {
     --gradient-from-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-teal-800:hover {
+  .sm\:hover\:from-teal-800:hover {
     --gradient-from-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-teal-900:hover {
+  .sm\:hover\:from-teal-900:hover {
     --gradient-from-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-blue-100:hover {
+  .sm\:hover\:from-blue-100:hover {
     --gradient-from-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-blue-200:hover {
+  .sm\:hover\:from-blue-200:hover {
     --gradient-from-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-blue-300:hover {
+  .sm\:hover\:from-blue-300:hover {
     --gradient-from-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-blue-400:hover {
+  .sm\:hover\:from-blue-400:hover {
     --gradient-from-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-blue-500:hover {
+  .sm\:hover\:from-blue-500:hover {
     --gradient-from-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-blue-600:hover {
+  .sm\:hover\:from-blue-600:hover {
     --gradient-from-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-blue-700:hover {
+  .sm\:hover\:from-blue-700:hover {
     --gradient-from-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-blue-800:hover {
+  .sm\:hover\:from-blue-800:hover {
     --gradient-from-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-blue-900:hover {
+  .sm\:hover\:from-blue-900:hover {
     --gradient-from-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-indigo-100:hover {
+  .sm\:hover\:from-indigo-100:hover {
     --gradient-from-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-indigo-200:hover {
+  .sm\:hover\:from-indigo-200:hover {
     --gradient-from-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-indigo-300:hover {
+  .sm\:hover\:from-indigo-300:hover {
     --gradient-from-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-indigo-400:hover {
+  .sm\:hover\:from-indigo-400:hover {
     --gradient-from-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-indigo-500:hover {
+  .sm\:hover\:from-indigo-500:hover {
     --gradient-from-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-indigo-600:hover {
+  .sm\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-indigo-700:hover {
+  .sm\:hover\:from-indigo-700:hover {
     --gradient-from-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-indigo-800:hover {
+  .sm\:hover\:from-indigo-800:hover {
     --gradient-from-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-indigo-900:hover {
+  .sm\:hover\:from-indigo-900:hover {
     --gradient-from-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-purple-100:hover {
+  .sm\:hover\:from-purple-100:hover {
     --gradient-from-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-purple-200:hover {
+  .sm\:hover\:from-purple-200:hover {
     --gradient-from-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-purple-300:hover {
+  .sm\:hover\:from-purple-300:hover {
     --gradient-from-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-purple-400:hover {
+  .sm\:hover\:from-purple-400:hover {
     --gradient-from-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-purple-500:hover {
+  .sm\:hover\:from-purple-500:hover {
     --gradient-from-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-purple-600:hover {
+  .sm\:hover\:from-purple-600:hover {
     --gradient-from-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-purple-700:hover {
+  .sm\:hover\:from-purple-700:hover {
     --gradient-from-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-purple-800:hover {
+  .sm\:hover\:from-purple-800:hover {
     --gradient-from-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-purple-900:hover {
+  .sm\:hover\:from-purple-900:hover {
     --gradient-from-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-pink-100:hover {
+  .sm\:hover\:from-pink-100:hover {
     --gradient-from-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-pink-200:hover {
+  .sm\:hover\:from-pink-200:hover {
     --gradient-from-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-pink-300:hover {
+  .sm\:hover\:from-pink-300:hover {
     --gradient-from-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-pink-400:hover {
+  .sm\:hover\:from-pink-400:hover {
     --gradient-from-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-pink-500:hover {
+  .sm\:hover\:from-pink-500:hover {
     --gradient-from-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-pink-600:hover {
+  .sm\:hover\:from-pink-600:hover {
     --gradient-from-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-pink-700:hover {
+  .sm\:hover\:from-pink-700:hover {
     --gradient-from-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-pink-800:hover {
+  .sm\:hover\:from-pink-800:hover {
     --gradient-from-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .sm\:hover\:gradient-from-pink-900:hover {
+  .sm\:hover\:from-pink-900:hover {
     --gradient-from-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !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 {
+  .sm\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-current:hover {
+  .sm\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-black:hover {
+  .sm\:hover\:mid-black:hover {
     --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-white:hover {
+  .sm\:hover\:mid-white:hover {
     --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-gray-100:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-gray-200:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-gray-300:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-gray-400:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-gray-500:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-gray-600:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-gray-700:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-gray-800:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-gray-900:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-red-100:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-red-200:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-red-300:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-red-400:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-red-500:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-red-600:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-red-700:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-red-800:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-red-900:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-orange-100:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-orange-200:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-orange-300:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-orange-400:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-orange-500:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-orange-600:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-orange-700:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-orange-800:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-orange-900:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-yellow-100:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-yellow-200:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-yellow-300:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-yellow-400:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-yellow-500:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-yellow-600:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-yellow-700:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-yellow-800:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-yellow-900:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-green-100:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-green-200:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-green-300:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-green-400:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-green-500:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-green-600:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-green-700:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-green-800:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-green-900:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-teal-100:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-teal-200:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-teal-300:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-teal-400:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-teal-500:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-teal-600:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-teal-700:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-teal-800:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-teal-900:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-blue-100:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-blue-200:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-blue-300:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-blue-400:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-blue-500:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-blue-600:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-blue-700:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-blue-800:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-blue-900:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-indigo-100:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-indigo-200:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-indigo-300:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-indigo-400:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-indigo-500:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-indigo-600:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-indigo-700:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-indigo-800:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-indigo-900:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-purple-100:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-purple-200:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-purple-300:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-purple-400:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-purple-500:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-purple-600:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-purple-700:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-purple-800:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-purple-900:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-pink-100:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-pink-200:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-pink-300:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-pink-400:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-pink-500:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-pink-600:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-pink-700:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-pink-800:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .sm\:hover\:gradient-mid-pink-900:hover {
+  .sm\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-transparent:focus {
+  .sm\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent !important;
+  }
+
+  .sm\:hover\:to-current:hover {
+    --gradient-to-color: currentColor !important;
+  }
+
+  .sm\:hover\:to-black:hover {
+    --gradient-to-color: #000 !important;
+  }
+
+  .sm\:hover\:to-white:hover {
+    --gradient-to-color: #fff !important;
+  }
+
+  .sm\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f7fafc !important;
+  }
+
+  .sm\:hover\:to-gray-200:hover {
+    --gradient-to-color: #edf2f7 !important;
+  }
+
+  .sm\:hover\:to-gray-300:hover {
+    --gradient-to-color: #e2e8f0 !important;
+  }
+
+  .sm\:hover\:to-gray-400:hover {
+    --gradient-to-color: #cbd5e0 !important;
+  }
+
+  .sm\:hover\:to-gray-500:hover {
+    --gradient-to-color: #a0aec0 !important;
+  }
+
+  .sm\:hover\:to-gray-600:hover {
+    --gradient-to-color: #718096 !important;
+  }
+
+  .sm\:hover\:to-gray-700:hover {
+    --gradient-to-color: #4a5568 !important;
+  }
+
+  .sm\:hover\:to-gray-800:hover {
+    --gradient-to-color: #2d3748 !important;
+  }
+
+  .sm\:hover\:to-gray-900:hover {
+    --gradient-to-color: #1a202c !important;
+  }
+
+  .sm\:hover\:to-red-100:hover {
+    --gradient-to-color: #fff5f5 !important;
+  }
+
+  .sm\:hover\:to-red-200:hover {
+    --gradient-to-color: #fed7d7 !important;
+  }
+
+  .sm\:hover\:to-red-300:hover {
+    --gradient-to-color: #feb2b2 !important;
+  }
+
+  .sm\:hover\:to-red-400:hover {
+    --gradient-to-color: #fc8181 !important;
+  }
+
+  .sm\:hover\:to-red-500:hover {
+    --gradient-to-color: #f56565 !important;
+  }
+
+  .sm\:hover\:to-red-600:hover {
+    --gradient-to-color: #e53e3e !important;
+  }
+
+  .sm\:hover\:to-red-700:hover {
+    --gradient-to-color: #c53030 !important;
+  }
+
+  .sm\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b2c2c !important;
+  }
+
+  .sm\:hover\:to-red-900:hover {
+    --gradient-to-color: #742a2a !important;
+  }
+
+  .sm\:hover\:to-orange-100:hover {
+    --gradient-to-color: #fffaf0 !important;
+  }
+
+  .sm\:hover\:to-orange-200:hover {
+    --gradient-to-color: #feebc8 !important;
+  }
+
+  .sm\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fbd38d !important;
+  }
+
+  .sm\:hover\:to-orange-400:hover {
+    --gradient-to-color: #f6ad55 !important;
+  }
+
+  .sm\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ed8936 !important;
+  }
+
+  .sm\:hover\:to-orange-600:hover {
+    --gradient-to-color: #dd6b20 !important;
+  }
+
+  .sm\:hover\:to-orange-700:hover {
+    --gradient-to-color: #c05621 !important;
+  }
+
+  .sm\:hover\:to-orange-800:hover {
+    --gradient-to-color: #9c4221 !important;
+  }
+
+  .sm\:hover\:to-orange-900:hover {
+    --gradient-to-color: #7b341e !important;
+  }
+
+  .sm\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fffff0 !important;
+  }
+
+  .sm\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fefcbf !important;
+  }
+
+  .sm\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faf089 !important;
+  }
+
+  .sm\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #f6e05e !important;
+  }
+
+  .sm\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #ecc94b !important;
+  }
+
+  .sm\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #d69e2e !important;
+  }
+
+  .sm\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #b7791f !important;
+  }
+
+  .sm\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #975a16 !important;
+  }
+
+  .sm\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #744210 !important;
+  }
+
+  .sm\:hover\:to-green-100:hover {
+    --gradient-to-color: #f0fff4 !important;
+  }
+
+  .sm\:hover\:to-green-200:hover {
+    --gradient-to-color: #c6f6d5 !important;
+  }
+
+  .sm\:hover\:to-green-300:hover {
+    --gradient-to-color: #9ae6b4 !important;
+  }
+
+  .sm\:hover\:to-green-400:hover {
+    --gradient-to-color: #68d391 !important;
+  }
+
+  .sm\:hover\:to-green-500:hover {
+    --gradient-to-color: #48bb78 !important;
+  }
+
+  .sm\:hover\:to-green-600:hover {
+    --gradient-to-color: #38a169 !important;
+  }
+
+  .sm\:hover\:to-green-700:hover {
+    --gradient-to-color: #2f855a !important;
+  }
+
+  .sm\:hover\:to-green-800:hover {
+    --gradient-to-color: #276749 !important;
+  }
+
+  .sm\:hover\:to-green-900:hover {
+    --gradient-to-color: #22543d !important;
+  }
+
+  .sm\:hover\:to-teal-100:hover {
+    --gradient-to-color: #e6fffa !important;
+  }
+
+  .sm\:hover\:to-teal-200:hover {
+    --gradient-to-color: #b2f5ea !important;
+  }
+
+  .sm\:hover\:to-teal-300:hover {
+    --gradient-to-color: #81e6d9 !important;
+  }
+
+  .sm\:hover\:to-teal-400:hover {
+    --gradient-to-color: #4fd1c5 !important;
+  }
+
+  .sm\:hover\:to-teal-500:hover {
+    --gradient-to-color: #38b2ac !important;
+  }
+
+  .sm\:hover\:to-teal-600:hover {
+    --gradient-to-color: #319795 !important;
+  }
+
+  .sm\:hover\:to-teal-700:hover {
+    --gradient-to-color: #2c7a7b !important;
+  }
+
+  .sm\:hover\:to-teal-800:hover {
+    --gradient-to-color: #285e61 !important;
+  }
+
+  .sm\:hover\:to-teal-900:hover {
+    --gradient-to-color: #234e52 !important;
+  }
+
+  .sm\:hover\:to-blue-100:hover {
+    --gradient-to-color: #ebf8ff !important;
+  }
+
+  .sm\:hover\:to-blue-200:hover {
+    --gradient-to-color: #bee3f8 !important;
+  }
+
+  .sm\:hover\:to-blue-300:hover {
+    --gradient-to-color: #90cdf4 !important;
+  }
+
+  .sm\:hover\:to-blue-400:hover {
+    --gradient-to-color: #63b3ed !important;
+  }
+
+  .sm\:hover\:to-blue-500:hover {
+    --gradient-to-color: #4299e1 !important;
+  }
+
+  .sm\:hover\:to-blue-600:hover {
+    --gradient-to-color: #3182ce !important;
+  }
+
+  .sm\:hover\:to-blue-700:hover {
+    --gradient-to-color: #2b6cb0 !important;
+  }
+
+  .sm\:hover\:to-blue-800:hover {
+    --gradient-to-color: #2c5282 !important;
+  }
+
+  .sm\:hover\:to-blue-900:hover {
+    --gradient-to-color: #2a4365 !important;
+  }
+
+  .sm\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff !important;
+  }
+
+  .sm\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #c3dafe !important;
+  }
+
+  .sm\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #a3bffa !important;
+  }
+
+  .sm\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5 !important;
+  }
+
+  .sm\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #667eea !important;
+  }
+
+  .sm\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5a67d8 !important;
+  }
+
+  .sm\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #4c51bf !important;
+  }
+
+  .sm\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #434190 !important;
+  }
+
+  .sm\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #3c366b !important;
+  }
+
+  .sm\:hover\:to-purple-100:hover {
+    --gradient-to-color: #faf5ff !important;
+  }
+
+  .sm\:hover\:to-purple-200:hover {
+    --gradient-to-color: #e9d8fd !important;
+  }
+
+  .sm\:hover\:to-purple-300:hover {
+    --gradient-to-color: #d6bcfa !important;
+  }
+
+  .sm\:hover\:to-purple-400:hover {
+    --gradient-to-color: #b794f4 !important;
+  }
+
+  .sm\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9f7aea !important;
+  }
+
+  .sm\:hover\:to-purple-600:hover {
+    --gradient-to-color: #805ad5 !important;
+  }
+
+  .sm\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6b46c1 !important;
+  }
+
+  .sm\:hover\:to-purple-800:hover {
+    --gradient-to-color: #553c9a !important;
+  }
+
+  .sm\:hover\:to-purple-900:hover {
+    --gradient-to-color: #44337a !important;
+  }
+
+  .sm\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fff5f7 !important;
+  }
+
+  .sm\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fed7e2 !important;
+  }
+
+  .sm\:hover\:to-pink-300:hover {
+    --gradient-to-color: #fbb6ce !important;
+  }
+
+  .sm\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f687b3 !important;
+  }
+
+  .sm\:hover\:to-pink-500:hover {
+    --gradient-to-color: #ed64a6 !important;
+  }
+
+  .sm\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d53f8c !important;
+  }
+
+  .sm\:hover\:to-pink-700:hover {
+    --gradient-to-color: #b83280 !important;
+  }
+
+  .sm\:hover\:to-pink-800:hover {
+    --gradient-to-color: #97266d !important;
+  }
+
+  .sm\:hover\:to-pink-900:hover {
+    --gradient-to-color: #702459 !important;
+  }
+
+  .sm\:focus\:from-transparent:focus {
     --gradient-from-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-current:focus {
+  .sm\:focus\:from-current:focus {
     --gradient-from-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-black:focus {
+  .sm\:focus\:from-black:focus {
     --gradient-from-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-white:focus {
+  .sm\:focus\:from-white:focus {
     --gradient-from-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-gray-100:focus {
+  .sm\:focus\:from-gray-100:focus {
     --gradient-from-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-gray-200:focus {
+  .sm\:focus\:from-gray-200:focus {
     --gradient-from-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-gray-300:focus {
+  .sm\:focus\:from-gray-300:focus {
     --gradient-from-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-gray-400:focus {
+  .sm\:focus\:from-gray-400:focus {
     --gradient-from-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-gray-500:focus {
+  .sm\:focus\:from-gray-500:focus {
     --gradient-from-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-gray-600:focus {
+  .sm\:focus\:from-gray-600:focus {
     --gradient-from-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-gray-700:focus {
+  .sm\:focus\:from-gray-700:focus {
     --gradient-from-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-gray-800:focus {
+  .sm\:focus\:from-gray-800:focus {
     --gradient-from-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-gray-900:focus {
+  .sm\:focus\:from-gray-900:focus {
     --gradient-from-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-red-100:focus {
+  .sm\:focus\:from-red-100:focus {
     --gradient-from-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-red-200:focus {
+  .sm\:focus\:from-red-200:focus {
     --gradient-from-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-red-300:focus {
+  .sm\:focus\:from-red-300:focus {
     --gradient-from-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-red-400:focus {
+  .sm\:focus\:from-red-400:focus {
     --gradient-from-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-red-500:focus {
+  .sm\:focus\:from-red-500:focus {
     --gradient-from-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-red-600:focus {
+  .sm\:focus\:from-red-600:focus {
     --gradient-from-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-red-700:focus {
+  .sm\:focus\:from-red-700:focus {
     --gradient-from-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-red-800:focus {
+  .sm\:focus\:from-red-800:focus {
     --gradient-from-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-red-900:focus {
+  .sm\:focus\:from-red-900:focus {
     --gradient-from-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-orange-100:focus {
+  .sm\:focus\:from-orange-100:focus {
     --gradient-from-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-orange-200:focus {
+  .sm\:focus\:from-orange-200:focus {
     --gradient-from-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-orange-300:focus {
+  .sm\:focus\:from-orange-300:focus {
     --gradient-from-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-orange-400:focus {
+  .sm\:focus\:from-orange-400:focus {
     --gradient-from-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-orange-500:focus {
+  .sm\:focus\:from-orange-500:focus {
     --gradient-from-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-orange-600:focus {
+  .sm\:focus\:from-orange-600:focus {
     --gradient-from-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-orange-700:focus {
+  .sm\:focus\:from-orange-700:focus {
     --gradient-from-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-orange-800:focus {
+  .sm\:focus\:from-orange-800:focus {
     --gradient-from-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-orange-900:focus {
+  .sm\:focus\:from-orange-900:focus {
     --gradient-from-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-yellow-100:focus {
+  .sm\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-yellow-200:focus {
+  .sm\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-yellow-300:focus {
+  .sm\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-yellow-400:focus {
+  .sm\:focus\:from-yellow-400:focus {
     --gradient-from-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-yellow-500:focus {
+  .sm\:focus\:from-yellow-500:focus {
     --gradient-from-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-yellow-600:focus {
+  .sm\:focus\:from-yellow-600:focus {
     --gradient-from-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-yellow-700:focus {
+  .sm\:focus\:from-yellow-700:focus {
     --gradient-from-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-yellow-800:focus {
+  .sm\:focus\:from-yellow-800:focus {
     --gradient-from-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-yellow-900:focus {
+  .sm\:focus\:from-yellow-900:focus {
     --gradient-from-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-green-100:focus {
+  .sm\:focus\:from-green-100:focus {
     --gradient-from-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-green-200:focus {
+  .sm\:focus\:from-green-200:focus {
     --gradient-from-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-green-300:focus {
+  .sm\:focus\:from-green-300:focus {
     --gradient-from-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-green-400:focus {
+  .sm\:focus\:from-green-400:focus {
     --gradient-from-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-green-500:focus {
+  .sm\:focus\:from-green-500:focus {
     --gradient-from-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-green-600:focus {
+  .sm\:focus\:from-green-600:focus {
     --gradient-from-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-green-700:focus {
+  .sm\:focus\:from-green-700:focus {
     --gradient-from-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-green-800:focus {
+  .sm\:focus\:from-green-800:focus {
     --gradient-from-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-green-900:focus {
+  .sm\:focus\:from-green-900:focus {
     --gradient-from-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-teal-100:focus {
+  .sm\:focus\:from-teal-100:focus {
     --gradient-from-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-teal-200:focus {
+  .sm\:focus\:from-teal-200:focus {
     --gradient-from-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-teal-300:focus {
+  .sm\:focus\:from-teal-300:focus {
     --gradient-from-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-teal-400:focus {
+  .sm\:focus\:from-teal-400:focus {
     --gradient-from-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-teal-500:focus {
+  .sm\:focus\:from-teal-500:focus {
     --gradient-from-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-teal-600:focus {
+  .sm\:focus\:from-teal-600:focus {
     --gradient-from-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-teal-700:focus {
+  .sm\:focus\:from-teal-700:focus {
     --gradient-from-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-teal-800:focus {
+  .sm\:focus\:from-teal-800:focus {
     --gradient-from-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-teal-900:focus {
+  .sm\:focus\:from-teal-900:focus {
     --gradient-from-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-blue-100:focus {
+  .sm\:focus\:from-blue-100:focus {
     --gradient-from-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-blue-200:focus {
+  .sm\:focus\:from-blue-200:focus {
     --gradient-from-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-blue-300:focus {
+  .sm\:focus\:from-blue-300:focus {
     --gradient-from-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-blue-400:focus {
+  .sm\:focus\:from-blue-400:focus {
     --gradient-from-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-blue-500:focus {
+  .sm\:focus\:from-blue-500:focus {
     --gradient-from-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-blue-600:focus {
+  .sm\:focus\:from-blue-600:focus {
     --gradient-from-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-blue-700:focus {
+  .sm\:focus\:from-blue-700:focus {
     --gradient-from-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-blue-800:focus {
+  .sm\:focus\:from-blue-800:focus {
     --gradient-from-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-blue-900:focus {
+  .sm\:focus\:from-blue-900:focus {
     --gradient-from-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-indigo-100:focus {
+  .sm\:focus\:from-indigo-100:focus {
     --gradient-from-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-indigo-200:focus {
+  .sm\:focus\:from-indigo-200:focus {
     --gradient-from-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-indigo-300:focus {
+  .sm\:focus\:from-indigo-300:focus {
     --gradient-from-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-indigo-400:focus {
+  .sm\:focus\:from-indigo-400:focus {
     --gradient-from-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-indigo-500:focus {
+  .sm\:focus\:from-indigo-500:focus {
     --gradient-from-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-indigo-600:focus {
+  .sm\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-indigo-700:focus {
+  .sm\:focus\:from-indigo-700:focus {
     --gradient-from-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-indigo-800:focus {
+  .sm\:focus\:from-indigo-800:focus {
     --gradient-from-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-indigo-900:focus {
+  .sm\:focus\:from-indigo-900:focus {
     --gradient-from-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-purple-100:focus {
+  .sm\:focus\:from-purple-100:focus {
     --gradient-from-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-purple-200:focus {
+  .sm\:focus\:from-purple-200:focus {
     --gradient-from-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-purple-300:focus {
+  .sm\:focus\:from-purple-300:focus {
     --gradient-from-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-purple-400:focus {
+  .sm\:focus\:from-purple-400:focus {
     --gradient-from-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-purple-500:focus {
+  .sm\:focus\:from-purple-500:focus {
     --gradient-from-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-purple-600:focus {
+  .sm\:focus\:from-purple-600:focus {
     --gradient-from-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-purple-700:focus {
+  .sm\:focus\:from-purple-700:focus {
     --gradient-from-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-purple-800:focus {
+  .sm\:focus\:from-purple-800:focus {
     --gradient-from-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-purple-900:focus {
+  .sm\:focus\:from-purple-900:focus {
     --gradient-from-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-pink-100:focus {
+  .sm\:focus\:from-pink-100:focus {
     --gradient-from-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-pink-200:focus {
+  .sm\:focus\:from-pink-200:focus {
     --gradient-from-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-pink-300:focus {
+  .sm\:focus\:from-pink-300:focus {
     --gradient-from-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-pink-400:focus {
+  .sm\:focus\:from-pink-400:focus {
     --gradient-from-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-pink-500:focus {
+  .sm\:focus\:from-pink-500:focus {
     --gradient-from-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-pink-600:focus {
+  .sm\:focus\:from-pink-600:focus {
     --gradient-from-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-pink-700:focus {
+  .sm\:focus\:from-pink-700:focus {
     --gradient-from-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-pink-800:focus {
+  .sm\:focus\:from-pink-800:focus {
     --gradient-from-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .sm\:focus\:gradient-from-pink-900:focus {
+  .sm\:focus\:from-pink-900:focus {
     --gradient-from-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !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 {
+  .sm\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-current:focus {
+  .sm\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-black:focus {
+  .sm\:focus\:mid-black:focus {
     --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-white:focus {
+  .sm\:focus\:mid-white:focus {
     --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-gray-100:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-gray-200:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-gray-300:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-gray-400:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-gray-500:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-gray-600:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-gray-700:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-gray-800:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-gray-900:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-red-100:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-red-200:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-red-300:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-red-400:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-red-500:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-red-600:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-red-700:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-red-800:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-red-900:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-orange-100:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-orange-200:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-orange-300:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-orange-400:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-orange-500:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-orange-600:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-orange-700:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-orange-800:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-orange-900:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-yellow-100:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-yellow-200:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-yellow-300:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-yellow-400:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-yellow-500:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-yellow-600:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-yellow-700:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-yellow-800:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-yellow-900:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-green-100:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-green-200:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-green-300:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-green-400:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-green-500:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-green-600:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-green-700:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-green-800:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-green-900:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-teal-100:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-teal-200:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-teal-300:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-teal-400:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-teal-500:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-teal-600:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-teal-700:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-teal-800:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-teal-900:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-blue-100:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-blue-200:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-blue-300:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-blue-400:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-blue-500:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-blue-600:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-blue-700:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-blue-800:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-blue-900:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-indigo-100:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-indigo-200:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-indigo-300:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-indigo-400:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-indigo-500:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-indigo-600:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-indigo-700:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-indigo-800:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-indigo-900:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-purple-100:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-purple-200:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-purple-300:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-purple-400:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-purple-500:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-purple-600:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-purple-700:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-purple-800:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-purple-900:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-pink-100:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-pink-200:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-pink-300:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-pink-400:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-pink-500:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-pink-600:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-pink-700:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-pink-800:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .sm\:focus\:gradient-mid-pink-900:focus {
+  .sm\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  }
+
+  .sm\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent !important;
+  }
+
+  .sm\:focus\:to-current:focus {
+    --gradient-to-color: currentColor !important;
+  }
+
+  .sm\:focus\:to-black:focus {
+    --gradient-to-color: #000 !important;
+  }
+
+  .sm\:focus\:to-white:focus {
+    --gradient-to-color: #fff !important;
+  }
+
+  .sm\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f7fafc !important;
+  }
+
+  .sm\:focus\:to-gray-200:focus {
+    --gradient-to-color: #edf2f7 !important;
+  }
+
+  .sm\:focus\:to-gray-300:focus {
+    --gradient-to-color: #e2e8f0 !important;
+  }
+
+  .sm\:focus\:to-gray-400:focus {
+    --gradient-to-color: #cbd5e0 !important;
+  }
+
+  .sm\:focus\:to-gray-500:focus {
+    --gradient-to-color: #a0aec0 !important;
+  }
+
+  .sm\:focus\:to-gray-600:focus {
+    --gradient-to-color: #718096 !important;
+  }
+
+  .sm\:focus\:to-gray-700:focus {
+    --gradient-to-color: #4a5568 !important;
+  }
+
+  .sm\:focus\:to-gray-800:focus {
+    --gradient-to-color: #2d3748 !important;
+  }
+
+  .sm\:focus\:to-gray-900:focus {
+    --gradient-to-color: #1a202c !important;
+  }
+
+  .sm\:focus\:to-red-100:focus {
+    --gradient-to-color: #fff5f5 !important;
+  }
+
+  .sm\:focus\:to-red-200:focus {
+    --gradient-to-color: #fed7d7 !important;
+  }
+
+  .sm\:focus\:to-red-300:focus {
+    --gradient-to-color: #feb2b2 !important;
+  }
+
+  .sm\:focus\:to-red-400:focus {
+    --gradient-to-color: #fc8181 !important;
+  }
+
+  .sm\:focus\:to-red-500:focus {
+    --gradient-to-color: #f56565 !important;
+  }
+
+  .sm\:focus\:to-red-600:focus {
+    --gradient-to-color: #e53e3e !important;
+  }
+
+  .sm\:focus\:to-red-700:focus {
+    --gradient-to-color: #c53030 !important;
+  }
+
+  .sm\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b2c2c !important;
+  }
+
+  .sm\:focus\:to-red-900:focus {
+    --gradient-to-color: #742a2a !important;
+  }
+
+  .sm\:focus\:to-orange-100:focus {
+    --gradient-to-color: #fffaf0 !important;
+  }
+
+  .sm\:focus\:to-orange-200:focus {
+    --gradient-to-color: #feebc8 !important;
+  }
+
+  .sm\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fbd38d !important;
+  }
+
+  .sm\:focus\:to-orange-400:focus {
+    --gradient-to-color: #f6ad55 !important;
+  }
+
+  .sm\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ed8936 !important;
+  }
+
+  .sm\:focus\:to-orange-600:focus {
+    --gradient-to-color: #dd6b20 !important;
+  }
+
+  .sm\:focus\:to-orange-700:focus {
+    --gradient-to-color: #c05621 !important;
+  }
+
+  .sm\:focus\:to-orange-800:focus {
+    --gradient-to-color: #9c4221 !important;
+  }
+
+  .sm\:focus\:to-orange-900:focus {
+    --gradient-to-color: #7b341e !important;
+  }
+
+  .sm\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fffff0 !important;
+  }
+
+  .sm\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fefcbf !important;
+  }
+
+  .sm\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faf089 !important;
+  }
+
+  .sm\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #f6e05e !important;
+  }
+
+  .sm\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #ecc94b !important;
+  }
+
+  .sm\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #d69e2e !important;
+  }
+
+  .sm\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #b7791f !important;
+  }
+
+  .sm\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #975a16 !important;
+  }
+
+  .sm\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #744210 !important;
+  }
+
+  .sm\:focus\:to-green-100:focus {
+    --gradient-to-color: #f0fff4 !important;
+  }
+
+  .sm\:focus\:to-green-200:focus {
+    --gradient-to-color: #c6f6d5 !important;
+  }
+
+  .sm\:focus\:to-green-300:focus {
+    --gradient-to-color: #9ae6b4 !important;
+  }
+
+  .sm\:focus\:to-green-400:focus {
+    --gradient-to-color: #68d391 !important;
+  }
+
+  .sm\:focus\:to-green-500:focus {
+    --gradient-to-color: #48bb78 !important;
+  }
+
+  .sm\:focus\:to-green-600:focus {
+    --gradient-to-color: #38a169 !important;
+  }
+
+  .sm\:focus\:to-green-700:focus {
+    --gradient-to-color: #2f855a !important;
+  }
+
+  .sm\:focus\:to-green-800:focus {
+    --gradient-to-color: #276749 !important;
+  }
+
+  .sm\:focus\:to-green-900:focus {
+    --gradient-to-color: #22543d !important;
+  }
+
+  .sm\:focus\:to-teal-100:focus {
+    --gradient-to-color: #e6fffa !important;
+  }
+
+  .sm\:focus\:to-teal-200:focus {
+    --gradient-to-color: #b2f5ea !important;
+  }
+
+  .sm\:focus\:to-teal-300:focus {
+    --gradient-to-color: #81e6d9 !important;
+  }
+
+  .sm\:focus\:to-teal-400:focus {
+    --gradient-to-color: #4fd1c5 !important;
+  }
+
+  .sm\:focus\:to-teal-500:focus {
+    --gradient-to-color: #38b2ac !important;
+  }
+
+  .sm\:focus\:to-teal-600:focus {
+    --gradient-to-color: #319795 !important;
+  }
+
+  .sm\:focus\:to-teal-700:focus {
+    --gradient-to-color: #2c7a7b !important;
+  }
+
+  .sm\:focus\:to-teal-800:focus {
+    --gradient-to-color: #285e61 !important;
+  }
+
+  .sm\:focus\:to-teal-900:focus {
+    --gradient-to-color: #234e52 !important;
+  }
+
+  .sm\:focus\:to-blue-100:focus {
+    --gradient-to-color: #ebf8ff !important;
+  }
+
+  .sm\:focus\:to-blue-200:focus {
+    --gradient-to-color: #bee3f8 !important;
+  }
+
+  .sm\:focus\:to-blue-300:focus {
+    --gradient-to-color: #90cdf4 !important;
+  }
+
+  .sm\:focus\:to-blue-400:focus {
+    --gradient-to-color: #63b3ed !important;
+  }
+
+  .sm\:focus\:to-blue-500:focus {
+    --gradient-to-color: #4299e1 !important;
+  }
+
+  .sm\:focus\:to-blue-600:focus {
+    --gradient-to-color: #3182ce !important;
+  }
+
+  .sm\:focus\:to-blue-700:focus {
+    --gradient-to-color: #2b6cb0 !important;
+  }
+
+  .sm\:focus\:to-blue-800:focus {
+    --gradient-to-color: #2c5282 !important;
+  }
+
+  .sm\:focus\:to-blue-900:focus {
+    --gradient-to-color: #2a4365 !important;
+  }
+
+  .sm\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff !important;
+  }
+
+  .sm\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #c3dafe !important;
+  }
+
+  .sm\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #a3bffa !important;
+  }
+
+  .sm\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5 !important;
+  }
+
+  .sm\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #667eea !important;
+  }
+
+  .sm\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5a67d8 !important;
+  }
+
+  .sm\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #4c51bf !important;
+  }
+
+  .sm\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #434190 !important;
+  }
+
+  .sm\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #3c366b !important;
+  }
+
+  .sm\:focus\:to-purple-100:focus {
+    --gradient-to-color: #faf5ff !important;
+  }
+
+  .sm\:focus\:to-purple-200:focus {
+    --gradient-to-color: #e9d8fd !important;
+  }
+
+  .sm\:focus\:to-purple-300:focus {
+    --gradient-to-color: #d6bcfa !important;
+  }
+
+  .sm\:focus\:to-purple-400:focus {
+    --gradient-to-color: #b794f4 !important;
+  }
+
+  .sm\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9f7aea !important;
+  }
+
+  .sm\:focus\:to-purple-600:focus {
+    --gradient-to-color: #805ad5 !important;
+  }
+
+  .sm\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6b46c1 !important;
+  }
+
+  .sm\:focus\:to-purple-800:focus {
+    --gradient-to-color: #553c9a !important;
+  }
+
+  .sm\:focus\:to-purple-900:focus {
+    --gradient-to-color: #44337a !important;
+  }
+
+  .sm\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fff5f7 !important;
+  }
+
+  .sm\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fed7e2 !important;
+  }
+
+  .sm\:focus\:to-pink-300:focus {
+    --gradient-to-color: #fbb6ce !important;
+  }
+
+  .sm\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f687b3 !important;
+  }
+
+  .sm\:focus\:to-pink-500:focus {
+    --gradient-to-color: #ed64a6 !important;
+  }
+
+  .sm\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d53f8c !important;
+  }
+
+  .sm\:focus\:to-pink-700:focus {
+    --gradient-to-color: #b83280 !important;
+  }
+
+  .sm\:focus\:to-pink-800:focus {
+    --gradient-to-color: #97266d !important;
+  }
+
+  .sm\:focus\:to-pink-900:focus {
+    --gradient-to-color: #702459 !important;
   }
 
   .sm\:bg-opacity-0 {
@@ -40049,4250 +39517,3984 @@ 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-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
   }
 
-  .md\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops)) !important;
+  .md\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
   }
 
-  .md\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops)) !important;
+  .md\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
   }
 
-  .md\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops)) !important;
+  .md\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
   }
 
-  .md\:gradient-from-transparent {
+  .md\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
+  }
+
+  .md\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
+  }
+
+  .md\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
+  }
+
+  .md\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
+  }
+
+  .md\:from-transparent {
     --gradient-from-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:gradient-from-current {
+  .md\:from-current {
     --gradient-from-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:gradient-from-black {
+  .md\:from-black {
     --gradient-from-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:gradient-from-white {
+  .md\:from-white {
     --gradient-from-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:gradient-from-gray-100 {
+  .md\:from-gray-100 {
     --gradient-from-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .md\:gradient-from-gray-200 {
+  .md\:from-gray-200 {
     --gradient-from-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .md\:gradient-from-gray-300 {
+  .md\:from-gray-300 {
     --gradient-from-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .md\:gradient-from-gray-400 {
+  .md\:from-gray-400 {
     --gradient-from-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .md\:gradient-from-gray-500 {
+  .md\:from-gray-500 {
     --gradient-from-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .md\:gradient-from-gray-600 {
+  .md\:from-gray-600 {
     --gradient-from-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .md\:gradient-from-gray-700 {
+  .md\:from-gray-700 {
     --gradient-from-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .md\:gradient-from-gray-800 {
+  .md\:from-gray-800 {
     --gradient-from-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .md\:gradient-from-gray-900 {
+  .md\:from-gray-900 {
     --gradient-from-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .md\:gradient-from-red-100 {
+  .md\:from-red-100 {
     --gradient-from-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .md\:gradient-from-red-200 {
+  .md\:from-red-200 {
     --gradient-from-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .md\:gradient-from-red-300 {
+  .md\:from-red-300 {
     --gradient-from-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .md\:gradient-from-red-400 {
+  .md\:from-red-400 {
     --gradient-from-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .md\:gradient-from-red-500 {
+  .md\:from-red-500 {
     --gradient-from-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .md\:gradient-from-red-600 {
+  .md\:from-red-600 {
     --gradient-from-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .md\:gradient-from-red-700 {
+  .md\:from-red-700 {
     --gradient-from-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .md\:gradient-from-red-800 {
+  .md\:from-red-800 {
     --gradient-from-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .md\:gradient-from-red-900 {
+  .md\:from-red-900 {
     --gradient-from-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .md\:gradient-from-orange-100 {
+  .md\:from-orange-100 {
     --gradient-from-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .md\:gradient-from-orange-200 {
+  .md\:from-orange-200 {
     --gradient-from-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .md\:gradient-from-orange-300 {
+  .md\:from-orange-300 {
     --gradient-from-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .md\:gradient-from-orange-400 {
+  .md\:from-orange-400 {
     --gradient-from-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .md\:gradient-from-orange-500 {
+  .md\:from-orange-500 {
     --gradient-from-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .md\:gradient-from-orange-600 {
+  .md\:from-orange-600 {
     --gradient-from-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .md\:gradient-from-orange-700 {
+  .md\:from-orange-700 {
     --gradient-from-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .md\:gradient-from-orange-800 {
+  .md\:from-orange-800 {
     --gradient-from-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .md\:gradient-from-orange-900 {
+  .md\:from-orange-900 {
     --gradient-from-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .md\:gradient-from-yellow-100 {
+  .md\:from-yellow-100 {
     --gradient-from-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .md\:gradient-from-yellow-200 {
+  .md\:from-yellow-200 {
     --gradient-from-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .md\:gradient-from-yellow-300 {
+  .md\:from-yellow-300 {
     --gradient-from-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .md\:gradient-from-yellow-400 {
+  .md\:from-yellow-400 {
     --gradient-from-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .md\:gradient-from-yellow-500 {
+  .md\:from-yellow-500 {
     --gradient-from-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .md\:gradient-from-yellow-600 {
+  .md\:from-yellow-600 {
     --gradient-from-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .md\:gradient-from-yellow-700 {
+  .md\:from-yellow-700 {
     --gradient-from-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .md\:gradient-from-yellow-800 {
+  .md\:from-yellow-800 {
     --gradient-from-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .md\:gradient-from-yellow-900 {
+  .md\:from-yellow-900 {
     --gradient-from-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .md\:gradient-from-green-100 {
+  .md\:from-green-100 {
     --gradient-from-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .md\:gradient-from-green-200 {
+  .md\:from-green-200 {
     --gradient-from-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .md\:gradient-from-green-300 {
+  .md\:from-green-300 {
     --gradient-from-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .md\:gradient-from-green-400 {
+  .md\:from-green-400 {
     --gradient-from-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .md\:gradient-from-green-500 {
+  .md\:from-green-500 {
     --gradient-from-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .md\:gradient-from-green-600 {
+  .md\:from-green-600 {
     --gradient-from-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .md\:gradient-from-green-700 {
+  .md\:from-green-700 {
     --gradient-from-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .md\:gradient-from-green-800 {
+  .md\:from-green-800 {
     --gradient-from-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .md\:gradient-from-green-900 {
+  .md\:from-green-900 {
     --gradient-from-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .md\:gradient-from-teal-100 {
+  .md\:from-teal-100 {
     --gradient-from-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .md\:gradient-from-teal-200 {
+  .md\:from-teal-200 {
     --gradient-from-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .md\:gradient-from-teal-300 {
+  .md\:from-teal-300 {
     --gradient-from-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .md\:gradient-from-teal-400 {
+  .md\:from-teal-400 {
     --gradient-from-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .md\:gradient-from-teal-500 {
+  .md\:from-teal-500 {
     --gradient-from-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .md\:gradient-from-teal-600 {
+  .md\:from-teal-600 {
     --gradient-from-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .md\:gradient-from-teal-700 {
+  .md\:from-teal-700 {
     --gradient-from-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .md\:gradient-from-teal-800 {
+  .md\:from-teal-800 {
     --gradient-from-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .md\:gradient-from-teal-900 {
+  .md\:from-teal-900 {
     --gradient-from-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .md\:gradient-from-blue-100 {
+  .md\:from-blue-100 {
     --gradient-from-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .md\:gradient-from-blue-200 {
+  .md\:from-blue-200 {
     --gradient-from-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .md\:gradient-from-blue-300 {
+  .md\:from-blue-300 {
     --gradient-from-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .md\:gradient-from-blue-400 {
+  .md\:from-blue-400 {
     --gradient-from-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .md\:gradient-from-blue-500 {
+  .md\:from-blue-500 {
     --gradient-from-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .md\:gradient-from-blue-600 {
+  .md\:from-blue-600 {
     --gradient-from-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .md\:gradient-from-blue-700 {
+  .md\:from-blue-700 {
     --gradient-from-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .md\:gradient-from-blue-800 {
+  .md\:from-blue-800 {
     --gradient-from-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .md\:gradient-from-blue-900 {
+  .md\:from-blue-900 {
     --gradient-from-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .md\:gradient-from-indigo-100 {
+  .md\:from-indigo-100 {
     --gradient-from-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .md\:gradient-from-indigo-200 {
+  .md\:from-indigo-200 {
     --gradient-from-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .md\:gradient-from-indigo-300 {
+  .md\:from-indigo-300 {
     --gradient-from-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .md\:gradient-from-indigo-400 {
+  .md\:from-indigo-400 {
     --gradient-from-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .md\:gradient-from-indigo-500 {
+  .md\:from-indigo-500 {
     --gradient-from-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .md\:gradient-from-indigo-600 {
+  .md\:from-indigo-600 {
     --gradient-from-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .md\:gradient-from-indigo-700 {
+  .md\:from-indigo-700 {
     --gradient-from-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .md\:gradient-from-indigo-800 {
+  .md\:from-indigo-800 {
     --gradient-from-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .md\:gradient-from-indigo-900 {
+  .md\:from-indigo-900 {
     --gradient-from-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .md\:gradient-from-purple-100 {
+  .md\:from-purple-100 {
     --gradient-from-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .md\:gradient-from-purple-200 {
+  .md\:from-purple-200 {
     --gradient-from-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .md\:gradient-from-purple-300 {
+  .md\:from-purple-300 {
     --gradient-from-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .md\:gradient-from-purple-400 {
+  .md\:from-purple-400 {
     --gradient-from-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .md\:gradient-from-purple-500 {
+  .md\:from-purple-500 {
     --gradient-from-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .md\:gradient-from-purple-600 {
+  .md\:from-purple-600 {
     --gradient-from-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .md\:gradient-from-purple-700 {
+  .md\:from-purple-700 {
     --gradient-from-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .md\:gradient-from-purple-800 {
+  .md\:from-purple-800 {
     --gradient-from-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .md\:gradient-from-purple-900 {
+  .md\:from-purple-900 {
     --gradient-from-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .md\:gradient-from-pink-100 {
+  .md\:from-pink-100 {
     --gradient-from-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .md\:gradient-from-pink-200 {
+  .md\:from-pink-200 {
     --gradient-from-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .md\:gradient-from-pink-300 {
+  .md\:from-pink-300 {
     --gradient-from-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .md\:gradient-from-pink-400 {
+  .md\:from-pink-400 {
     --gradient-from-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .md\:gradient-from-pink-500 {
+  .md\:from-pink-500 {
     --gradient-from-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .md\:gradient-from-pink-600 {
+  .md\:from-pink-600 {
     --gradient-from-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .md\:gradient-from-pink-700 {
+  .md\:from-pink-700 {
     --gradient-from-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .md\:gradient-from-pink-800 {
+  .md\:from-pink-800 {
     --gradient-from-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .md\:gradient-from-pink-900 {
+  .md\:from-pink-900 {
     --gradient-from-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !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 {
+  .md\:mid-transparent {
     --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:gradient-mid-current {
+  .md\:mid-current {
     --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:gradient-mid-black {
+  .md\:mid-black {
     --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:gradient-mid-white {
+  .md\:mid-white {
     --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:gradient-mid-gray-100 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .md\:gradient-mid-gray-200 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .md\:gradient-mid-gray-300 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .md\:gradient-mid-gray-400 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .md\:gradient-mid-gray-500 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .md\:gradient-mid-gray-600 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .md\:gradient-mid-gray-700 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .md\:gradient-mid-gray-800 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .md\:gradient-mid-gray-900 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .md\:gradient-mid-red-100 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .md\:gradient-mid-red-200 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .md\:gradient-mid-red-300 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .md\:gradient-mid-red-400 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .md\:gradient-mid-red-500 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .md\:gradient-mid-red-600 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .md\:gradient-mid-red-700 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .md\:gradient-mid-red-800 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .md\:gradient-mid-red-900 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .md\:gradient-mid-orange-100 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .md\:gradient-mid-orange-200 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .md\:gradient-mid-orange-300 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .md\:gradient-mid-orange-400 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .md\:gradient-mid-orange-500 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .md\:gradient-mid-orange-600 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .md\:gradient-mid-orange-700 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .md\:gradient-mid-orange-800 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .md\:gradient-mid-orange-900 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .md\:gradient-mid-yellow-100 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .md\:gradient-mid-yellow-200 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .md\:gradient-mid-yellow-300 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .md\:gradient-mid-yellow-400 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .md\:gradient-mid-yellow-500 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .md\:gradient-mid-yellow-600 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .md\:gradient-mid-yellow-700 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .md\:gradient-mid-yellow-800 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .md\:gradient-mid-yellow-900 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .md\:gradient-mid-green-100 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .md\:gradient-mid-green-200 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .md\:gradient-mid-green-300 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .md\:gradient-mid-green-400 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .md\:gradient-mid-green-500 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .md\:gradient-mid-green-600 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .md\:gradient-mid-green-700 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .md\:gradient-mid-green-800 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .md\:gradient-mid-green-900 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .md\:gradient-mid-teal-100 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .md\:gradient-mid-teal-200 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .md\:gradient-mid-teal-300 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .md\:gradient-mid-teal-400 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .md\:gradient-mid-teal-500 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .md\:gradient-mid-teal-600 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .md\:gradient-mid-teal-700 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .md\:gradient-mid-teal-800 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .md\:gradient-mid-teal-900 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .md\:gradient-mid-blue-100 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .md\:gradient-mid-blue-200 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .md\:gradient-mid-blue-300 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .md\:gradient-mid-blue-400 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .md\:gradient-mid-blue-500 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .md\:gradient-mid-blue-600 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .md\:gradient-mid-blue-700 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .md\:gradient-mid-blue-800 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .md\:gradient-mid-blue-900 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .md\:gradient-mid-indigo-100 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .md\:gradient-mid-indigo-200 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .md\:gradient-mid-indigo-300 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .md\:gradient-mid-indigo-400 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .md\:gradient-mid-indigo-500 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .md\:gradient-mid-indigo-600 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .md\:gradient-mid-indigo-700 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .md\:gradient-mid-indigo-800 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .md\:gradient-mid-indigo-900 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .md\:gradient-mid-purple-100 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .md\:gradient-mid-purple-200 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .md\:gradient-mid-purple-300 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .md\:gradient-mid-purple-400 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .md\:gradient-mid-purple-500 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .md\:gradient-mid-purple-600 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .md\:gradient-mid-purple-700 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .md\:gradient-mid-purple-800 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .md\:gradient-mid-purple-900 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .md\:gradient-mid-pink-100 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .md\:gradient-mid-pink-200 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .md\:gradient-mid-pink-300 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .md\:gradient-mid-pink-400 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .md\:gradient-mid-pink-500 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .md\:gradient-mid-pink-600 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .md\:gradient-mid-pink-700 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .md\:gradient-mid-pink-800 {
+  .md\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .md\:gradient-mid-pink-900 {
+  .md\:mid-pink-900 {
     --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-transparent:hover {
+  .md\:to-transparent {
+    --gradient-to-color: transparent !important;
+  }
+
+  .md\:to-current {
+    --gradient-to-color: currentColor !important;
+  }
+
+  .md\:to-black {
+    --gradient-to-color: #000 !important;
+  }
+
+  .md\:to-white {
+    --gradient-to-color: #fff !important;
+  }
+
+  .md\:to-gray-100 {
+    --gradient-to-color: #f7fafc !important;
+  }
+
+  .md\:to-gray-200 {
+    --gradient-to-color: #edf2f7 !important;
+  }
+
+  .md\:to-gray-300 {
+    --gradient-to-color: #e2e8f0 !important;
+  }
+
+  .md\:to-gray-400 {
+    --gradient-to-color: #cbd5e0 !important;
+  }
+
+  .md\:to-gray-500 {
+    --gradient-to-color: #a0aec0 !important;
+  }
+
+  .md\:to-gray-600 {
+    --gradient-to-color: #718096 !important;
+  }
+
+  .md\:to-gray-700 {
+    --gradient-to-color: #4a5568 !important;
+  }
+
+  .md\:to-gray-800 {
+    --gradient-to-color: #2d3748 !important;
+  }
+
+  .md\:to-gray-900 {
+    --gradient-to-color: #1a202c !important;
+  }
+
+  .md\:to-red-100 {
+    --gradient-to-color: #fff5f5 !important;
+  }
+
+  .md\:to-red-200 {
+    --gradient-to-color: #fed7d7 !important;
+  }
+
+  .md\:to-red-300 {
+    --gradient-to-color: #feb2b2 !important;
+  }
+
+  .md\:to-red-400 {
+    --gradient-to-color: #fc8181 !important;
+  }
+
+  .md\:to-red-500 {
+    --gradient-to-color: #f56565 !important;
+  }
+
+  .md\:to-red-600 {
+    --gradient-to-color: #e53e3e !important;
+  }
+
+  .md\:to-red-700 {
+    --gradient-to-color: #c53030 !important;
+  }
+
+  .md\:to-red-800 {
+    --gradient-to-color: #9b2c2c !important;
+  }
+
+  .md\:to-red-900 {
+    --gradient-to-color: #742a2a !important;
+  }
+
+  .md\:to-orange-100 {
+    --gradient-to-color: #fffaf0 !important;
+  }
+
+  .md\:to-orange-200 {
+    --gradient-to-color: #feebc8 !important;
+  }
+
+  .md\:to-orange-300 {
+    --gradient-to-color: #fbd38d !important;
+  }
+
+  .md\:to-orange-400 {
+    --gradient-to-color: #f6ad55 !important;
+  }
+
+  .md\:to-orange-500 {
+    --gradient-to-color: #ed8936 !important;
+  }
+
+  .md\:to-orange-600 {
+    --gradient-to-color: #dd6b20 !important;
+  }
+
+  .md\:to-orange-700 {
+    --gradient-to-color: #c05621 !important;
+  }
+
+  .md\:to-orange-800 {
+    --gradient-to-color: #9c4221 !important;
+  }
+
+  .md\:to-orange-900 {
+    --gradient-to-color: #7b341e !important;
+  }
+
+  .md\:to-yellow-100 {
+    --gradient-to-color: #fffff0 !important;
+  }
+
+  .md\:to-yellow-200 {
+    --gradient-to-color: #fefcbf !important;
+  }
+
+  .md\:to-yellow-300 {
+    --gradient-to-color: #faf089 !important;
+  }
+
+  .md\:to-yellow-400 {
+    --gradient-to-color: #f6e05e !important;
+  }
+
+  .md\:to-yellow-500 {
+    --gradient-to-color: #ecc94b !important;
+  }
+
+  .md\:to-yellow-600 {
+    --gradient-to-color: #d69e2e !important;
+  }
+
+  .md\:to-yellow-700 {
+    --gradient-to-color: #b7791f !important;
+  }
+
+  .md\:to-yellow-800 {
+    --gradient-to-color: #975a16 !important;
+  }
+
+  .md\:to-yellow-900 {
+    --gradient-to-color: #744210 !important;
+  }
+
+  .md\:to-green-100 {
+    --gradient-to-color: #f0fff4 !important;
+  }
+
+  .md\:to-green-200 {
+    --gradient-to-color: #c6f6d5 !important;
+  }
+
+  .md\:to-green-300 {
+    --gradient-to-color: #9ae6b4 !important;
+  }
+
+  .md\:to-green-400 {
+    --gradient-to-color: #68d391 !important;
+  }
+
+  .md\:to-green-500 {
+    --gradient-to-color: #48bb78 !important;
+  }
+
+  .md\:to-green-600 {
+    --gradient-to-color: #38a169 !important;
+  }
+
+  .md\:to-green-700 {
+    --gradient-to-color: #2f855a !important;
+  }
+
+  .md\:to-green-800 {
+    --gradient-to-color: #276749 !important;
+  }
+
+  .md\:to-green-900 {
+    --gradient-to-color: #22543d !important;
+  }
+
+  .md\:to-teal-100 {
+    --gradient-to-color: #e6fffa !important;
+  }
+
+  .md\:to-teal-200 {
+    --gradient-to-color: #b2f5ea !important;
+  }
+
+  .md\:to-teal-300 {
+    --gradient-to-color: #81e6d9 !important;
+  }
+
+  .md\:to-teal-400 {
+    --gradient-to-color: #4fd1c5 !important;
+  }
+
+  .md\:to-teal-500 {
+    --gradient-to-color: #38b2ac !important;
+  }
+
+  .md\:to-teal-600 {
+    --gradient-to-color: #319795 !important;
+  }
+
+  .md\:to-teal-700 {
+    --gradient-to-color: #2c7a7b !important;
+  }
+
+  .md\:to-teal-800 {
+    --gradient-to-color: #285e61 !important;
+  }
+
+  .md\:to-teal-900 {
+    --gradient-to-color: #234e52 !important;
+  }
+
+  .md\:to-blue-100 {
+    --gradient-to-color: #ebf8ff !important;
+  }
+
+  .md\:to-blue-200 {
+    --gradient-to-color: #bee3f8 !important;
+  }
+
+  .md\:to-blue-300 {
+    --gradient-to-color: #90cdf4 !important;
+  }
+
+  .md\:to-blue-400 {
+    --gradient-to-color: #63b3ed !important;
+  }
+
+  .md\:to-blue-500 {
+    --gradient-to-color: #4299e1 !important;
+  }
+
+  .md\:to-blue-600 {
+    --gradient-to-color: #3182ce !important;
+  }
+
+  .md\:to-blue-700 {
+    --gradient-to-color: #2b6cb0 !important;
+  }
+
+  .md\:to-blue-800 {
+    --gradient-to-color: #2c5282 !important;
+  }
+
+  .md\:to-blue-900 {
+    --gradient-to-color: #2a4365 !important;
+  }
+
+  .md\:to-indigo-100 {
+    --gradient-to-color: #ebf4ff !important;
+  }
+
+  .md\:to-indigo-200 {
+    --gradient-to-color: #c3dafe !important;
+  }
+
+  .md\:to-indigo-300 {
+    --gradient-to-color: #a3bffa !important;
+  }
+
+  .md\:to-indigo-400 {
+    --gradient-to-color: #7f9cf5 !important;
+  }
+
+  .md\:to-indigo-500 {
+    --gradient-to-color: #667eea !important;
+  }
+
+  .md\:to-indigo-600 {
+    --gradient-to-color: #5a67d8 !important;
+  }
+
+  .md\:to-indigo-700 {
+    --gradient-to-color: #4c51bf !important;
+  }
+
+  .md\:to-indigo-800 {
+    --gradient-to-color: #434190 !important;
+  }
+
+  .md\:to-indigo-900 {
+    --gradient-to-color: #3c366b !important;
+  }
+
+  .md\:to-purple-100 {
+    --gradient-to-color: #faf5ff !important;
+  }
+
+  .md\:to-purple-200 {
+    --gradient-to-color: #e9d8fd !important;
+  }
+
+  .md\:to-purple-300 {
+    --gradient-to-color: #d6bcfa !important;
+  }
+
+  .md\:to-purple-400 {
+    --gradient-to-color: #b794f4 !important;
+  }
+
+  .md\:to-purple-500 {
+    --gradient-to-color: #9f7aea !important;
+  }
+
+  .md\:to-purple-600 {
+    --gradient-to-color: #805ad5 !important;
+  }
+
+  .md\:to-purple-700 {
+    --gradient-to-color: #6b46c1 !important;
+  }
+
+  .md\:to-purple-800 {
+    --gradient-to-color: #553c9a !important;
+  }
+
+  .md\:to-purple-900 {
+    --gradient-to-color: #44337a !important;
+  }
+
+  .md\:to-pink-100 {
+    --gradient-to-color: #fff5f7 !important;
+  }
+
+  .md\:to-pink-200 {
+    --gradient-to-color: #fed7e2 !important;
+  }
+
+  .md\:to-pink-300 {
+    --gradient-to-color: #fbb6ce !important;
+  }
+
+  .md\:to-pink-400 {
+    --gradient-to-color: #f687b3 !important;
+  }
+
+  .md\:to-pink-500 {
+    --gradient-to-color: #ed64a6 !important;
+  }
+
+  .md\:to-pink-600 {
+    --gradient-to-color: #d53f8c !important;
+  }
+
+  .md\:to-pink-700 {
+    --gradient-to-color: #b83280 !important;
+  }
+
+  .md\:to-pink-800 {
+    --gradient-to-color: #97266d !important;
+  }
+
+  .md\:to-pink-900 {
+    --gradient-to-color: #702459 !important;
+  }
+
+  .md\:hover\:from-transparent:hover {
     --gradient-from-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-current:hover {
+  .md\:hover\:from-current:hover {
     --gradient-from-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-black:hover {
+  .md\:hover\:from-black:hover {
     --gradient-from-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-white:hover {
+  .md\:hover\:from-white:hover {
     --gradient-from-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-gray-100:hover {
+  .md\:hover\:from-gray-100:hover {
     --gradient-from-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-gray-200:hover {
+  .md\:hover\:from-gray-200:hover {
     --gradient-from-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-gray-300:hover {
+  .md\:hover\:from-gray-300:hover {
     --gradient-from-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-gray-400:hover {
+  .md\:hover\:from-gray-400:hover {
     --gradient-from-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-gray-500:hover {
+  .md\:hover\:from-gray-500:hover {
     --gradient-from-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-gray-600:hover {
+  .md\:hover\:from-gray-600:hover {
     --gradient-from-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-gray-700:hover {
+  .md\:hover\:from-gray-700:hover {
     --gradient-from-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-gray-800:hover {
+  .md\:hover\:from-gray-800:hover {
     --gradient-from-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-gray-900:hover {
+  .md\:hover\:from-gray-900:hover {
     --gradient-from-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-red-100:hover {
+  .md\:hover\:from-red-100:hover {
     --gradient-from-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-red-200:hover {
+  .md\:hover\:from-red-200:hover {
     --gradient-from-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-red-300:hover {
+  .md\:hover\:from-red-300:hover {
     --gradient-from-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-red-400:hover {
+  .md\:hover\:from-red-400:hover {
     --gradient-from-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-red-500:hover {
+  .md\:hover\:from-red-500:hover {
     --gradient-from-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-red-600:hover {
+  .md\:hover\:from-red-600:hover {
     --gradient-from-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-red-700:hover {
+  .md\:hover\:from-red-700:hover {
     --gradient-from-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-red-800:hover {
+  .md\:hover\:from-red-800:hover {
     --gradient-from-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-red-900:hover {
+  .md\:hover\:from-red-900:hover {
     --gradient-from-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-orange-100:hover {
+  .md\:hover\:from-orange-100:hover {
     --gradient-from-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-orange-200:hover {
+  .md\:hover\:from-orange-200:hover {
     --gradient-from-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-orange-300:hover {
+  .md\:hover\:from-orange-300:hover {
     --gradient-from-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-orange-400:hover {
+  .md\:hover\:from-orange-400:hover {
     --gradient-from-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-orange-500:hover {
+  .md\:hover\:from-orange-500:hover {
     --gradient-from-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-orange-600:hover {
+  .md\:hover\:from-orange-600:hover {
     --gradient-from-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-orange-700:hover {
+  .md\:hover\:from-orange-700:hover {
     --gradient-from-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-orange-800:hover {
+  .md\:hover\:from-orange-800:hover {
     --gradient-from-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-orange-900:hover {
+  .md\:hover\:from-orange-900:hover {
     --gradient-from-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-yellow-100:hover {
+  .md\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-yellow-200:hover {
+  .md\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-yellow-300:hover {
+  .md\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-yellow-400:hover {
+  .md\:hover\:from-yellow-400:hover {
     --gradient-from-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-yellow-500:hover {
+  .md\:hover\:from-yellow-500:hover {
     --gradient-from-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-yellow-600:hover {
+  .md\:hover\:from-yellow-600:hover {
     --gradient-from-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-yellow-700:hover {
+  .md\:hover\:from-yellow-700:hover {
     --gradient-from-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-yellow-800:hover {
+  .md\:hover\:from-yellow-800:hover {
     --gradient-from-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-yellow-900:hover {
+  .md\:hover\:from-yellow-900:hover {
     --gradient-from-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-green-100:hover {
+  .md\:hover\:from-green-100:hover {
     --gradient-from-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-green-200:hover {
+  .md\:hover\:from-green-200:hover {
     --gradient-from-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-green-300:hover {
+  .md\:hover\:from-green-300:hover {
     --gradient-from-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-green-400:hover {
+  .md\:hover\:from-green-400:hover {
     --gradient-from-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-green-500:hover {
+  .md\:hover\:from-green-500:hover {
     --gradient-from-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-green-600:hover {
+  .md\:hover\:from-green-600:hover {
     --gradient-from-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-green-700:hover {
+  .md\:hover\:from-green-700:hover {
     --gradient-from-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-green-800:hover {
+  .md\:hover\:from-green-800:hover {
     --gradient-from-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-green-900:hover {
+  .md\:hover\:from-green-900:hover {
     --gradient-from-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-teal-100:hover {
+  .md\:hover\:from-teal-100:hover {
     --gradient-from-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-teal-200:hover {
+  .md\:hover\:from-teal-200:hover {
     --gradient-from-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-teal-300:hover {
+  .md\:hover\:from-teal-300:hover {
     --gradient-from-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-teal-400:hover {
+  .md\:hover\:from-teal-400:hover {
     --gradient-from-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-teal-500:hover {
+  .md\:hover\:from-teal-500:hover {
     --gradient-from-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-teal-600:hover {
+  .md\:hover\:from-teal-600:hover {
     --gradient-from-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-teal-700:hover {
+  .md\:hover\:from-teal-700:hover {
     --gradient-from-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-teal-800:hover {
+  .md\:hover\:from-teal-800:hover {
     --gradient-from-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-teal-900:hover {
+  .md\:hover\:from-teal-900:hover {
     --gradient-from-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-blue-100:hover {
+  .md\:hover\:from-blue-100:hover {
     --gradient-from-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-blue-200:hover {
+  .md\:hover\:from-blue-200:hover {
     --gradient-from-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-blue-300:hover {
+  .md\:hover\:from-blue-300:hover {
     --gradient-from-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-blue-400:hover {
+  .md\:hover\:from-blue-400:hover {
     --gradient-from-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-blue-500:hover {
+  .md\:hover\:from-blue-500:hover {
     --gradient-from-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-blue-600:hover {
+  .md\:hover\:from-blue-600:hover {
     --gradient-from-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-blue-700:hover {
+  .md\:hover\:from-blue-700:hover {
     --gradient-from-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-blue-800:hover {
+  .md\:hover\:from-blue-800:hover {
     --gradient-from-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-blue-900:hover {
+  .md\:hover\:from-blue-900:hover {
     --gradient-from-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-indigo-100:hover {
+  .md\:hover\:from-indigo-100:hover {
     --gradient-from-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-indigo-200:hover {
+  .md\:hover\:from-indigo-200:hover {
     --gradient-from-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-indigo-300:hover {
+  .md\:hover\:from-indigo-300:hover {
     --gradient-from-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-indigo-400:hover {
+  .md\:hover\:from-indigo-400:hover {
     --gradient-from-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-indigo-500:hover {
+  .md\:hover\:from-indigo-500:hover {
     --gradient-from-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-indigo-600:hover {
+  .md\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-indigo-700:hover {
+  .md\:hover\:from-indigo-700:hover {
     --gradient-from-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-indigo-800:hover {
+  .md\:hover\:from-indigo-800:hover {
     --gradient-from-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-indigo-900:hover {
+  .md\:hover\:from-indigo-900:hover {
     --gradient-from-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-purple-100:hover {
+  .md\:hover\:from-purple-100:hover {
     --gradient-from-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-purple-200:hover {
+  .md\:hover\:from-purple-200:hover {
     --gradient-from-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-purple-300:hover {
+  .md\:hover\:from-purple-300:hover {
     --gradient-from-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-purple-400:hover {
+  .md\:hover\:from-purple-400:hover {
     --gradient-from-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-purple-500:hover {
+  .md\:hover\:from-purple-500:hover {
     --gradient-from-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-purple-600:hover {
+  .md\:hover\:from-purple-600:hover {
     --gradient-from-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-purple-700:hover {
+  .md\:hover\:from-purple-700:hover {
     --gradient-from-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-purple-800:hover {
+  .md\:hover\:from-purple-800:hover {
     --gradient-from-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-purple-900:hover {
+  .md\:hover\:from-purple-900:hover {
     --gradient-from-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-pink-100:hover {
+  .md\:hover\:from-pink-100:hover {
     --gradient-from-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-pink-200:hover {
+  .md\:hover\:from-pink-200:hover {
     --gradient-from-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-pink-300:hover {
+  .md\:hover\:from-pink-300:hover {
     --gradient-from-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-pink-400:hover {
+  .md\:hover\:from-pink-400:hover {
     --gradient-from-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-pink-500:hover {
+  .md\:hover\:from-pink-500:hover {
     --gradient-from-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-pink-600:hover {
+  .md\:hover\:from-pink-600:hover {
     --gradient-from-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-pink-700:hover {
+  .md\:hover\:from-pink-700:hover {
     --gradient-from-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-pink-800:hover {
+  .md\:hover\:from-pink-800:hover {
     --gradient-from-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .md\:hover\:gradient-from-pink-900:hover {
+  .md\:hover\:from-pink-900:hover {
     --gradient-from-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !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 {
+  .md\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-current:hover {
+  .md\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-black:hover {
+  .md\:hover\:mid-black:hover {
     --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-white:hover {
+  .md\:hover\:mid-white:hover {
     --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-gray-100:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-gray-200:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-gray-300:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-gray-400:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-gray-500:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-gray-600:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-gray-700:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-gray-800:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-gray-900:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-red-100:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-red-200:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-red-300:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-red-400:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-red-500:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-red-600:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-red-700:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-red-800:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-red-900:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-orange-100:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-orange-200:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-orange-300:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-orange-400:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-orange-500:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-orange-600:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-orange-700:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-orange-800:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-orange-900:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-yellow-100:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-yellow-200:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-yellow-300:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-yellow-400:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-yellow-500:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-yellow-600:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-yellow-700:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-yellow-800:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-yellow-900:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-green-100:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-green-200:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-green-300:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-green-400:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-green-500:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-green-600:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-green-700:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-green-800:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-green-900:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-teal-100:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-teal-200:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-teal-300:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-teal-400:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-teal-500:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-teal-600:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-teal-700:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-teal-800:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-teal-900:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-blue-100:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-blue-200:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-blue-300:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-blue-400:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-blue-500:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-blue-600:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-blue-700:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-blue-800:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-blue-900:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-indigo-100:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-indigo-200:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-indigo-300:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-indigo-400:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-indigo-500:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-indigo-600:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-indigo-700:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-indigo-800:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-indigo-900:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-purple-100:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-purple-200:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-purple-300:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-purple-400:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-purple-500:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-purple-600:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-purple-700:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-purple-800:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-purple-900:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-pink-100:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-pink-200:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-pink-300:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-pink-400:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-pink-500:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-pink-600:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-pink-700:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-pink-800:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .md\:hover\:gradient-mid-pink-900:hover {
+  .md\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-transparent:focus {
+  .md\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent !important;
+  }
+
+  .md\:hover\:to-current:hover {
+    --gradient-to-color: currentColor !important;
+  }
+
+  .md\:hover\:to-black:hover {
+    --gradient-to-color: #000 !important;
+  }
+
+  .md\:hover\:to-white:hover {
+    --gradient-to-color: #fff !important;
+  }
+
+  .md\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f7fafc !important;
+  }
+
+  .md\:hover\:to-gray-200:hover {
+    --gradient-to-color: #edf2f7 !important;
+  }
+
+  .md\:hover\:to-gray-300:hover {
+    --gradient-to-color: #e2e8f0 !important;
+  }
+
+  .md\:hover\:to-gray-400:hover {
+    --gradient-to-color: #cbd5e0 !important;
+  }
+
+  .md\:hover\:to-gray-500:hover {
+    --gradient-to-color: #a0aec0 !important;
+  }
+
+  .md\:hover\:to-gray-600:hover {
+    --gradient-to-color: #718096 !important;
+  }
+
+  .md\:hover\:to-gray-700:hover {
+    --gradient-to-color: #4a5568 !important;
+  }
+
+  .md\:hover\:to-gray-800:hover {
+    --gradient-to-color: #2d3748 !important;
+  }
+
+  .md\:hover\:to-gray-900:hover {
+    --gradient-to-color: #1a202c !important;
+  }
+
+  .md\:hover\:to-red-100:hover {
+    --gradient-to-color: #fff5f5 !important;
+  }
+
+  .md\:hover\:to-red-200:hover {
+    --gradient-to-color: #fed7d7 !important;
+  }
+
+  .md\:hover\:to-red-300:hover {
+    --gradient-to-color: #feb2b2 !important;
+  }
+
+  .md\:hover\:to-red-400:hover {
+    --gradient-to-color: #fc8181 !important;
+  }
+
+  .md\:hover\:to-red-500:hover {
+    --gradient-to-color: #f56565 !important;
+  }
+
+  .md\:hover\:to-red-600:hover {
+    --gradient-to-color: #e53e3e !important;
+  }
+
+  .md\:hover\:to-red-700:hover {
+    --gradient-to-color: #c53030 !important;
+  }
+
+  .md\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b2c2c !important;
+  }
+
+  .md\:hover\:to-red-900:hover {
+    --gradient-to-color: #742a2a !important;
+  }
+
+  .md\:hover\:to-orange-100:hover {
+    --gradient-to-color: #fffaf0 !important;
+  }
+
+  .md\:hover\:to-orange-200:hover {
+    --gradient-to-color: #feebc8 !important;
+  }
+
+  .md\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fbd38d !important;
+  }
+
+  .md\:hover\:to-orange-400:hover {
+    --gradient-to-color: #f6ad55 !important;
+  }
+
+  .md\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ed8936 !important;
+  }
+
+  .md\:hover\:to-orange-600:hover {
+    --gradient-to-color: #dd6b20 !important;
+  }
+
+  .md\:hover\:to-orange-700:hover {
+    --gradient-to-color: #c05621 !important;
+  }
+
+  .md\:hover\:to-orange-800:hover {
+    --gradient-to-color: #9c4221 !important;
+  }
+
+  .md\:hover\:to-orange-900:hover {
+    --gradient-to-color: #7b341e !important;
+  }
+
+  .md\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fffff0 !important;
+  }
+
+  .md\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fefcbf !important;
+  }
+
+  .md\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faf089 !important;
+  }
+
+  .md\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #f6e05e !important;
+  }
+
+  .md\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #ecc94b !important;
+  }
+
+  .md\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #d69e2e !important;
+  }
+
+  .md\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #b7791f !important;
+  }
+
+  .md\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #975a16 !important;
+  }
+
+  .md\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #744210 !important;
+  }
+
+  .md\:hover\:to-green-100:hover {
+    --gradient-to-color: #f0fff4 !important;
+  }
+
+  .md\:hover\:to-green-200:hover {
+    --gradient-to-color: #c6f6d5 !important;
+  }
+
+  .md\:hover\:to-green-300:hover {
+    --gradient-to-color: #9ae6b4 !important;
+  }
+
+  .md\:hover\:to-green-400:hover {
+    --gradient-to-color: #68d391 !important;
+  }
+
+  .md\:hover\:to-green-500:hover {
+    --gradient-to-color: #48bb78 !important;
+  }
+
+  .md\:hover\:to-green-600:hover {
+    --gradient-to-color: #38a169 !important;
+  }
+
+  .md\:hover\:to-green-700:hover {
+    --gradient-to-color: #2f855a !important;
+  }
+
+  .md\:hover\:to-green-800:hover {
+    --gradient-to-color: #276749 !important;
+  }
+
+  .md\:hover\:to-green-900:hover {
+    --gradient-to-color: #22543d !important;
+  }
+
+  .md\:hover\:to-teal-100:hover {
+    --gradient-to-color: #e6fffa !important;
+  }
+
+  .md\:hover\:to-teal-200:hover {
+    --gradient-to-color: #b2f5ea !important;
+  }
+
+  .md\:hover\:to-teal-300:hover {
+    --gradient-to-color: #81e6d9 !important;
+  }
+
+  .md\:hover\:to-teal-400:hover {
+    --gradient-to-color: #4fd1c5 !important;
+  }
+
+  .md\:hover\:to-teal-500:hover {
+    --gradient-to-color: #38b2ac !important;
+  }
+
+  .md\:hover\:to-teal-600:hover {
+    --gradient-to-color: #319795 !important;
+  }
+
+  .md\:hover\:to-teal-700:hover {
+    --gradient-to-color: #2c7a7b !important;
+  }
+
+  .md\:hover\:to-teal-800:hover {
+    --gradient-to-color: #285e61 !important;
+  }
+
+  .md\:hover\:to-teal-900:hover {
+    --gradient-to-color: #234e52 !important;
+  }
+
+  .md\:hover\:to-blue-100:hover {
+    --gradient-to-color: #ebf8ff !important;
+  }
+
+  .md\:hover\:to-blue-200:hover {
+    --gradient-to-color: #bee3f8 !important;
+  }
+
+  .md\:hover\:to-blue-300:hover {
+    --gradient-to-color: #90cdf4 !important;
+  }
+
+  .md\:hover\:to-blue-400:hover {
+    --gradient-to-color: #63b3ed !important;
+  }
+
+  .md\:hover\:to-blue-500:hover {
+    --gradient-to-color: #4299e1 !important;
+  }
+
+  .md\:hover\:to-blue-600:hover {
+    --gradient-to-color: #3182ce !important;
+  }
+
+  .md\:hover\:to-blue-700:hover {
+    --gradient-to-color: #2b6cb0 !important;
+  }
+
+  .md\:hover\:to-blue-800:hover {
+    --gradient-to-color: #2c5282 !important;
+  }
+
+  .md\:hover\:to-blue-900:hover {
+    --gradient-to-color: #2a4365 !important;
+  }
+
+  .md\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff !important;
+  }
+
+  .md\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #c3dafe !important;
+  }
+
+  .md\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #a3bffa !important;
+  }
+
+  .md\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5 !important;
+  }
+
+  .md\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #667eea !important;
+  }
+
+  .md\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5a67d8 !important;
+  }
+
+  .md\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #4c51bf !important;
+  }
+
+  .md\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #434190 !important;
+  }
+
+  .md\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #3c366b !important;
+  }
+
+  .md\:hover\:to-purple-100:hover {
+    --gradient-to-color: #faf5ff !important;
+  }
+
+  .md\:hover\:to-purple-200:hover {
+    --gradient-to-color: #e9d8fd !important;
+  }
+
+  .md\:hover\:to-purple-300:hover {
+    --gradient-to-color: #d6bcfa !important;
+  }
+
+  .md\:hover\:to-purple-400:hover {
+    --gradient-to-color: #b794f4 !important;
+  }
+
+  .md\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9f7aea !important;
+  }
+
+  .md\:hover\:to-purple-600:hover {
+    --gradient-to-color: #805ad5 !important;
+  }
+
+  .md\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6b46c1 !important;
+  }
+
+  .md\:hover\:to-purple-800:hover {
+    --gradient-to-color: #553c9a !important;
+  }
+
+  .md\:hover\:to-purple-900:hover {
+    --gradient-to-color: #44337a !important;
+  }
+
+  .md\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fff5f7 !important;
+  }
+
+  .md\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fed7e2 !important;
+  }
+
+  .md\:hover\:to-pink-300:hover {
+    --gradient-to-color: #fbb6ce !important;
+  }
+
+  .md\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f687b3 !important;
+  }
+
+  .md\:hover\:to-pink-500:hover {
+    --gradient-to-color: #ed64a6 !important;
+  }
+
+  .md\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d53f8c !important;
+  }
+
+  .md\:hover\:to-pink-700:hover {
+    --gradient-to-color: #b83280 !important;
+  }
+
+  .md\:hover\:to-pink-800:hover {
+    --gradient-to-color: #97266d !important;
+  }
+
+  .md\:hover\:to-pink-900:hover {
+    --gradient-to-color: #702459 !important;
+  }
+
+  .md\:focus\:from-transparent:focus {
     --gradient-from-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-current:focus {
+  .md\:focus\:from-current:focus {
     --gradient-from-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-black:focus {
+  .md\:focus\:from-black:focus {
     --gradient-from-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-white:focus {
+  .md\:focus\:from-white:focus {
     --gradient-from-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-gray-100:focus {
+  .md\:focus\:from-gray-100:focus {
     --gradient-from-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-gray-200:focus {
+  .md\:focus\:from-gray-200:focus {
     --gradient-from-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-gray-300:focus {
+  .md\:focus\:from-gray-300:focus {
     --gradient-from-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-gray-400:focus {
+  .md\:focus\:from-gray-400:focus {
     --gradient-from-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-gray-500:focus {
+  .md\:focus\:from-gray-500:focus {
     --gradient-from-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-gray-600:focus {
+  .md\:focus\:from-gray-600:focus {
     --gradient-from-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-gray-700:focus {
+  .md\:focus\:from-gray-700:focus {
     --gradient-from-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-gray-800:focus {
+  .md\:focus\:from-gray-800:focus {
     --gradient-from-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-gray-900:focus {
+  .md\:focus\:from-gray-900:focus {
     --gradient-from-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-red-100:focus {
+  .md\:focus\:from-red-100:focus {
     --gradient-from-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-red-200:focus {
+  .md\:focus\:from-red-200:focus {
     --gradient-from-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-red-300:focus {
+  .md\:focus\:from-red-300:focus {
     --gradient-from-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-red-400:focus {
+  .md\:focus\:from-red-400:focus {
     --gradient-from-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-red-500:focus {
+  .md\:focus\:from-red-500:focus {
     --gradient-from-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-red-600:focus {
+  .md\:focus\:from-red-600:focus {
     --gradient-from-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-red-700:focus {
+  .md\:focus\:from-red-700:focus {
     --gradient-from-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-red-800:focus {
+  .md\:focus\:from-red-800:focus {
     --gradient-from-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-red-900:focus {
+  .md\:focus\:from-red-900:focus {
     --gradient-from-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-orange-100:focus {
+  .md\:focus\:from-orange-100:focus {
     --gradient-from-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-orange-200:focus {
+  .md\:focus\:from-orange-200:focus {
     --gradient-from-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-orange-300:focus {
+  .md\:focus\:from-orange-300:focus {
     --gradient-from-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-orange-400:focus {
+  .md\:focus\:from-orange-400:focus {
     --gradient-from-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-orange-500:focus {
+  .md\:focus\:from-orange-500:focus {
     --gradient-from-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-orange-600:focus {
+  .md\:focus\:from-orange-600:focus {
     --gradient-from-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-orange-700:focus {
+  .md\:focus\:from-orange-700:focus {
     --gradient-from-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-orange-800:focus {
+  .md\:focus\:from-orange-800:focus {
     --gradient-from-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-orange-900:focus {
+  .md\:focus\:from-orange-900:focus {
     --gradient-from-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-yellow-100:focus {
+  .md\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-yellow-200:focus {
+  .md\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-yellow-300:focus {
+  .md\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-yellow-400:focus {
+  .md\:focus\:from-yellow-400:focus {
     --gradient-from-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-yellow-500:focus {
+  .md\:focus\:from-yellow-500:focus {
     --gradient-from-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-yellow-600:focus {
+  .md\:focus\:from-yellow-600:focus {
     --gradient-from-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-yellow-700:focus {
+  .md\:focus\:from-yellow-700:focus {
     --gradient-from-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-yellow-800:focus {
+  .md\:focus\:from-yellow-800:focus {
     --gradient-from-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-yellow-900:focus {
+  .md\:focus\:from-yellow-900:focus {
     --gradient-from-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-green-100:focus {
+  .md\:focus\:from-green-100:focus {
     --gradient-from-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-green-200:focus {
+  .md\:focus\:from-green-200:focus {
     --gradient-from-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-green-300:focus {
+  .md\:focus\:from-green-300:focus {
     --gradient-from-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-green-400:focus {
+  .md\:focus\:from-green-400:focus {
     --gradient-from-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-green-500:focus {
+  .md\:focus\:from-green-500:focus {
     --gradient-from-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-green-600:focus {
+  .md\:focus\:from-green-600:focus {
     --gradient-from-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-green-700:focus {
+  .md\:focus\:from-green-700:focus {
     --gradient-from-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-green-800:focus {
+  .md\:focus\:from-green-800:focus {
     --gradient-from-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-green-900:focus {
+  .md\:focus\:from-green-900:focus {
     --gradient-from-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-teal-100:focus {
+  .md\:focus\:from-teal-100:focus {
     --gradient-from-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-teal-200:focus {
+  .md\:focus\:from-teal-200:focus {
     --gradient-from-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-teal-300:focus {
+  .md\:focus\:from-teal-300:focus {
     --gradient-from-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-teal-400:focus {
+  .md\:focus\:from-teal-400:focus {
     --gradient-from-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-teal-500:focus {
+  .md\:focus\:from-teal-500:focus {
     --gradient-from-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-teal-600:focus {
+  .md\:focus\:from-teal-600:focus {
     --gradient-from-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-teal-700:focus {
+  .md\:focus\:from-teal-700:focus {
     --gradient-from-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-teal-800:focus {
+  .md\:focus\:from-teal-800:focus {
     --gradient-from-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-teal-900:focus {
+  .md\:focus\:from-teal-900:focus {
     --gradient-from-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-blue-100:focus {
+  .md\:focus\:from-blue-100:focus {
     --gradient-from-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-blue-200:focus {
+  .md\:focus\:from-blue-200:focus {
     --gradient-from-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-blue-300:focus {
+  .md\:focus\:from-blue-300:focus {
     --gradient-from-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-blue-400:focus {
+  .md\:focus\:from-blue-400:focus {
     --gradient-from-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-blue-500:focus {
+  .md\:focus\:from-blue-500:focus {
     --gradient-from-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-blue-600:focus {
+  .md\:focus\:from-blue-600:focus {
     --gradient-from-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-blue-700:focus {
+  .md\:focus\:from-blue-700:focus {
     --gradient-from-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-blue-800:focus {
+  .md\:focus\:from-blue-800:focus {
     --gradient-from-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-blue-900:focus {
+  .md\:focus\:from-blue-900:focus {
     --gradient-from-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-indigo-100:focus {
+  .md\:focus\:from-indigo-100:focus {
     --gradient-from-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-indigo-200:focus {
+  .md\:focus\:from-indigo-200:focus {
     --gradient-from-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-indigo-300:focus {
+  .md\:focus\:from-indigo-300:focus {
     --gradient-from-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-indigo-400:focus {
+  .md\:focus\:from-indigo-400:focus {
     --gradient-from-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-indigo-500:focus {
+  .md\:focus\:from-indigo-500:focus {
     --gradient-from-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-indigo-600:focus {
+  .md\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-indigo-700:focus {
+  .md\:focus\:from-indigo-700:focus {
     --gradient-from-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-indigo-800:focus {
+  .md\:focus\:from-indigo-800:focus {
     --gradient-from-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-indigo-900:focus {
+  .md\:focus\:from-indigo-900:focus {
     --gradient-from-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-purple-100:focus {
+  .md\:focus\:from-purple-100:focus {
     --gradient-from-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-purple-200:focus {
+  .md\:focus\:from-purple-200:focus {
     --gradient-from-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-purple-300:focus {
+  .md\:focus\:from-purple-300:focus {
     --gradient-from-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-purple-400:focus {
+  .md\:focus\:from-purple-400:focus {
     --gradient-from-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-purple-500:focus {
+  .md\:focus\:from-purple-500:focus {
     --gradient-from-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-purple-600:focus {
+  .md\:focus\:from-purple-600:focus {
     --gradient-from-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-purple-700:focus {
+  .md\:focus\:from-purple-700:focus {
     --gradient-from-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-purple-800:focus {
+  .md\:focus\:from-purple-800:focus {
     --gradient-from-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-purple-900:focus {
+  .md\:focus\:from-purple-900:focus {
     --gradient-from-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-pink-100:focus {
+  .md\:focus\:from-pink-100:focus {
     --gradient-from-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-pink-200:focus {
+  .md\:focus\:from-pink-200:focus {
     --gradient-from-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-pink-300:focus {
+  .md\:focus\:from-pink-300:focus {
     --gradient-from-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-pink-400:focus {
+  .md\:focus\:from-pink-400:focus {
     --gradient-from-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-pink-500:focus {
+  .md\:focus\:from-pink-500:focus {
     --gradient-from-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-pink-600:focus {
+  .md\:focus\:from-pink-600:focus {
     --gradient-from-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-pink-700:focus {
+  .md\:focus\:from-pink-700:focus {
     --gradient-from-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-pink-800:focus {
+  .md\:focus\:from-pink-800:focus {
     --gradient-from-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .md\:focus\:gradient-from-pink-900:focus {
+  .md\:focus\:from-pink-900:focus {
     --gradient-from-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !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 {
+  .md\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-current:focus {
+  .md\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-black:focus {
+  .md\:focus\:mid-black:focus {
     --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-white:focus {
+  .md\:focus\:mid-white:focus {
     --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-gray-100:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-gray-200:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-gray-300:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-gray-400:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-gray-500:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-gray-600:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-gray-700:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-gray-800:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-gray-900:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-red-100:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-red-200:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-red-300:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-red-400:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-red-500:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-red-600:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-red-700:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-red-800:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-red-900:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-orange-100:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-orange-200:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-orange-300:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-orange-400:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-orange-500:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-orange-600:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-orange-700:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-orange-800:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-orange-900:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-yellow-100:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-yellow-200:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-yellow-300:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-yellow-400:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-yellow-500:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-yellow-600:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-yellow-700:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-yellow-800:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-yellow-900:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-green-100:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-green-200:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-green-300:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-green-400:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-green-500:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-green-600:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-green-700:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-green-800:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-green-900:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-teal-100:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-teal-200:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-teal-300:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-teal-400:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-teal-500:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-teal-600:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-teal-700:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-teal-800:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-teal-900:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-blue-100:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-blue-200:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-blue-300:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-blue-400:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-blue-500:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-blue-600:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-blue-700:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-blue-800:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-blue-900:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-indigo-100:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-indigo-200:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-indigo-300:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-indigo-400:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-indigo-500:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-indigo-600:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-indigo-700:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-indigo-800:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-indigo-900:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-purple-100:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-purple-200:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-purple-300:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-purple-400:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-purple-500:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-purple-600:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-purple-700:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-purple-800:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-purple-900:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-pink-100:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-pink-200:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-pink-300:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-pink-400:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-pink-500:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-pink-600:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-pink-700:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-pink-800:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .md\:focus\:gradient-mid-pink-900:focus {
+  .md\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  }
+
+  .md\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent !important;
+  }
+
+  .md\:focus\:to-current:focus {
+    --gradient-to-color: currentColor !important;
+  }
+
+  .md\:focus\:to-black:focus {
+    --gradient-to-color: #000 !important;
+  }
+
+  .md\:focus\:to-white:focus {
+    --gradient-to-color: #fff !important;
+  }
+
+  .md\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f7fafc !important;
+  }
+
+  .md\:focus\:to-gray-200:focus {
+    --gradient-to-color: #edf2f7 !important;
+  }
+
+  .md\:focus\:to-gray-300:focus {
+    --gradient-to-color: #e2e8f0 !important;
+  }
+
+  .md\:focus\:to-gray-400:focus {
+    --gradient-to-color: #cbd5e0 !important;
+  }
+
+  .md\:focus\:to-gray-500:focus {
+    --gradient-to-color: #a0aec0 !important;
+  }
+
+  .md\:focus\:to-gray-600:focus {
+    --gradient-to-color: #718096 !important;
+  }
+
+  .md\:focus\:to-gray-700:focus {
+    --gradient-to-color: #4a5568 !important;
+  }
+
+  .md\:focus\:to-gray-800:focus {
+    --gradient-to-color: #2d3748 !important;
+  }
+
+  .md\:focus\:to-gray-900:focus {
+    --gradient-to-color: #1a202c !important;
+  }
+
+  .md\:focus\:to-red-100:focus {
+    --gradient-to-color: #fff5f5 !important;
+  }
+
+  .md\:focus\:to-red-200:focus {
+    --gradient-to-color: #fed7d7 !important;
+  }
+
+  .md\:focus\:to-red-300:focus {
+    --gradient-to-color: #feb2b2 !important;
+  }
+
+  .md\:focus\:to-red-400:focus {
+    --gradient-to-color: #fc8181 !important;
+  }
+
+  .md\:focus\:to-red-500:focus {
+    --gradient-to-color: #f56565 !important;
+  }
+
+  .md\:focus\:to-red-600:focus {
+    --gradient-to-color: #e53e3e !important;
+  }
+
+  .md\:focus\:to-red-700:focus {
+    --gradient-to-color: #c53030 !important;
+  }
+
+  .md\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b2c2c !important;
+  }
+
+  .md\:focus\:to-red-900:focus {
+    --gradient-to-color: #742a2a !important;
+  }
+
+  .md\:focus\:to-orange-100:focus {
+    --gradient-to-color: #fffaf0 !important;
+  }
+
+  .md\:focus\:to-orange-200:focus {
+    --gradient-to-color: #feebc8 !important;
+  }
+
+  .md\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fbd38d !important;
+  }
+
+  .md\:focus\:to-orange-400:focus {
+    --gradient-to-color: #f6ad55 !important;
+  }
+
+  .md\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ed8936 !important;
+  }
+
+  .md\:focus\:to-orange-600:focus {
+    --gradient-to-color: #dd6b20 !important;
+  }
+
+  .md\:focus\:to-orange-700:focus {
+    --gradient-to-color: #c05621 !important;
+  }
+
+  .md\:focus\:to-orange-800:focus {
+    --gradient-to-color: #9c4221 !important;
+  }
+
+  .md\:focus\:to-orange-900:focus {
+    --gradient-to-color: #7b341e !important;
+  }
+
+  .md\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fffff0 !important;
+  }
+
+  .md\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fefcbf !important;
+  }
+
+  .md\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faf089 !important;
+  }
+
+  .md\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #f6e05e !important;
+  }
+
+  .md\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #ecc94b !important;
+  }
+
+  .md\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #d69e2e !important;
+  }
+
+  .md\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #b7791f !important;
+  }
+
+  .md\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #975a16 !important;
+  }
+
+  .md\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #744210 !important;
+  }
+
+  .md\:focus\:to-green-100:focus {
+    --gradient-to-color: #f0fff4 !important;
+  }
+
+  .md\:focus\:to-green-200:focus {
+    --gradient-to-color: #c6f6d5 !important;
+  }
+
+  .md\:focus\:to-green-300:focus {
+    --gradient-to-color: #9ae6b4 !important;
+  }
+
+  .md\:focus\:to-green-400:focus {
+    --gradient-to-color: #68d391 !important;
+  }
+
+  .md\:focus\:to-green-500:focus {
+    --gradient-to-color: #48bb78 !important;
+  }
+
+  .md\:focus\:to-green-600:focus {
+    --gradient-to-color: #38a169 !important;
+  }
+
+  .md\:focus\:to-green-700:focus {
+    --gradient-to-color: #2f855a !important;
+  }
+
+  .md\:focus\:to-green-800:focus {
+    --gradient-to-color: #276749 !important;
+  }
+
+  .md\:focus\:to-green-900:focus {
+    --gradient-to-color: #22543d !important;
+  }
+
+  .md\:focus\:to-teal-100:focus {
+    --gradient-to-color: #e6fffa !important;
+  }
+
+  .md\:focus\:to-teal-200:focus {
+    --gradient-to-color: #b2f5ea !important;
+  }
+
+  .md\:focus\:to-teal-300:focus {
+    --gradient-to-color: #81e6d9 !important;
+  }
+
+  .md\:focus\:to-teal-400:focus {
+    --gradient-to-color: #4fd1c5 !important;
+  }
+
+  .md\:focus\:to-teal-500:focus {
+    --gradient-to-color: #38b2ac !important;
+  }
+
+  .md\:focus\:to-teal-600:focus {
+    --gradient-to-color: #319795 !important;
+  }
+
+  .md\:focus\:to-teal-700:focus {
+    --gradient-to-color: #2c7a7b !important;
+  }
+
+  .md\:focus\:to-teal-800:focus {
+    --gradient-to-color: #285e61 !important;
+  }
+
+  .md\:focus\:to-teal-900:focus {
+    --gradient-to-color: #234e52 !important;
+  }
+
+  .md\:focus\:to-blue-100:focus {
+    --gradient-to-color: #ebf8ff !important;
+  }
+
+  .md\:focus\:to-blue-200:focus {
+    --gradient-to-color: #bee3f8 !important;
+  }
+
+  .md\:focus\:to-blue-300:focus {
+    --gradient-to-color: #90cdf4 !important;
+  }
+
+  .md\:focus\:to-blue-400:focus {
+    --gradient-to-color: #63b3ed !important;
+  }
+
+  .md\:focus\:to-blue-500:focus {
+    --gradient-to-color: #4299e1 !important;
+  }
+
+  .md\:focus\:to-blue-600:focus {
+    --gradient-to-color: #3182ce !important;
+  }
+
+  .md\:focus\:to-blue-700:focus {
+    --gradient-to-color: #2b6cb0 !important;
+  }
+
+  .md\:focus\:to-blue-800:focus {
+    --gradient-to-color: #2c5282 !important;
+  }
+
+  .md\:focus\:to-blue-900:focus {
+    --gradient-to-color: #2a4365 !important;
+  }
+
+  .md\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff !important;
+  }
+
+  .md\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #c3dafe !important;
+  }
+
+  .md\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #a3bffa !important;
+  }
+
+  .md\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5 !important;
+  }
+
+  .md\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #667eea !important;
+  }
+
+  .md\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5a67d8 !important;
+  }
+
+  .md\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #4c51bf !important;
+  }
+
+  .md\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #434190 !important;
+  }
+
+  .md\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #3c366b !important;
+  }
+
+  .md\:focus\:to-purple-100:focus {
+    --gradient-to-color: #faf5ff !important;
+  }
+
+  .md\:focus\:to-purple-200:focus {
+    --gradient-to-color: #e9d8fd !important;
+  }
+
+  .md\:focus\:to-purple-300:focus {
+    --gradient-to-color: #d6bcfa !important;
+  }
+
+  .md\:focus\:to-purple-400:focus {
+    --gradient-to-color: #b794f4 !important;
+  }
+
+  .md\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9f7aea !important;
+  }
+
+  .md\:focus\:to-purple-600:focus {
+    --gradient-to-color: #805ad5 !important;
+  }
+
+  .md\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6b46c1 !important;
+  }
+
+  .md\:focus\:to-purple-800:focus {
+    --gradient-to-color: #553c9a !important;
+  }
+
+  .md\:focus\:to-purple-900:focus {
+    --gradient-to-color: #44337a !important;
+  }
+
+  .md\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fff5f7 !important;
+  }
+
+  .md\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fed7e2 !important;
+  }
+
+  .md\:focus\:to-pink-300:focus {
+    --gradient-to-color: #fbb6ce !important;
+  }
+
+  .md\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f687b3 !important;
+  }
+
+  .md\:focus\:to-pink-500:focus {
+    --gradient-to-color: #ed64a6 !important;
+  }
+
+  .md\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d53f8c !important;
+  }
+
+  .md\:focus\:to-pink-700:focus {
+    --gradient-to-color: #b83280 !important;
+  }
+
+  .md\:focus\:to-pink-800:focus {
+    --gradient-to-color: #97266d !important;
+  }
+
+  .md\:focus\:to-pink-900:focus {
+    --gradient-to-color: #702459 !important;
   }
 
   .md\:bg-opacity-0 {
@@ -58327,4250 +57529,3984 @@ 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-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
   }
 
-  .lg\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops)) !important;
+  .lg\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
   }
 
-  .lg\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops)) !important;
+  .lg\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
   }
 
-  .lg\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops)) !important;
+  .lg\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
   }
 
-  .lg\:gradient-from-transparent {
+  .lg\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
+  }
+
+  .lg\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
+  }
+
+  .lg\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
+  }
+
+  .lg\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
+  }
+
+  .lg\:from-transparent {
     --gradient-from-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:gradient-from-current {
+  .lg\:from-current {
     --gradient-from-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:gradient-from-black {
+  .lg\:from-black {
     --gradient-from-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:gradient-from-white {
+  .lg\:from-white {
     --gradient-from-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:gradient-from-gray-100 {
+  .lg\:from-gray-100 {
     --gradient-from-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .lg\:gradient-from-gray-200 {
+  .lg\:from-gray-200 {
     --gradient-from-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .lg\:gradient-from-gray-300 {
+  .lg\:from-gray-300 {
     --gradient-from-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .lg\:gradient-from-gray-400 {
+  .lg\:from-gray-400 {
     --gradient-from-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .lg\:gradient-from-gray-500 {
+  .lg\:from-gray-500 {
     --gradient-from-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .lg\:gradient-from-gray-600 {
+  .lg\:from-gray-600 {
     --gradient-from-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .lg\:gradient-from-gray-700 {
+  .lg\:from-gray-700 {
     --gradient-from-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .lg\:gradient-from-gray-800 {
+  .lg\:from-gray-800 {
     --gradient-from-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .lg\:gradient-from-gray-900 {
+  .lg\:from-gray-900 {
     --gradient-from-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .lg\:gradient-from-red-100 {
+  .lg\:from-red-100 {
     --gradient-from-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .lg\:gradient-from-red-200 {
+  .lg\:from-red-200 {
     --gradient-from-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .lg\:gradient-from-red-300 {
+  .lg\:from-red-300 {
     --gradient-from-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .lg\:gradient-from-red-400 {
+  .lg\:from-red-400 {
     --gradient-from-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .lg\:gradient-from-red-500 {
+  .lg\:from-red-500 {
     --gradient-from-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .lg\:gradient-from-red-600 {
+  .lg\:from-red-600 {
     --gradient-from-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .lg\:gradient-from-red-700 {
+  .lg\:from-red-700 {
     --gradient-from-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .lg\:gradient-from-red-800 {
+  .lg\:from-red-800 {
     --gradient-from-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .lg\:gradient-from-red-900 {
+  .lg\:from-red-900 {
     --gradient-from-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .lg\:gradient-from-orange-100 {
+  .lg\:from-orange-100 {
     --gradient-from-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .lg\:gradient-from-orange-200 {
+  .lg\:from-orange-200 {
     --gradient-from-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .lg\:gradient-from-orange-300 {
+  .lg\:from-orange-300 {
     --gradient-from-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .lg\:gradient-from-orange-400 {
+  .lg\:from-orange-400 {
     --gradient-from-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .lg\:gradient-from-orange-500 {
+  .lg\:from-orange-500 {
     --gradient-from-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .lg\:gradient-from-orange-600 {
+  .lg\:from-orange-600 {
     --gradient-from-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .lg\:gradient-from-orange-700 {
+  .lg\:from-orange-700 {
     --gradient-from-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .lg\:gradient-from-orange-800 {
+  .lg\:from-orange-800 {
     --gradient-from-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .lg\:gradient-from-orange-900 {
+  .lg\:from-orange-900 {
     --gradient-from-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .lg\:gradient-from-yellow-100 {
+  .lg\:from-yellow-100 {
     --gradient-from-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .lg\:gradient-from-yellow-200 {
+  .lg\:from-yellow-200 {
     --gradient-from-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .lg\:gradient-from-yellow-300 {
+  .lg\:from-yellow-300 {
     --gradient-from-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .lg\:gradient-from-yellow-400 {
+  .lg\:from-yellow-400 {
     --gradient-from-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .lg\:gradient-from-yellow-500 {
+  .lg\:from-yellow-500 {
     --gradient-from-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .lg\:gradient-from-yellow-600 {
+  .lg\:from-yellow-600 {
     --gradient-from-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .lg\:gradient-from-yellow-700 {
+  .lg\:from-yellow-700 {
     --gradient-from-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .lg\:gradient-from-yellow-800 {
+  .lg\:from-yellow-800 {
     --gradient-from-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .lg\:gradient-from-yellow-900 {
+  .lg\:from-yellow-900 {
     --gradient-from-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .lg\:gradient-from-green-100 {
+  .lg\:from-green-100 {
     --gradient-from-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .lg\:gradient-from-green-200 {
+  .lg\:from-green-200 {
     --gradient-from-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .lg\:gradient-from-green-300 {
+  .lg\:from-green-300 {
     --gradient-from-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .lg\:gradient-from-green-400 {
+  .lg\:from-green-400 {
     --gradient-from-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .lg\:gradient-from-green-500 {
+  .lg\:from-green-500 {
     --gradient-from-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .lg\:gradient-from-green-600 {
+  .lg\:from-green-600 {
     --gradient-from-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .lg\:gradient-from-green-700 {
+  .lg\:from-green-700 {
     --gradient-from-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .lg\:gradient-from-green-800 {
+  .lg\:from-green-800 {
     --gradient-from-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .lg\:gradient-from-green-900 {
+  .lg\:from-green-900 {
     --gradient-from-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .lg\:gradient-from-teal-100 {
+  .lg\:from-teal-100 {
     --gradient-from-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .lg\:gradient-from-teal-200 {
+  .lg\:from-teal-200 {
     --gradient-from-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .lg\:gradient-from-teal-300 {
+  .lg\:from-teal-300 {
     --gradient-from-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .lg\:gradient-from-teal-400 {
+  .lg\:from-teal-400 {
     --gradient-from-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .lg\:gradient-from-teal-500 {
+  .lg\:from-teal-500 {
     --gradient-from-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .lg\:gradient-from-teal-600 {
+  .lg\:from-teal-600 {
     --gradient-from-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .lg\:gradient-from-teal-700 {
+  .lg\:from-teal-700 {
     --gradient-from-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .lg\:gradient-from-teal-800 {
+  .lg\:from-teal-800 {
     --gradient-from-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .lg\:gradient-from-teal-900 {
+  .lg\:from-teal-900 {
     --gradient-from-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .lg\:gradient-from-blue-100 {
+  .lg\:from-blue-100 {
     --gradient-from-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .lg\:gradient-from-blue-200 {
+  .lg\:from-blue-200 {
     --gradient-from-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .lg\:gradient-from-blue-300 {
+  .lg\:from-blue-300 {
     --gradient-from-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .lg\:gradient-from-blue-400 {
+  .lg\:from-blue-400 {
     --gradient-from-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .lg\:gradient-from-blue-500 {
+  .lg\:from-blue-500 {
     --gradient-from-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .lg\:gradient-from-blue-600 {
+  .lg\:from-blue-600 {
     --gradient-from-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .lg\:gradient-from-blue-700 {
+  .lg\:from-blue-700 {
     --gradient-from-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .lg\:gradient-from-blue-800 {
+  .lg\:from-blue-800 {
     --gradient-from-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .lg\:gradient-from-blue-900 {
+  .lg\:from-blue-900 {
     --gradient-from-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .lg\:gradient-from-indigo-100 {
+  .lg\:from-indigo-100 {
     --gradient-from-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .lg\:gradient-from-indigo-200 {
+  .lg\:from-indigo-200 {
     --gradient-from-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .lg\:gradient-from-indigo-300 {
+  .lg\:from-indigo-300 {
     --gradient-from-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .lg\:gradient-from-indigo-400 {
+  .lg\:from-indigo-400 {
     --gradient-from-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .lg\:gradient-from-indigo-500 {
+  .lg\:from-indigo-500 {
     --gradient-from-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .lg\:gradient-from-indigo-600 {
+  .lg\:from-indigo-600 {
     --gradient-from-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .lg\:gradient-from-indigo-700 {
+  .lg\:from-indigo-700 {
     --gradient-from-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .lg\:gradient-from-indigo-800 {
+  .lg\:from-indigo-800 {
     --gradient-from-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .lg\:gradient-from-indigo-900 {
+  .lg\:from-indigo-900 {
     --gradient-from-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .lg\:gradient-from-purple-100 {
+  .lg\:from-purple-100 {
     --gradient-from-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .lg\:gradient-from-purple-200 {
+  .lg\:from-purple-200 {
     --gradient-from-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .lg\:gradient-from-purple-300 {
+  .lg\:from-purple-300 {
     --gradient-from-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .lg\:gradient-from-purple-400 {
+  .lg\:from-purple-400 {
     --gradient-from-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .lg\:gradient-from-purple-500 {
+  .lg\:from-purple-500 {
     --gradient-from-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .lg\:gradient-from-purple-600 {
+  .lg\:from-purple-600 {
     --gradient-from-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .lg\:gradient-from-purple-700 {
+  .lg\:from-purple-700 {
     --gradient-from-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .lg\:gradient-from-purple-800 {
+  .lg\:from-purple-800 {
     --gradient-from-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .lg\:gradient-from-purple-900 {
+  .lg\:from-purple-900 {
     --gradient-from-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .lg\:gradient-from-pink-100 {
+  .lg\:from-pink-100 {
     --gradient-from-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .lg\:gradient-from-pink-200 {
+  .lg\:from-pink-200 {
     --gradient-from-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .lg\:gradient-from-pink-300 {
+  .lg\:from-pink-300 {
     --gradient-from-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .lg\:gradient-from-pink-400 {
+  .lg\:from-pink-400 {
     --gradient-from-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .lg\:gradient-from-pink-500 {
+  .lg\:from-pink-500 {
     --gradient-from-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .lg\:gradient-from-pink-600 {
+  .lg\:from-pink-600 {
     --gradient-from-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .lg\:gradient-from-pink-700 {
+  .lg\:from-pink-700 {
     --gradient-from-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .lg\:gradient-from-pink-800 {
+  .lg\:from-pink-800 {
     --gradient-from-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .lg\:gradient-from-pink-900 {
+  .lg\:from-pink-900 {
     --gradient-from-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !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 {
+  .lg\:mid-transparent {
     --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:gradient-mid-current {
+  .lg\:mid-current {
     --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:gradient-mid-black {
+  .lg\:mid-black {
     --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:gradient-mid-white {
+  .lg\:mid-white {
     --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:gradient-mid-gray-100 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .lg\:gradient-mid-gray-200 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .lg\:gradient-mid-gray-300 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .lg\:gradient-mid-gray-400 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .lg\:gradient-mid-gray-500 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .lg\:gradient-mid-gray-600 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .lg\:gradient-mid-gray-700 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .lg\:gradient-mid-gray-800 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .lg\:gradient-mid-gray-900 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .lg\:gradient-mid-red-100 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .lg\:gradient-mid-red-200 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .lg\:gradient-mid-red-300 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .lg\:gradient-mid-red-400 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .lg\:gradient-mid-red-500 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .lg\:gradient-mid-red-600 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .lg\:gradient-mid-red-700 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .lg\:gradient-mid-red-800 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .lg\:gradient-mid-red-900 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .lg\:gradient-mid-orange-100 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .lg\:gradient-mid-orange-200 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .lg\:gradient-mid-orange-300 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .lg\:gradient-mid-orange-400 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .lg\:gradient-mid-orange-500 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .lg\:gradient-mid-orange-600 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .lg\:gradient-mid-orange-700 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .lg\:gradient-mid-orange-800 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .lg\:gradient-mid-orange-900 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .lg\:gradient-mid-yellow-100 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .lg\:gradient-mid-yellow-200 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .lg\:gradient-mid-yellow-300 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .lg\:gradient-mid-yellow-400 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .lg\:gradient-mid-yellow-500 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .lg\:gradient-mid-yellow-600 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .lg\:gradient-mid-yellow-700 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .lg\:gradient-mid-yellow-800 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .lg\:gradient-mid-yellow-900 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .lg\:gradient-mid-green-100 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .lg\:gradient-mid-green-200 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .lg\:gradient-mid-green-300 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .lg\:gradient-mid-green-400 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .lg\:gradient-mid-green-500 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .lg\:gradient-mid-green-600 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .lg\:gradient-mid-green-700 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .lg\:gradient-mid-green-800 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .lg\:gradient-mid-green-900 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .lg\:gradient-mid-teal-100 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .lg\:gradient-mid-teal-200 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .lg\:gradient-mid-teal-300 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .lg\:gradient-mid-teal-400 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .lg\:gradient-mid-teal-500 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .lg\:gradient-mid-teal-600 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .lg\:gradient-mid-teal-700 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .lg\:gradient-mid-teal-800 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .lg\:gradient-mid-teal-900 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .lg\:gradient-mid-blue-100 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .lg\:gradient-mid-blue-200 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .lg\:gradient-mid-blue-300 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .lg\:gradient-mid-blue-400 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .lg\:gradient-mid-blue-500 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .lg\:gradient-mid-blue-600 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .lg\:gradient-mid-blue-700 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .lg\:gradient-mid-blue-800 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .lg\:gradient-mid-blue-900 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .lg\:gradient-mid-indigo-100 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .lg\:gradient-mid-indigo-200 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .lg\:gradient-mid-indigo-300 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .lg\:gradient-mid-indigo-400 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .lg\:gradient-mid-indigo-500 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .lg\:gradient-mid-indigo-600 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .lg\:gradient-mid-indigo-700 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .lg\:gradient-mid-indigo-800 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .lg\:gradient-mid-indigo-900 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .lg\:gradient-mid-purple-100 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .lg\:gradient-mid-purple-200 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .lg\:gradient-mid-purple-300 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .lg\:gradient-mid-purple-400 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .lg\:gradient-mid-purple-500 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .lg\:gradient-mid-purple-600 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .lg\:gradient-mid-purple-700 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .lg\:gradient-mid-purple-800 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .lg\:gradient-mid-purple-900 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .lg\:gradient-mid-pink-100 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .lg\:gradient-mid-pink-200 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .lg\:gradient-mid-pink-300 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .lg\:gradient-mid-pink-400 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .lg\:gradient-mid-pink-500 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .lg\:gradient-mid-pink-600 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .lg\:gradient-mid-pink-700 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .lg\:gradient-mid-pink-800 {
+  .lg\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .lg\:gradient-mid-pink-900 {
+  .lg\:mid-pink-900 {
     --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-transparent:hover {
+  .lg\:to-transparent {
+    --gradient-to-color: transparent !important;
+  }
+
+  .lg\:to-current {
+    --gradient-to-color: currentColor !important;
+  }
+
+  .lg\:to-black {
+    --gradient-to-color: #000 !important;
+  }
+
+  .lg\:to-white {
+    --gradient-to-color: #fff !important;
+  }
+
+  .lg\:to-gray-100 {
+    --gradient-to-color: #f7fafc !important;
+  }
+
+  .lg\:to-gray-200 {
+    --gradient-to-color: #edf2f7 !important;
+  }
+
+  .lg\:to-gray-300 {
+    --gradient-to-color: #e2e8f0 !important;
+  }
+
+  .lg\:to-gray-400 {
+    --gradient-to-color: #cbd5e0 !important;
+  }
+
+  .lg\:to-gray-500 {
+    --gradient-to-color: #a0aec0 !important;
+  }
+
+  .lg\:to-gray-600 {
+    --gradient-to-color: #718096 !important;
+  }
+
+  .lg\:to-gray-700 {
+    --gradient-to-color: #4a5568 !important;
+  }
+
+  .lg\:to-gray-800 {
+    --gradient-to-color: #2d3748 !important;
+  }
+
+  .lg\:to-gray-900 {
+    --gradient-to-color: #1a202c !important;
+  }
+
+  .lg\:to-red-100 {
+    --gradient-to-color: #fff5f5 !important;
+  }
+
+  .lg\:to-red-200 {
+    --gradient-to-color: #fed7d7 !important;
+  }
+
+  .lg\:to-red-300 {
+    --gradient-to-color: #feb2b2 !important;
+  }
+
+  .lg\:to-red-400 {
+    --gradient-to-color: #fc8181 !important;
+  }
+
+  .lg\:to-red-500 {
+    --gradient-to-color: #f56565 !important;
+  }
+
+  .lg\:to-red-600 {
+    --gradient-to-color: #e53e3e !important;
+  }
+
+  .lg\:to-red-700 {
+    --gradient-to-color: #c53030 !important;
+  }
+
+  .lg\:to-red-800 {
+    --gradient-to-color: #9b2c2c !important;
+  }
+
+  .lg\:to-red-900 {
+    --gradient-to-color: #742a2a !important;
+  }
+
+  .lg\:to-orange-100 {
+    --gradient-to-color: #fffaf0 !important;
+  }
+
+  .lg\:to-orange-200 {
+    --gradient-to-color: #feebc8 !important;
+  }
+
+  .lg\:to-orange-300 {
+    --gradient-to-color: #fbd38d !important;
+  }
+
+  .lg\:to-orange-400 {
+    --gradient-to-color: #f6ad55 !important;
+  }
+
+  .lg\:to-orange-500 {
+    --gradient-to-color: #ed8936 !important;
+  }
+
+  .lg\:to-orange-600 {
+    --gradient-to-color: #dd6b20 !important;
+  }
+
+  .lg\:to-orange-700 {
+    --gradient-to-color: #c05621 !important;
+  }
+
+  .lg\:to-orange-800 {
+    --gradient-to-color: #9c4221 !important;
+  }
+
+  .lg\:to-orange-900 {
+    --gradient-to-color: #7b341e !important;
+  }
+
+  .lg\:to-yellow-100 {
+    --gradient-to-color: #fffff0 !important;
+  }
+
+  .lg\:to-yellow-200 {
+    --gradient-to-color: #fefcbf !important;
+  }
+
+  .lg\:to-yellow-300 {
+    --gradient-to-color: #faf089 !important;
+  }
+
+  .lg\:to-yellow-400 {
+    --gradient-to-color: #f6e05e !important;
+  }
+
+  .lg\:to-yellow-500 {
+    --gradient-to-color: #ecc94b !important;
+  }
+
+  .lg\:to-yellow-600 {
+    --gradient-to-color: #d69e2e !important;
+  }
+
+  .lg\:to-yellow-700 {
+    --gradient-to-color: #b7791f !important;
+  }
+
+  .lg\:to-yellow-800 {
+    --gradient-to-color: #975a16 !important;
+  }
+
+  .lg\:to-yellow-900 {
+    --gradient-to-color: #744210 !important;
+  }
+
+  .lg\:to-green-100 {
+    --gradient-to-color: #f0fff4 !important;
+  }
+
+  .lg\:to-green-200 {
+    --gradient-to-color: #c6f6d5 !important;
+  }
+
+  .lg\:to-green-300 {
+    --gradient-to-color: #9ae6b4 !important;
+  }
+
+  .lg\:to-green-400 {
+    --gradient-to-color: #68d391 !important;
+  }
+
+  .lg\:to-green-500 {
+    --gradient-to-color: #48bb78 !important;
+  }
+
+  .lg\:to-green-600 {
+    --gradient-to-color: #38a169 !important;
+  }
+
+  .lg\:to-green-700 {
+    --gradient-to-color: #2f855a !important;
+  }
+
+  .lg\:to-green-800 {
+    --gradient-to-color: #276749 !important;
+  }
+
+  .lg\:to-green-900 {
+    --gradient-to-color: #22543d !important;
+  }
+
+  .lg\:to-teal-100 {
+    --gradient-to-color: #e6fffa !important;
+  }
+
+  .lg\:to-teal-200 {
+    --gradient-to-color: #b2f5ea !important;
+  }
+
+  .lg\:to-teal-300 {
+    --gradient-to-color: #81e6d9 !important;
+  }
+
+  .lg\:to-teal-400 {
+    --gradient-to-color: #4fd1c5 !important;
+  }
+
+  .lg\:to-teal-500 {
+    --gradient-to-color: #38b2ac !important;
+  }
+
+  .lg\:to-teal-600 {
+    --gradient-to-color: #319795 !important;
+  }
+
+  .lg\:to-teal-700 {
+    --gradient-to-color: #2c7a7b !important;
+  }
+
+  .lg\:to-teal-800 {
+    --gradient-to-color: #285e61 !important;
+  }
+
+  .lg\:to-teal-900 {
+    --gradient-to-color: #234e52 !important;
+  }
+
+  .lg\:to-blue-100 {
+    --gradient-to-color: #ebf8ff !important;
+  }
+
+  .lg\:to-blue-200 {
+    --gradient-to-color: #bee3f8 !important;
+  }
+
+  .lg\:to-blue-300 {
+    --gradient-to-color: #90cdf4 !important;
+  }
+
+  .lg\:to-blue-400 {
+    --gradient-to-color: #63b3ed !important;
+  }
+
+  .lg\:to-blue-500 {
+    --gradient-to-color: #4299e1 !important;
+  }
+
+  .lg\:to-blue-600 {
+    --gradient-to-color: #3182ce !important;
+  }
+
+  .lg\:to-blue-700 {
+    --gradient-to-color: #2b6cb0 !important;
+  }
+
+  .lg\:to-blue-800 {
+    --gradient-to-color: #2c5282 !important;
+  }
+
+  .lg\:to-blue-900 {
+    --gradient-to-color: #2a4365 !important;
+  }
+
+  .lg\:to-indigo-100 {
+    --gradient-to-color: #ebf4ff !important;
+  }
+
+  .lg\:to-indigo-200 {
+    --gradient-to-color: #c3dafe !important;
+  }
+
+  .lg\:to-indigo-300 {
+    --gradient-to-color: #a3bffa !important;
+  }
+
+  .lg\:to-indigo-400 {
+    --gradient-to-color: #7f9cf5 !important;
+  }
+
+  .lg\:to-indigo-500 {
+    --gradient-to-color: #667eea !important;
+  }
+
+  .lg\:to-indigo-600 {
+    --gradient-to-color: #5a67d8 !important;
+  }
+
+  .lg\:to-indigo-700 {
+    --gradient-to-color: #4c51bf !important;
+  }
+
+  .lg\:to-indigo-800 {
+    --gradient-to-color: #434190 !important;
+  }
+
+  .lg\:to-indigo-900 {
+    --gradient-to-color: #3c366b !important;
+  }
+
+  .lg\:to-purple-100 {
+    --gradient-to-color: #faf5ff !important;
+  }
+
+  .lg\:to-purple-200 {
+    --gradient-to-color: #e9d8fd !important;
+  }
+
+  .lg\:to-purple-300 {
+    --gradient-to-color: #d6bcfa !important;
+  }
+
+  .lg\:to-purple-400 {
+    --gradient-to-color: #b794f4 !important;
+  }
+
+  .lg\:to-purple-500 {
+    --gradient-to-color: #9f7aea !important;
+  }
+
+  .lg\:to-purple-600 {
+    --gradient-to-color: #805ad5 !important;
+  }
+
+  .lg\:to-purple-700 {
+    --gradient-to-color: #6b46c1 !important;
+  }
+
+  .lg\:to-purple-800 {
+    --gradient-to-color: #553c9a !important;
+  }
+
+  .lg\:to-purple-900 {
+    --gradient-to-color: #44337a !important;
+  }
+
+  .lg\:to-pink-100 {
+    --gradient-to-color: #fff5f7 !important;
+  }
+
+  .lg\:to-pink-200 {
+    --gradient-to-color: #fed7e2 !important;
+  }
+
+  .lg\:to-pink-300 {
+    --gradient-to-color: #fbb6ce !important;
+  }
+
+  .lg\:to-pink-400 {
+    --gradient-to-color: #f687b3 !important;
+  }
+
+  .lg\:to-pink-500 {
+    --gradient-to-color: #ed64a6 !important;
+  }
+
+  .lg\:to-pink-600 {
+    --gradient-to-color: #d53f8c !important;
+  }
+
+  .lg\:to-pink-700 {
+    --gradient-to-color: #b83280 !important;
+  }
+
+  .lg\:to-pink-800 {
+    --gradient-to-color: #97266d !important;
+  }
+
+  .lg\:to-pink-900 {
+    --gradient-to-color: #702459 !important;
+  }
+
+  .lg\:hover\:from-transparent:hover {
     --gradient-from-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-current:hover {
+  .lg\:hover\:from-current:hover {
     --gradient-from-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-black:hover {
+  .lg\:hover\:from-black:hover {
     --gradient-from-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-white:hover {
+  .lg\:hover\:from-white:hover {
     --gradient-from-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-gray-100:hover {
+  .lg\:hover\:from-gray-100:hover {
     --gradient-from-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-gray-200:hover {
+  .lg\:hover\:from-gray-200:hover {
     --gradient-from-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-gray-300:hover {
+  .lg\:hover\:from-gray-300:hover {
     --gradient-from-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-gray-400:hover {
+  .lg\:hover\:from-gray-400:hover {
     --gradient-from-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-gray-500:hover {
+  .lg\:hover\:from-gray-500:hover {
     --gradient-from-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-gray-600:hover {
+  .lg\:hover\:from-gray-600:hover {
     --gradient-from-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-gray-700:hover {
+  .lg\:hover\:from-gray-700:hover {
     --gradient-from-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-gray-800:hover {
+  .lg\:hover\:from-gray-800:hover {
     --gradient-from-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-gray-900:hover {
+  .lg\:hover\:from-gray-900:hover {
     --gradient-from-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-red-100:hover {
+  .lg\:hover\:from-red-100:hover {
     --gradient-from-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-red-200:hover {
+  .lg\:hover\:from-red-200:hover {
     --gradient-from-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-red-300:hover {
+  .lg\:hover\:from-red-300:hover {
     --gradient-from-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-red-400:hover {
+  .lg\:hover\:from-red-400:hover {
     --gradient-from-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-red-500:hover {
+  .lg\:hover\:from-red-500:hover {
     --gradient-from-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-red-600:hover {
+  .lg\:hover\:from-red-600:hover {
     --gradient-from-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-red-700:hover {
+  .lg\:hover\:from-red-700:hover {
     --gradient-from-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-red-800:hover {
+  .lg\:hover\:from-red-800:hover {
     --gradient-from-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-red-900:hover {
+  .lg\:hover\:from-red-900:hover {
     --gradient-from-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-orange-100:hover {
+  .lg\:hover\:from-orange-100:hover {
     --gradient-from-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-orange-200:hover {
+  .lg\:hover\:from-orange-200:hover {
     --gradient-from-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-orange-300:hover {
+  .lg\:hover\:from-orange-300:hover {
     --gradient-from-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-orange-400:hover {
+  .lg\:hover\:from-orange-400:hover {
     --gradient-from-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-orange-500:hover {
+  .lg\:hover\:from-orange-500:hover {
     --gradient-from-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-orange-600:hover {
+  .lg\:hover\:from-orange-600:hover {
     --gradient-from-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-orange-700:hover {
+  .lg\:hover\:from-orange-700:hover {
     --gradient-from-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-orange-800:hover {
+  .lg\:hover\:from-orange-800:hover {
     --gradient-from-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-orange-900:hover {
+  .lg\:hover\:from-orange-900:hover {
     --gradient-from-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-yellow-100:hover {
+  .lg\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-yellow-200:hover {
+  .lg\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-yellow-300:hover {
+  .lg\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-yellow-400:hover {
+  .lg\:hover\:from-yellow-400:hover {
     --gradient-from-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-yellow-500:hover {
+  .lg\:hover\:from-yellow-500:hover {
     --gradient-from-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-yellow-600:hover {
+  .lg\:hover\:from-yellow-600:hover {
     --gradient-from-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-yellow-700:hover {
+  .lg\:hover\:from-yellow-700:hover {
     --gradient-from-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-yellow-800:hover {
+  .lg\:hover\:from-yellow-800:hover {
     --gradient-from-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-yellow-900:hover {
+  .lg\:hover\:from-yellow-900:hover {
     --gradient-from-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-green-100:hover {
+  .lg\:hover\:from-green-100:hover {
     --gradient-from-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-green-200:hover {
+  .lg\:hover\:from-green-200:hover {
     --gradient-from-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-green-300:hover {
+  .lg\:hover\:from-green-300:hover {
     --gradient-from-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-green-400:hover {
+  .lg\:hover\:from-green-400:hover {
     --gradient-from-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-green-500:hover {
+  .lg\:hover\:from-green-500:hover {
     --gradient-from-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-green-600:hover {
+  .lg\:hover\:from-green-600:hover {
     --gradient-from-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-green-700:hover {
+  .lg\:hover\:from-green-700:hover {
     --gradient-from-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-green-800:hover {
+  .lg\:hover\:from-green-800:hover {
     --gradient-from-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-green-900:hover {
+  .lg\:hover\:from-green-900:hover {
     --gradient-from-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-teal-100:hover {
+  .lg\:hover\:from-teal-100:hover {
     --gradient-from-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-teal-200:hover {
+  .lg\:hover\:from-teal-200:hover {
     --gradient-from-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-teal-300:hover {
+  .lg\:hover\:from-teal-300:hover {
     --gradient-from-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-teal-400:hover {
+  .lg\:hover\:from-teal-400:hover {
     --gradient-from-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-teal-500:hover {
+  .lg\:hover\:from-teal-500:hover {
     --gradient-from-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-teal-600:hover {
+  .lg\:hover\:from-teal-600:hover {
     --gradient-from-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-teal-700:hover {
+  .lg\:hover\:from-teal-700:hover {
     --gradient-from-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-teal-800:hover {
+  .lg\:hover\:from-teal-800:hover {
     --gradient-from-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-teal-900:hover {
+  .lg\:hover\:from-teal-900:hover {
     --gradient-from-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-blue-100:hover {
+  .lg\:hover\:from-blue-100:hover {
     --gradient-from-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-blue-200:hover {
+  .lg\:hover\:from-blue-200:hover {
     --gradient-from-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-blue-300:hover {
+  .lg\:hover\:from-blue-300:hover {
     --gradient-from-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-blue-400:hover {
+  .lg\:hover\:from-blue-400:hover {
     --gradient-from-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-blue-500:hover {
+  .lg\:hover\:from-blue-500:hover {
     --gradient-from-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-blue-600:hover {
+  .lg\:hover\:from-blue-600:hover {
     --gradient-from-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-blue-700:hover {
+  .lg\:hover\:from-blue-700:hover {
     --gradient-from-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-blue-800:hover {
+  .lg\:hover\:from-blue-800:hover {
     --gradient-from-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-blue-900:hover {
+  .lg\:hover\:from-blue-900:hover {
     --gradient-from-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-indigo-100:hover {
+  .lg\:hover\:from-indigo-100:hover {
     --gradient-from-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-indigo-200:hover {
+  .lg\:hover\:from-indigo-200:hover {
     --gradient-from-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-indigo-300:hover {
+  .lg\:hover\:from-indigo-300:hover {
     --gradient-from-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-indigo-400:hover {
+  .lg\:hover\:from-indigo-400:hover {
     --gradient-from-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-indigo-500:hover {
+  .lg\:hover\:from-indigo-500:hover {
     --gradient-from-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-indigo-600:hover {
+  .lg\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-indigo-700:hover {
+  .lg\:hover\:from-indigo-700:hover {
     --gradient-from-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-indigo-800:hover {
+  .lg\:hover\:from-indigo-800:hover {
     --gradient-from-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-indigo-900:hover {
+  .lg\:hover\:from-indigo-900:hover {
     --gradient-from-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-purple-100:hover {
+  .lg\:hover\:from-purple-100:hover {
     --gradient-from-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-purple-200:hover {
+  .lg\:hover\:from-purple-200:hover {
     --gradient-from-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-purple-300:hover {
+  .lg\:hover\:from-purple-300:hover {
     --gradient-from-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-purple-400:hover {
+  .lg\:hover\:from-purple-400:hover {
     --gradient-from-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-purple-500:hover {
+  .lg\:hover\:from-purple-500:hover {
     --gradient-from-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-purple-600:hover {
+  .lg\:hover\:from-purple-600:hover {
     --gradient-from-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-purple-700:hover {
+  .lg\:hover\:from-purple-700:hover {
     --gradient-from-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-purple-800:hover {
+  .lg\:hover\:from-purple-800:hover {
     --gradient-from-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-purple-900:hover {
+  .lg\:hover\:from-purple-900:hover {
     --gradient-from-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-pink-100:hover {
+  .lg\:hover\:from-pink-100:hover {
     --gradient-from-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-pink-200:hover {
+  .lg\:hover\:from-pink-200:hover {
     --gradient-from-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-pink-300:hover {
+  .lg\:hover\:from-pink-300:hover {
     --gradient-from-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-pink-400:hover {
+  .lg\:hover\:from-pink-400:hover {
     --gradient-from-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-pink-500:hover {
+  .lg\:hover\:from-pink-500:hover {
     --gradient-from-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-pink-600:hover {
+  .lg\:hover\:from-pink-600:hover {
     --gradient-from-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-pink-700:hover {
+  .lg\:hover\:from-pink-700:hover {
     --gradient-from-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-pink-800:hover {
+  .lg\:hover\:from-pink-800:hover {
     --gradient-from-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .lg\:hover\:gradient-from-pink-900:hover {
+  .lg\:hover\:from-pink-900:hover {
     --gradient-from-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !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 {
+  .lg\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-current:hover {
+  .lg\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-black:hover {
+  .lg\:hover\:mid-black:hover {
     --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-white:hover {
+  .lg\:hover\:mid-white:hover {
     --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-gray-100:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-gray-200:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-gray-300:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-gray-400:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-gray-500:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-gray-600:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-gray-700:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-gray-800:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-gray-900:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-red-100:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-red-200:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-red-300:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-red-400:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-red-500:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-red-600:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-red-700:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-red-800:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-red-900:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-orange-100:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-orange-200:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-orange-300:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-orange-400:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-orange-500:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-orange-600:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-orange-700:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-orange-800:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-orange-900:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-yellow-100:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-yellow-200:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-yellow-300:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-yellow-400:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-yellow-500:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-yellow-600:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-yellow-700:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-yellow-800:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-yellow-900:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-green-100:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-green-200:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-green-300:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-green-400:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-green-500:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-green-600:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-green-700:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-green-800:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-green-900:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-teal-100:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-teal-200:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-teal-300:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-teal-400:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-teal-500:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-teal-600:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-teal-700:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-teal-800:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-teal-900:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-blue-100:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-blue-200:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-blue-300:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-blue-400:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-blue-500:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-blue-600:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-blue-700:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-blue-800:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-blue-900:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-indigo-100:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-indigo-200:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-indigo-300:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-indigo-400:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-indigo-500:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-indigo-600:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-indigo-700:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-indigo-800:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-indigo-900:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-purple-100:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-purple-200:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-purple-300:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-purple-400:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-purple-500:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-purple-600:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-purple-700:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-purple-800:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-purple-900:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-pink-100:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-pink-200:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-pink-300:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-pink-400:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-pink-500:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-pink-600:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-pink-700:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-pink-800:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .lg\:hover\:gradient-mid-pink-900:hover {
+  .lg\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-transparent:focus {
+  .lg\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent !important;
+  }
+
+  .lg\:hover\:to-current:hover {
+    --gradient-to-color: currentColor !important;
+  }
+
+  .lg\:hover\:to-black:hover {
+    --gradient-to-color: #000 !important;
+  }
+
+  .lg\:hover\:to-white:hover {
+    --gradient-to-color: #fff !important;
+  }
+
+  .lg\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f7fafc !important;
+  }
+
+  .lg\:hover\:to-gray-200:hover {
+    --gradient-to-color: #edf2f7 !important;
+  }
+
+  .lg\:hover\:to-gray-300:hover {
+    --gradient-to-color: #e2e8f0 !important;
+  }
+
+  .lg\:hover\:to-gray-400:hover {
+    --gradient-to-color: #cbd5e0 !important;
+  }
+
+  .lg\:hover\:to-gray-500:hover {
+    --gradient-to-color: #a0aec0 !important;
+  }
+
+  .lg\:hover\:to-gray-600:hover {
+    --gradient-to-color: #718096 !important;
+  }
+
+  .lg\:hover\:to-gray-700:hover {
+    --gradient-to-color: #4a5568 !important;
+  }
+
+  .lg\:hover\:to-gray-800:hover {
+    --gradient-to-color: #2d3748 !important;
+  }
+
+  .lg\:hover\:to-gray-900:hover {
+    --gradient-to-color: #1a202c !important;
+  }
+
+  .lg\:hover\:to-red-100:hover {
+    --gradient-to-color: #fff5f5 !important;
+  }
+
+  .lg\:hover\:to-red-200:hover {
+    --gradient-to-color: #fed7d7 !important;
+  }
+
+  .lg\:hover\:to-red-300:hover {
+    --gradient-to-color: #feb2b2 !important;
+  }
+
+  .lg\:hover\:to-red-400:hover {
+    --gradient-to-color: #fc8181 !important;
+  }
+
+  .lg\:hover\:to-red-500:hover {
+    --gradient-to-color: #f56565 !important;
+  }
+
+  .lg\:hover\:to-red-600:hover {
+    --gradient-to-color: #e53e3e !important;
+  }
+
+  .lg\:hover\:to-red-700:hover {
+    --gradient-to-color: #c53030 !important;
+  }
+
+  .lg\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b2c2c !important;
+  }
+
+  .lg\:hover\:to-red-900:hover {
+    --gradient-to-color: #742a2a !important;
+  }
+
+  .lg\:hover\:to-orange-100:hover {
+    --gradient-to-color: #fffaf0 !important;
+  }
+
+  .lg\:hover\:to-orange-200:hover {
+    --gradient-to-color: #feebc8 !important;
+  }
+
+  .lg\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fbd38d !important;
+  }
+
+  .lg\:hover\:to-orange-400:hover {
+    --gradient-to-color: #f6ad55 !important;
+  }
+
+  .lg\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ed8936 !important;
+  }
+
+  .lg\:hover\:to-orange-600:hover {
+    --gradient-to-color: #dd6b20 !important;
+  }
+
+  .lg\:hover\:to-orange-700:hover {
+    --gradient-to-color: #c05621 !important;
+  }
+
+  .lg\:hover\:to-orange-800:hover {
+    --gradient-to-color: #9c4221 !important;
+  }
+
+  .lg\:hover\:to-orange-900:hover {
+    --gradient-to-color: #7b341e !important;
+  }
+
+  .lg\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fffff0 !important;
+  }
+
+  .lg\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fefcbf !important;
+  }
+
+  .lg\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faf089 !important;
+  }
+
+  .lg\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #f6e05e !important;
+  }
+
+  .lg\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #ecc94b !important;
+  }
+
+  .lg\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #d69e2e !important;
+  }
+
+  .lg\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #b7791f !important;
+  }
+
+  .lg\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #975a16 !important;
+  }
+
+  .lg\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #744210 !important;
+  }
+
+  .lg\:hover\:to-green-100:hover {
+    --gradient-to-color: #f0fff4 !important;
+  }
+
+  .lg\:hover\:to-green-200:hover {
+    --gradient-to-color: #c6f6d5 !important;
+  }
+
+  .lg\:hover\:to-green-300:hover {
+    --gradient-to-color: #9ae6b4 !important;
+  }
+
+  .lg\:hover\:to-green-400:hover {
+    --gradient-to-color: #68d391 !important;
+  }
+
+  .lg\:hover\:to-green-500:hover {
+    --gradient-to-color: #48bb78 !important;
+  }
+
+  .lg\:hover\:to-green-600:hover {
+    --gradient-to-color: #38a169 !important;
+  }
+
+  .lg\:hover\:to-green-700:hover {
+    --gradient-to-color: #2f855a !important;
+  }
+
+  .lg\:hover\:to-green-800:hover {
+    --gradient-to-color: #276749 !important;
+  }
+
+  .lg\:hover\:to-green-900:hover {
+    --gradient-to-color: #22543d !important;
+  }
+
+  .lg\:hover\:to-teal-100:hover {
+    --gradient-to-color: #e6fffa !important;
+  }
+
+  .lg\:hover\:to-teal-200:hover {
+    --gradient-to-color: #b2f5ea !important;
+  }
+
+  .lg\:hover\:to-teal-300:hover {
+    --gradient-to-color: #81e6d9 !important;
+  }
+
+  .lg\:hover\:to-teal-400:hover {
+    --gradient-to-color: #4fd1c5 !important;
+  }
+
+  .lg\:hover\:to-teal-500:hover {
+    --gradient-to-color: #38b2ac !important;
+  }
+
+  .lg\:hover\:to-teal-600:hover {
+    --gradient-to-color: #319795 !important;
+  }
+
+  .lg\:hover\:to-teal-700:hover {
+    --gradient-to-color: #2c7a7b !important;
+  }
+
+  .lg\:hover\:to-teal-800:hover {
+    --gradient-to-color: #285e61 !important;
+  }
+
+  .lg\:hover\:to-teal-900:hover {
+    --gradient-to-color: #234e52 !important;
+  }
+
+  .lg\:hover\:to-blue-100:hover {
+    --gradient-to-color: #ebf8ff !important;
+  }
+
+  .lg\:hover\:to-blue-200:hover {
+    --gradient-to-color: #bee3f8 !important;
+  }
+
+  .lg\:hover\:to-blue-300:hover {
+    --gradient-to-color: #90cdf4 !important;
+  }
+
+  .lg\:hover\:to-blue-400:hover {
+    --gradient-to-color: #63b3ed !important;
+  }
+
+  .lg\:hover\:to-blue-500:hover {
+    --gradient-to-color: #4299e1 !important;
+  }
+
+  .lg\:hover\:to-blue-600:hover {
+    --gradient-to-color: #3182ce !important;
+  }
+
+  .lg\:hover\:to-blue-700:hover {
+    --gradient-to-color: #2b6cb0 !important;
+  }
+
+  .lg\:hover\:to-blue-800:hover {
+    --gradient-to-color: #2c5282 !important;
+  }
+
+  .lg\:hover\:to-blue-900:hover {
+    --gradient-to-color: #2a4365 !important;
+  }
+
+  .lg\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff !important;
+  }
+
+  .lg\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #c3dafe !important;
+  }
+
+  .lg\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #a3bffa !important;
+  }
+
+  .lg\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5 !important;
+  }
+
+  .lg\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #667eea !important;
+  }
+
+  .lg\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5a67d8 !important;
+  }
+
+  .lg\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #4c51bf !important;
+  }
+
+  .lg\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #434190 !important;
+  }
+
+  .lg\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #3c366b !important;
+  }
+
+  .lg\:hover\:to-purple-100:hover {
+    --gradient-to-color: #faf5ff !important;
+  }
+
+  .lg\:hover\:to-purple-200:hover {
+    --gradient-to-color: #e9d8fd !important;
+  }
+
+  .lg\:hover\:to-purple-300:hover {
+    --gradient-to-color: #d6bcfa !important;
+  }
+
+  .lg\:hover\:to-purple-400:hover {
+    --gradient-to-color: #b794f4 !important;
+  }
+
+  .lg\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9f7aea !important;
+  }
+
+  .lg\:hover\:to-purple-600:hover {
+    --gradient-to-color: #805ad5 !important;
+  }
+
+  .lg\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6b46c1 !important;
+  }
+
+  .lg\:hover\:to-purple-800:hover {
+    --gradient-to-color: #553c9a !important;
+  }
+
+  .lg\:hover\:to-purple-900:hover {
+    --gradient-to-color: #44337a !important;
+  }
+
+  .lg\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fff5f7 !important;
+  }
+
+  .lg\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fed7e2 !important;
+  }
+
+  .lg\:hover\:to-pink-300:hover {
+    --gradient-to-color: #fbb6ce !important;
+  }
+
+  .lg\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f687b3 !important;
+  }
+
+  .lg\:hover\:to-pink-500:hover {
+    --gradient-to-color: #ed64a6 !important;
+  }
+
+  .lg\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d53f8c !important;
+  }
+
+  .lg\:hover\:to-pink-700:hover {
+    --gradient-to-color: #b83280 !important;
+  }
+
+  .lg\:hover\:to-pink-800:hover {
+    --gradient-to-color: #97266d !important;
+  }
+
+  .lg\:hover\:to-pink-900:hover {
+    --gradient-to-color: #702459 !important;
+  }
+
+  .lg\:focus\:from-transparent:focus {
     --gradient-from-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-current:focus {
+  .lg\:focus\:from-current:focus {
     --gradient-from-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-black:focus {
+  .lg\:focus\:from-black:focus {
     --gradient-from-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-white:focus {
+  .lg\:focus\:from-white:focus {
     --gradient-from-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-gray-100:focus {
+  .lg\:focus\:from-gray-100:focus {
     --gradient-from-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-gray-200:focus {
+  .lg\:focus\:from-gray-200:focus {
     --gradient-from-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-gray-300:focus {
+  .lg\:focus\:from-gray-300:focus {
     --gradient-from-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-gray-400:focus {
+  .lg\:focus\:from-gray-400:focus {
     --gradient-from-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-gray-500:focus {
+  .lg\:focus\:from-gray-500:focus {
     --gradient-from-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-gray-600:focus {
+  .lg\:focus\:from-gray-600:focus {
     --gradient-from-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-gray-700:focus {
+  .lg\:focus\:from-gray-700:focus {
     --gradient-from-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-gray-800:focus {
+  .lg\:focus\:from-gray-800:focus {
     --gradient-from-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-gray-900:focus {
+  .lg\:focus\:from-gray-900:focus {
     --gradient-from-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-red-100:focus {
+  .lg\:focus\:from-red-100:focus {
     --gradient-from-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-red-200:focus {
+  .lg\:focus\:from-red-200:focus {
     --gradient-from-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-red-300:focus {
+  .lg\:focus\:from-red-300:focus {
     --gradient-from-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-red-400:focus {
+  .lg\:focus\:from-red-400:focus {
     --gradient-from-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-red-500:focus {
+  .lg\:focus\:from-red-500:focus {
     --gradient-from-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-red-600:focus {
+  .lg\:focus\:from-red-600:focus {
     --gradient-from-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-red-700:focus {
+  .lg\:focus\:from-red-700:focus {
     --gradient-from-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-red-800:focus {
+  .lg\:focus\:from-red-800:focus {
     --gradient-from-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-red-900:focus {
+  .lg\:focus\:from-red-900:focus {
     --gradient-from-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-orange-100:focus {
+  .lg\:focus\:from-orange-100:focus {
     --gradient-from-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-orange-200:focus {
+  .lg\:focus\:from-orange-200:focus {
     --gradient-from-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-orange-300:focus {
+  .lg\:focus\:from-orange-300:focus {
     --gradient-from-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-orange-400:focus {
+  .lg\:focus\:from-orange-400:focus {
     --gradient-from-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-orange-500:focus {
+  .lg\:focus\:from-orange-500:focus {
     --gradient-from-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-orange-600:focus {
+  .lg\:focus\:from-orange-600:focus {
     --gradient-from-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-orange-700:focus {
+  .lg\:focus\:from-orange-700:focus {
     --gradient-from-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-orange-800:focus {
+  .lg\:focus\:from-orange-800:focus {
     --gradient-from-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-orange-900:focus {
+  .lg\:focus\:from-orange-900:focus {
     --gradient-from-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-yellow-100:focus {
+  .lg\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-yellow-200:focus {
+  .lg\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-yellow-300:focus {
+  .lg\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-yellow-400:focus {
+  .lg\:focus\:from-yellow-400:focus {
     --gradient-from-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-yellow-500:focus {
+  .lg\:focus\:from-yellow-500:focus {
     --gradient-from-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-yellow-600:focus {
+  .lg\:focus\:from-yellow-600:focus {
     --gradient-from-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-yellow-700:focus {
+  .lg\:focus\:from-yellow-700:focus {
     --gradient-from-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-yellow-800:focus {
+  .lg\:focus\:from-yellow-800:focus {
     --gradient-from-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-yellow-900:focus {
+  .lg\:focus\:from-yellow-900:focus {
     --gradient-from-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-green-100:focus {
+  .lg\:focus\:from-green-100:focus {
     --gradient-from-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-green-200:focus {
+  .lg\:focus\:from-green-200:focus {
     --gradient-from-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-green-300:focus {
+  .lg\:focus\:from-green-300:focus {
     --gradient-from-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-green-400:focus {
+  .lg\:focus\:from-green-400:focus {
     --gradient-from-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-green-500:focus {
+  .lg\:focus\:from-green-500:focus {
     --gradient-from-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-green-600:focus {
+  .lg\:focus\:from-green-600:focus {
     --gradient-from-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-green-700:focus {
+  .lg\:focus\:from-green-700:focus {
     --gradient-from-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-green-800:focus {
+  .lg\:focus\:from-green-800:focus {
     --gradient-from-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-green-900:focus {
+  .lg\:focus\:from-green-900:focus {
     --gradient-from-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-teal-100:focus {
+  .lg\:focus\:from-teal-100:focus {
     --gradient-from-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-teal-200:focus {
+  .lg\:focus\:from-teal-200:focus {
     --gradient-from-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-teal-300:focus {
+  .lg\:focus\:from-teal-300:focus {
     --gradient-from-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-teal-400:focus {
+  .lg\:focus\:from-teal-400:focus {
     --gradient-from-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-teal-500:focus {
+  .lg\:focus\:from-teal-500:focus {
     --gradient-from-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-teal-600:focus {
+  .lg\:focus\:from-teal-600:focus {
     --gradient-from-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-teal-700:focus {
+  .lg\:focus\:from-teal-700:focus {
     --gradient-from-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-teal-800:focus {
+  .lg\:focus\:from-teal-800:focus {
     --gradient-from-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-teal-900:focus {
+  .lg\:focus\:from-teal-900:focus {
     --gradient-from-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-blue-100:focus {
+  .lg\:focus\:from-blue-100:focus {
     --gradient-from-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-blue-200:focus {
+  .lg\:focus\:from-blue-200:focus {
     --gradient-from-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-blue-300:focus {
+  .lg\:focus\:from-blue-300:focus {
     --gradient-from-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-blue-400:focus {
+  .lg\:focus\:from-blue-400:focus {
     --gradient-from-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-blue-500:focus {
+  .lg\:focus\:from-blue-500:focus {
     --gradient-from-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-blue-600:focus {
+  .lg\:focus\:from-blue-600:focus {
     --gradient-from-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-blue-700:focus {
+  .lg\:focus\:from-blue-700:focus {
     --gradient-from-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-blue-800:focus {
+  .lg\:focus\:from-blue-800:focus {
     --gradient-from-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-blue-900:focus {
+  .lg\:focus\:from-blue-900:focus {
     --gradient-from-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-indigo-100:focus {
+  .lg\:focus\:from-indigo-100:focus {
     --gradient-from-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-indigo-200:focus {
+  .lg\:focus\:from-indigo-200:focus {
     --gradient-from-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-indigo-300:focus {
+  .lg\:focus\:from-indigo-300:focus {
     --gradient-from-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-indigo-400:focus {
+  .lg\:focus\:from-indigo-400:focus {
     --gradient-from-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-indigo-500:focus {
+  .lg\:focus\:from-indigo-500:focus {
     --gradient-from-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-indigo-600:focus {
+  .lg\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-indigo-700:focus {
+  .lg\:focus\:from-indigo-700:focus {
     --gradient-from-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-indigo-800:focus {
+  .lg\:focus\:from-indigo-800:focus {
     --gradient-from-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-indigo-900:focus {
+  .lg\:focus\:from-indigo-900:focus {
     --gradient-from-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-purple-100:focus {
+  .lg\:focus\:from-purple-100:focus {
     --gradient-from-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-purple-200:focus {
+  .lg\:focus\:from-purple-200:focus {
     --gradient-from-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-purple-300:focus {
+  .lg\:focus\:from-purple-300:focus {
     --gradient-from-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-purple-400:focus {
+  .lg\:focus\:from-purple-400:focus {
     --gradient-from-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-purple-500:focus {
+  .lg\:focus\:from-purple-500:focus {
     --gradient-from-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-purple-600:focus {
+  .lg\:focus\:from-purple-600:focus {
     --gradient-from-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-purple-700:focus {
+  .lg\:focus\:from-purple-700:focus {
     --gradient-from-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-purple-800:focus {
+  .lg\:focus\:from-purple-800:focus {
     --gradient-from-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-purple-900:focus {
+  .lg\:focus\:from-purple-900:focus {
     --gradient-from-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-pink-100:focus {
+  .lg\:focus\:from-pink-100:focus {
     --gradient-from-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-pink-200:focus {
+  .lg\:focus\:from-pink-200:focus {
     --gradient-from-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-pink-300:focus {
+  .lg\:focus\:from-pink-300:focus {
     --gradient-from-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-pink-400:focus {
+  .lg\:focus\:from-pink-400:focus {
     --gradient-from-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-pink-500:focus {
+  .lg\:focus\:from-pink-500:focus {
     --gradient-from-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-pink-600:focus {
+  .lg\:focus\:from-pink-600:focus {
     --gradient-from-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-pink-700:focus {
+  .lg\:focus\:from-pink-700:focus {
     --gradient-from-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-pink-800:focus {
+  .lg\:focus\:from-pink-800:focus {
     --gradient-from-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .lg\:focus\:gradient-from-pink-900:focus {
+  .lg\:focus\:from-pink-900:focus {
     --gradient-from-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !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 {
+  .lg\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-current:focus {
+  .lg\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-black:focus {
+  .lg\:focus\:mid-black:focus {
     --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-white:focus {
+  .lg\:focus\:mid-white:focus {
     --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-gray-100:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-gray-200:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-gray-300:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-gray-400:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-gray-500:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-gray-600:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-gray-700:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-gray-800:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-gray-900:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-red-100:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-red-200:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-red-300:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-red-400:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-red-500:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-red-600:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-red-700:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-red-800:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-red-900:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-orange-100:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-orange-200:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-orange-300:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-orange-400:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-orange-500:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-orange-600:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-orange-700:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-orange-800:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-orange-900:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-yellow-100:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-yellow-200:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-yellow-300:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-yellow-400:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-yellow-500:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-yellow-600:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-yellow-700:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-yellow-800:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-yellow-900:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-green-100:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-green-200:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-green-300:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-green-400:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-green-500:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-green-600:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-green-700:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-green-800:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-green-900:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-teal-100:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-teal-200:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-teal-300:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-teal-400:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-teal-500:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-teal-600:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-teal-700:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-teal-800:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-teal-900:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-blue-100:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-blue-200:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-blue-300:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-blue-400:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-blue-500:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-blue-600:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-blue-700:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-blue-800:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-blue-900:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-indigo-100:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-indigo-200:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-indigo-300:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-indigo-400:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-indigo-500:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-indigo-600:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-indigo-700:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-indigo-800:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-indigo-900:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-purple-100:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-purple-200:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-purple-300:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-purple-400:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-purple-500:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-purple-600:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-purple-700:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-purple-800:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-purple-900:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-pink-100:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-pink-200:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-pink-300:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-pink-400:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-pink-500:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-pink-600:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-pink-700:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-pink-800:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .lg\:focus\:gradient-mid-pink-900:focus {
+  .lg\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  }
+
+  .lg\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent !important;
+  }
+
+  .lg\:focus\:to-current:focus {
+    --gradient-to-color: currentColor !important;
+  }
+
+  .lg\:focus\:to-black:focus {
+    --gradient-to-color: #000 !important;
+  }
+
+  .lg\:focus\:to-white:focus {
+    --gradient-to-color: #fff !important;
+  }
+
+  .lg\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f7fafc !important;
+  }
+
+  .lg\:focus\:to-gray-200:focus {
+    --gradient-to-color: #edf2f7 !important;
+  }
+
+  .lg\:focus\:to-gray-300:focus {
+    --gradient-to-color: #e2e8f0 !important;
+  }
+
+  .lg\:focus\:to-gray-400:focus {
+    --gradient-to-color: #cbd5e0 !important;
+  }
+
+  .lg\:focus\:to-gray-500:focus {
+    --gradient-to-color: #a0aec0 !important;
+  }
+
+  .lg\:focus\:to-gray-600:focus {
+    --gradient-to-color: #718096 !important;
+  }
+
+  .lg\:focus\:to-gray-700:focus {
+    --gradient-to-color: #4a5568 !important;
+  }
+
+  .lg\:focus\:to-gray-800:focus {
+    --gradient-to-color: #2d3748 !important;
+  }
+
+  .lg\:focus\:to-gray-900:focus {
+    --gradient-to-color: #1a202c !important;
+  }
+
+  .lg\:focus\:to-red-100:focus {
+    --gradient-to-color: #fff5f5 !important;
+  }
+
+  .lg\:focus\:to-red-200:focus {
+    --gradient-to-color: #fed7d7 !important;
+  }
+
+  .lg\:focus\:to-red-300:focus {
+    --gradient-to-color: #feb2b2 !important;
+  }
+
+  .lg\:focus\:to-red-400:focus {
+    --gradient-to-color: #fc8181 !important;
+  }
+
+  .lg\:focus\:to-red-500:focus {
+    --gradient-to-color: #f56565 !important;
+  }
+
+  .lg\:focus\:to-red-600:focus {
+    --gradient-to-color: #e53e3e !important;
+  }
+
+  .lg\:focus\:to-red-700:focus {
+    --gradient-to-color: #c53030 !important;
+  }
+
+  .lg\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b2c2c !important;
+  }
+
+  .lg\:focus\:to-red-900:focus {
+    --gradient-to-color: #742a2a !important;
+  }
+
+  .lg\:focus\:to-orange-100:focus {
+    --gradient-to-color: #fffaf0 !important;
+  }
+
+  .lg\:focus\:to-orange-200:focus {
+    --gradient-to-color: #feebc8 !important;
+  }
+
+  .lg\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fbd38d !important;
+  }
+
+  .lg\:focus\:to-orange-400:focus {
+    --gradient-to-color: #f6ad55 !important;
+  }
+
+  .lg\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ed8936 !important;
+  }
+
+  .lg\:focus\:to-orange-600:focus {
+    --gradient-to-color: #dd6b20 !important;
+  }
+
+  .lg\:focus\:to-orange-700:focus {
+    --gradient-to-color: #c05621 !important;
+  }
+
+  .lg\:focus\:to-orange-800:focus {
+    --gradient-to-color: #9c4221 !important;
+  }
+
+  .lg\:focus\:to-orange-900:focus {
+    --gradient-to-color: #7b341e !important;
+  }
+
+  .lg\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fffff0 !important;
+  }
+
+  .lg\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fefcbf !important;
+  }
+
+  .lg\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faf089 !important;
+  }
+
+  .lg\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #f6e05e !important;
+  }
+
+  .lg\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #ecc94b !important;
+  }
+
+  .lg\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #d69e2e !important;
+  }
+
+  .lg\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #b7791f !important;
+  }
+
+  .lg\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #975a16 !important;
+  }
+
+  .lg\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #744210 !important;
+  }
+
+  .lg\:focus\:to-green-100:focus {
+    --gradient-to-color: #f0fff4 !important;
+  }
+
+  .lg\:focus\:to-green-200:focus {
+    --gradient-to-color: #c6f6d5 !important;
+  }
+
+  .lg\:focus\:to-green-300:focus {
+    --gradient-to-color: #9ae6b4 !important;
+  }
+
+  .lg\:focus\:to-green-400:focus {
+    --gradient-to-color: #68d391 !important;
+  }
+
+  .lg\:focus\:to-green-500:focus {
+    --gradient-to-color: #48bb78 !important;
+  }
+
+  .lg\:focus\:to-green-600:focus {
+    --gradient-to-color: #38a169 !important;
+  }
+
+  .lg\:focus\:to-green-700:focus {
+    --gradient-to-color: #2f855a !important;
+  }
+
+  .lg\:focus\:to-green-800:focus {
+    --gradient-to-color: #276749 !important;
+  }
+
+  .lg\:focus\:to-green-900:focus {
+    --gradient-to-color: #22543d !important;
+  }
+
+  .lg\:focus\:to-teal-100:focus {
+    --gradient-to-color: #e6fffa !important;
+  }
+
+  .lg\:focus\:to-teal-200:focus {
+    --gradient-to-color: #b2f5ea !important;
+  }
+
+  .lg\:focus\:to-teal-300:focus {
+    --gradient-to-color: #81e6d9 !important;
+  }
+
+  .lg\:focus\:to-teal-400:focus {
+    --gradient-to-color: #4fd1c5 !important;
+  }
+
+  .lg\:focus\:to-teal-500:focus {
+    --gradient-to-color: #38b2ac !important;
+  }
+
+  .lg\:focus\:to-teal-600:focus {
+    --gradient-to-color: #319795 !important;
+  }
+
+  .lg\:focus\:to-teal-700:focus {
+    --gradient-to-color: #2c7a7b !important;
+  }
+
+  .lg\:focus\:to-teal-800:focus {
+    --gradient-to-color: #285e61 !important;
+  }
+
+  .lg\:focus\:to-teal-900:focus {
+    --gradient-to-color: #234e52 !important;
+  }
+
+  .lg\:focus\:to-blue-100:focus {
+    --gradient-to-color: #ebf8ff !important;
+  }
+
+  .lg\:focus\:to-blue-200:focus {
+    --gradient-to-color: #bee3f8 !important;
+  }
+
+  .lg\:focus\:to-blue-300:focus {
+    --gradient-to-color: #90cdf4 !important;
+  }
+
+  .lg\:focus\:to-blue-400:focus {
+    --gradient-to-color: #63b3ed !important;
+  }
+
+  .lg\:focus\:to-blue-500:focus {
+    --gradient-to-color: #4299e1 !important;
+  }
+
+  .lg\:focus\:to-blue-600:focus {
+    --gradient-to-color: #3182ce !important;
+  }
+
+  .lg\:focus\:to-blue-700:focus {
+    --gradient-to-color: #2b6cb0 !important;
+  }
+
+  .lg\:focus\:to-blue-800:focus {
+    --gradient-to-color: #2c5282 !important;
+  }
+
+  .lg\:focus\:to-blue-900:focus {
+    --gradient-to-color: #2a4365 !important;
+  }
+
+  .lg\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff !important;
+  }
+
+  .lg\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #c3dafe !important;
+  }
+
+  .lg\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #a3bffa !important;
+  }
+
+  .lg\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5 !important;
+  }
+
+  .lg\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #667eea !important;
+  }
+
+  .lg\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5a67d8 !important;
+  }
+
+  .lg\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #4c51bf !important;
+  }
+
+  .lg\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #434190 !important;
+  }
+
+  .lg\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #3c366b !important;
+  }
+
+  .lg\:focus\:to-purple-100:focus {
+    --gradient-to-color: #faf5ff !important;
+  }
+
+  .lg\:focus\:to-purple-200:focus {
+    --gradient-to-color: #e9d8fd !important;
+  }
+
+  .lg\:focus\:to-purple-300:focus {
+    --gradient-to-color: #d6bcfa !important;
+  }
+
+  .lg\:focus\:to-purple-400:focus {
+    --gradient-to-color: #b794f4 !important;
+  }
+
+  .lg\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9f7aea !important;
+  }
+
+  .lg\:focus\:to-purple-600:focus {
+    --gradient-to-color: #805ad5 !important;
+  }
+
+  .lg\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6b46c1 !important;
+  }
+
+  .lg\:focus\:to-purple-800:focus {
+    --gradient-to-color: #553c9a !important;
+  }
+
+  .lg\:focus\:to-purple-900:focus {
+    --gradient-to-color: #44337a !important;
+  }
+
+  .lg\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fff5f7 !important;
+  }
+
+  .lg\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fed7e2 !important;
+  }
+
+  .lg\:focus\:to-pink-300:focus {
+    --gradient-to-color: #fbb6ce !important;
+  }
+
+  .lg\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f687b3 !important;
+  }
+
+  .lg\:focus\:to-pink-500:focus {
+    --gradient-to-color: #ed64a6 !important;
+  }
+
+  .lg\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d53f8c !important;
+  }
+
+  .lg\:focus\:to-pink-700:focus {
+    --gradient-to-color: #b83280 !important;
+  }
+
+  .lg\:focus\:to-pink-800:focus {
+    --gradient-to-color: #97266d !important;
+  }
+
+  .lg\:focus\:to-pink-900:focus {
+    --gradient-to-color: #702459 !important;
   }
 
   .lg\:bg-opacity-0 {
@@ -76605,4250 +75541,3984 @@ 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-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
   }
 
-  .xl\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops)) !important;
+  .xl\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
   }
 
-  .xl\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops)) !important;
+  .xl\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
   }
 
-  .xl\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops)) !important;
+  .xl\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
   }
 
-  .xl\:gradient-from-transparent {
+  .xl\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
+  }
+
+  .xl\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
+  }
+
+  .xl\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
+  }
+
+  .xl\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
+  }
+
+  .xl\:from-transparent {
     --gradient-from-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:gradient-from-current {
+  .xl\:from-current {
     --gradient-from-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:gradient-from-black {
+  .xl\:from-black {
     --gradient-from-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:gradient-from-white {
+  .xl\:from-white {
     --gradient-from-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:gradient-from-gray-100 {
+  .xl\:from-gray-100 {
     --gradient-from-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .xl\:gradient-from-gray-200 {
+  .xl\:from-gray-200 {
     --gradient-from-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .xl\:gradient-from-gray-300 {
+  .xl\:from-gray-300 {
     --gradient-from-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .xl\:gradient-from-gray-400 {
+  .xl\:from-gray-400 {
     --gradient-from-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .xl\:gradient-from-gray-500 {
+  .xl\:from-gray-500 {
     --gradient-from-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .xl\:gradient-from-gray-600 {
+  .xl\:from-gray-600 {
     --gradient-from-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .xl\:gradient-from-gray-700 {
+  .xl\:from-gray-700 {
     --gradient-from-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .xl\:gradient-from-gray-800 {
+  .xl\:from-gray-800 {
     --gradient-from-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .xl\:gradient-from-gray-900 {
+  .xl\:from-gray-900 {
     --gradient-from-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .xl\:gradient-from-red-100 {
+  .xl\:from-red-100 {
     --gradient-from-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .xl\:gradient-from-red-200 {
+  .xl\:from-red-200 {
     --gradient-from-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .xl\:gradient-from-red-300 {
+  .xl\:from-red-300 {
     --gradient-from-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .xl\:gradient-from-red-400 {
+  .xl\:from-red-400 {
     --gradient-from-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .xl\:gradient-from-red-500 {
+  .xl\:from-red-500 {
     --gradient-from-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .xl\:gradient-from-red-600 {
+  .xl\:from-red-600 {
     --gradient-from-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .xl\:gradient-from-red-700 {
+  .xl\:from-red-700 {
     --gradient-from-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .xl\:gradient-from-red-800 {
+  .xl\:from-red-800 {
     --gradient-from-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .xl\:gradient-from-red-900 {
+  .xl\:from-red-900 {
     --gradient-from-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .xl\:gradient-from-orange-100 {
+  .xl\:from-orange-100 {
     --gradient-from-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .xl\:gradient-from-orange-200 {
+  .xl\:from-orange-200 {
     --gradient-from-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .xl\:gradient-from-orange-300 {
+  .xl\:from-orange-300 {
     --gradient-from-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .xl\:gradient-from-orange-400 {
+  .xl\:from-orange-400 {
     --gradient-from-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .xl\:gradient-from-orange-500 {
+  .xl\:from-orange-500 {
     --gradient-from-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .xl\:gradient-from-orange-600 {
+  .xl\:from-orange-600 {
     --gradient-from-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .xl\:gradient-from-orange-700 {
+  .xl\:from-orange-700 {
     --gradient-from-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .xl\:gradient-from-orange-800 {
+  .xl\:from-orange-800 {
     --gradient-from-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .xl\:gradient-from-orange-900 {
+  .xl\:from-orange-900 {
     --gradient-from-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .xl\:gradient-from-yellow-100 {
+  .xl\:from-yellow-100 {
     --gradient-from-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .xl\:gradient-from-yellow-200 {
+  .xl\:from-yellow-200 {
     --gradient-from-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .xl\:gradient-from-yellow-300 {
+  .xl\:from-yellow-300 {
     --gradient-from-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .xl\:gradient-from-yellow-400 {
+  .xl\:from-yellow-400 {
     --gradient-from-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .xl\:gradient-from-yellow-500 {
+  .xl\:from-yellow-500 {
     --gradient-from-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .xl\:gradient-from-yellow-600 {
+  .xl\:from-yellow-600 {
     --gradient-from-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .xl\:gradient-from-yellow-700 {
+  .xl\:from-yellow-700 {
     --gradient-from-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .xl\:gradient-from-yellow-800 {
+  .xl\:from-yellow-800 {
     --gradient-from-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .xl\:gradient-from-yellow-900 {
+  .xl\:from-yellow-900 {
     --gradient-from-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .xl\:gradient-from-green-100 {
+  .xl\:from-green-100 {
     --gradient-from-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .xl\:gradient-from-green-200 {
+  .xl\:from-green-200 {
     --gradient-from-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .xl\:gradient-from-green-300 {
+  .xl\:from-green-300 {
     --gradient-from-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .xl\:gradient-from-green-400 {
+  .xl\:from-green-400 {
     --gradient-from-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .xl\:gradient-from-green-500 {
+  .xl\:from-green-500 {
     --gradient-from-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .xl\:gradient-from-green-600 {
+  .xl\:from-green-600 {
     --gradient-from-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .xl\:gradient-from-green-700 {
+  .xl\:from-green-700 {
     --gradient-from-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .xl\:gradient-from-green-800 {
+  .xl\:from-green-800 {
     --gradient-from-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .xl\:gradient-from-green-900 {
+  .xl\:from-green-900 {
     --gradient-from-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .xl\:gradient-from-teal-100 {
+  .xl\:from-teal-100 {
     --gradient-from-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .xl\:gradient-from-teal-200 {
+  .xl\:from-teal-200 {
     --gradient-from-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .xl\:gradient-from-teal-300 {
+  .xl\:from-teal-300 {
     --gradient-from-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .xl\:gradient-from-teal-400 {
+  .xl\:from-teal-400 {
     --gradient-from-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .xl\:gradient-from-teal-500 {
+  .xl\:from-teal-500 {
     --gradient-from-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .xl\:gradient-from-teal-600 {
+  .xl\:from-teal-600 {
     --gradient-from-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .xl\:gradient-from-teal-700 {
+  .xl\:from-teal-700 {
     --gradient-from-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .xl\:gradient-from-teal-800 {
+  .xl\:from-teal-800 {
     --gradient-from-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .xl\:gradient-from-teal-900 {
+  .xl\:from-teal-900 {
     --gradient-from-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .xl\:gradient-from-blue-100 {
+  .xl\:from-blue-100 {
     --gradient-from-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .xl\:gradient-from-blue-200 {
+  .xl\:from-blue-200 {
     --gradient-from-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .xl\:gradient-from-blue-300 {
+  .xl\:from-blue-300 {
     --gradient-from-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .xl\:gradient-from-blue-400 {
+  .xl\:from-blue-400 {
     --gradient-from-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .xl\:gradient-from-blue-500 {
+  .xl\:from-blue-500 {
     --gradient-from-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .xl\:gradient-from-blue-600 {
+  .xl\:from-blue-600 {
     --gradient-from-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .xl\:gradient-from-blue-700 {
+  .xl\:from-blue-700 {
     --gradient-from-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .xl\:gradient-from-blue-800 {
+  .xl\:from-blue-800 {
     --gradient-from-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .xl\:gradient-from-blue-900 {
+  .xl\:from-blue-900 {
     --gradient-from-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .xl\:gradient-from-indigo-100 {
+  .xl\:from-indigo-100 {
     --gradient-from-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .xl\:gradient-from-indigo-200 {
+  .xl\:from-indigo-200 {
     --gradient-from-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .xl\:gradient-from-indigo-300 {
+  .xl\:from-indigo-300 {
     --gradient-from-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .xl\:gradient-from-indigo-400 {
+  .xl\:from-indigo-400 {
     --gradient-from-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .xl\:gradient-from-indigo-500 {
+  .xl\:from-indigo-500 {
     --gradient-from-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .xl\:gradient-from-indigo-600 {
+  .xl\:from-indigo-600 {
     --gradient-from-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .xl\:gradient-from-indigo-700 {
+  .xl\:from-indigo-700 {
     --gradient-from-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .xl\:gradient-from-indigo-800 {
+  .xl\:from-indigo-800 {
     --gradient-from-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .xl\:gradient-from-indigo-900 {
+  .xl\:from-indigo-900 {
     --gradient-from-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .xl\:gradient-from-purple-100 {
+  .xl\:from-purple-100 {
     --gradient-from-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .xl\:gradient-from-purple-200 {
+  .xl\:from-purple-200 {
     --gradient-from-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .xl\:gradient-from-purple-300 {
+  .xl\:from-purple-300 {
     --gradient-from-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .xl\:gradient-from-purple-400 {
+  .xl\:from-purple-400 {
     --gradient-from-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .xl\:gradient-from-purple-500 {
+  .xl\:from-purple-500 {
     --gradient-from-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .xl\:gradient-from-purple-600 {
+  .xl\:from-purple-600 {
     --gradient-from-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .xl\:gradient-from-purple-700 {
+  .xl\:from-purple-700 {
     --gradient-from-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .xl\:gradient-from-purple-800 {
+  .xl\:from-purple-800 {
     --gradient-from-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .xl\:gradient-from-purple-900 {
+  .xl\:from-purple-900 {
     --gradient-from-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .xl\:gradient-from-pink-100 {
+  .xl\:from-pink-100 {
     --gradient-from-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .xl\:gradient-from-pink-200 {
+  .xl\:from-pink-200 {
     --gradient-from-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .xl\:gradient-from-pink-300 {
+  .xl\:from-pink-300 {
     --gradient-from-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .xl\:gradient-from-pink-400 {
+  .xl\:from-pink-400 {
     --gradient-from-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .xl\:gradient-from-pink-500 {
+  .xl\:from-pink-500 {
     --gradient-from-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .xl\:gradient-from-pink-600 {
+  .xl\:from-pink-600 {
     --gradient-from-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .xl\:gradient-from-pink-700 {
+  .xl\:from-pink-700 {
     --gradient-from-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .xl\:gradient-from-pink-800 {
+  .xl\:from-pink-800 {
     --gradient-from-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .xl\:gradient-from-pink-900 {
+  .xl\:from-pink-900 {
     --gradient-from-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !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 {
+  .xl\:mid-transparent {
     --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:gradient-mid-current {
+  .xl\:mid-current {
     --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:gradient-mid-black {
+  .xl\:mid-black {
     --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:gradient-mid-white {
+  .xl\:mid-white {
     --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:gradient-mid-gray-100 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .xl\:gradient-mid-gray-200 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .xl\:gradient-mid-gray-300 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .xl\:gradient-mid-gray-400 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .xl\:gradient-mid-gray-500 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .xl\:gradient-mid-gray-600 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .xl\:gradient-mid-gray-700 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .xl\:gradient-mid-gray-800 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .xl\:gradient-mid-gray-900 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .xl\:gradient-mid-red-100 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .xl\:gradient-mid-red-200 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .xl\:gradient-mid-red-300 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .xl\:gradient-mid-red-400 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .xl\:gradient-mid-red-500 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .xl\:gradient-mid-red-600 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .xl\:gradient-mid-red-700 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .xl\:gradient-mid-red-800 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .xl\:gradient-mid-red-900 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .xl\:gradient-mid-orange-100 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .xl\:gradient-mid-orange-200 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .xl\:gradient-mid-orange-300 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .xl\:gradient-mid-orange-400 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .xl\:gradient-mid-orange-500 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .xl\:gradient-mid-orange-600 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .xl\:gradient-mid-orange-700 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .xl\:gradient-mid-orange-800 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .xl\:gradient-mid-orange-900 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .xl\:gradient-mid-yellow-100 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .xl\:gradient-mid-yellow-200 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .xl\:gradient-mid-yellow-300 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .xl\:gradient-mid-yellow-400 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .xl\:gradient-mid-yellow-500 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .xl\:gradient-mid-yellow-600 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .xl\:gradient-mid-yellow-700 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .xl\:gradient-mid-yellow-800 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .xl\:gradient-mid-yellow-900 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .xl\:gradient-mid-green-100 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .xl\:gradient-mid-green-200 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .xl\:gradient-mid-green-300 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .xl\:gradient-mid-green-400 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .xl\:gradient-mid-green-500 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .xl\:gradient-mid-green-600 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .xl\:gradient-mid-green-700 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .xl\:gradient-mid-green-800 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .xl\:gradient-mid-green-900 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .xl\:gradient-mid-teal-100 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .xl\:gradient-mid-teal-200 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .xl\:gradient-mid-teal-300 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .xl\:gradient-mid-teal-400 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .xl\:gradient-mid-teal-500 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .xl\:gradient-mid-teal-600 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .xl\:gradient-mid-teal-700 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .xl\:gradient-mid-teal-800 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .xl\:gradient-mid-teal-900 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .xl\:gradient-mid-blue-100 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .xl\:gradient-mid-blue-200 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .xl\:gradient-mid-blue-300 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .xl\:gradient-mid-blue-400 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .xl\:gradient-mid-blue-500 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .xl\:gradient-mid-blue-600 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .xl\:gradient-mid-blue-700 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .xl\:gradient-mid-blue-800 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .xl\:gradient-mid-blue-900 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .xl\:gradient-mid-indigo-100 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .xl\:gradient-mid-indigo-200 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .xl\:gradient-mid-indigo-300 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .xl\:gradient-mid-indigo-400 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .xl\:gradient-mid-indigo-500 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .xl\:gradient-mid-indigo-600 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .xl\:gradient-mid-indigo-700 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .xl\:gradient-mid-indigo-800 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .xl\:gradient-mid-indigo-900 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .xl\:gradient-mid-purple-100 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .xl\:gradient-mid-purple-200 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .xl\:gradient-mid-purple-300 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .xl\:gradient-mid-purple-400 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .xl\:gradient-mid-purple-500 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .xl\:gradient-mid-purple-600 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .xl\:gradient-mid-purple-700 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .xl\:gradient-mid-purple-800 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .xl\:gradient-mid-purple-900 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .xl\:gradient-mid-pink-100 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .xl\:gradient-mid-pink-200 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .xl\:gradient-mid-pink-300 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .xl\:gradient-mid-pink-400 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .xl\:gradient-mid-pink-500 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .xl\:gradient-mid-pink-600 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .xl\:gradient-mid-pink-700 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .xl\:gradient-mid-pink-800 {
+  .xl\: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-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .xl\:gradient-mid-pink-900 {
+  .xl\:mid-pink-900 {
     --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-transparent:hover {
+  .xl\:to-transparent {
+    --gradient-to-color: transparent !important;
+  }
+
+  .xl\:to-current {
+    --gradient-to-color: currentColor !important;
+  }
+
+  .xl\:to-black {
+    --gradient-to-color: #000 !important;
+  }
+
+  .xl\:to-white {
+    --gradient-to-color: #fff !important;
+  }
+
+  .xl\:to-gray-100 {
+    --gradient-to-color: #f7fafc !important;
+  }
+
+  .xl\:to-gray-200 {
+    --gradient-to-color: #edf2f7 !important;
+  }
+
+  .xl\:to-gray-300 {
+    --gradient-to-color: #e2e8f0 !important;
+  }
+
+  .xl\:to-gray-400 {
+    --gradient-to-color: #cbd5e0 !important;
+  }
+
+  .xl\:to-gray-500 {
+    --gradient-to-color: #a0aec0 !important;
+  }
+
+  .xl\:to-gray-600 {
+    --gradient-to-color: #718096 !important;
+  }
+
+  .xl\:to-gray-700 {
+    --gradient-to-color: #4a5568 !important;
+  }
+
+  .xl\:to-gray-800 {
+    --gradient-to-color: #2d3748 !important;
+  }
+
+  .xl\:to-gray-900 {
+    --gradient-to-color: #1a202c !important;
+  }
+
+  .xl\:to-red-100 {
+    --gradient-to-color: #fff5f5 !important;
+  }
+
+  .xl\:to-red-200 {
+    --gradient-to-color: #fed7d7 !important;
+  }
+
+  .xl\:to-red-300 {
+    --gradient-to-color: #feb2b2 !important;
+  }
+
+  .xl\:to-red-400 {
+    --gradient-to-color: #fc8181 !important;
+  }
+
+  .xl\:to-red-500 {
+    --gradient-to-color: #f56565 !important;
+  }
+
+  .xl\:to-red-600 {
+    --gradient-to-color: #e53e3e !important;
+  }
+
+  .xl\:to-red-700 {
+    --gradient-to-color: #c53030 !important;
+  }
+
+  .xl\:to-red-800 {
+    --gradient-to-color: #9b2c2c !important;
+  }
+
+  .xl\:to-red-900 {
+    --gradient-to-color: #742a2a !important;
+  }
+
+  .xl\:to-orange-100 {
+    --gradient-to-color: #fffaf0 !important;
+  }
+
+  .xl\:to-orange-200 {
+    --gradient-to-color: #feebc8 !important;
+  }
+
+  .xl\:to-orange-300 {
+    --gradient-to-color: #fbd38d !important;
+  }
+
+  .xl\:to-orange-400 {
+    --gradient-to-color: #f6ad55 !important;
+  }
+
+  .xl\:to-orange-500 {
+    --gradient-to-color: #ed8936 !important;
+  }
+
+  .xl\:to-orange-600 {
+    --gradient-to-color: #dd6b20 !important;
+  }
+
+  .xl\:to-orange-700 {
+    --gradient-to-color: #c05621 !important;
+  }
+
+  .xl\:to-orange-800 {
+    --gradient-to-color: #9c4221 !important;
+  }
+
+  .xl\:to-orange-900 {
+    --gradient-to-color: #7b341e !important;
+  }
+
+  .xl\:to-yellow-100 {
+    --gradient-to-color: #fffff0 !important;
+  }
+
+  .xl\:to-yellow-200 {
+    --gradient-to-color: #fefcbf !important;
+  }
+
+  .xl\:to-yellow-300 {
+    --gradient-to-color: #faf089 !important;
+  }
+
+  .xl\:to-yellow-400 {
+    --gradient-to-color: #f6e05e !important;
+  }
+
+  .xl\:to-yellow-500 {
+    --gradient-to-color: #ecc94b !important;
+  }
+
+  .xl\:to-yellow-600 {
+    --gradient-to-color: #d69e2e !important;
+  }
+
+  .xl\:to-yellow-700 {
+    --gradient-to-color: #b7791f !important;
+  }
+
+  .xl\:to-yellow-800 {
+    --gradient-to-color: #975a16 !important;
+  }
+
+  .xl\:to-yellow-900 {
+    --gradient-to-color: #744210 !important;
+  }
+
+  .xl\:to-green-100 {
+    --gradient-to-color: #f0fff4 !important;
+  }
+
+  .xl\:to-green-200 {
+    --gradient-to-color: #c6f6d5 !important;
+  }
+
+  .xl\:to-green-300 {
+    --gradient-to-color: #9ae6b4 !important;
+  }
+
+  .xl\:to-green-400 {
+    --gradient-to-color: #68d391 !important;
+  }
+
+  .xl\:to-green-500 {
+    --gradient-to-color: #48bb78 !important;
+  }
+
+  .xl\:to-green-600 {
+    --gradient-to-color: #38a169 !important;
+  }
+
+  .xl\:to-green-700 {
+    --gradient-to-color: #2f855a !important;
+  }
+
+  .xl\:to-green-800 {
+    --gradient-to-color: #276749 !important;
+  }
+
+  .xl\:to-green-900 {
+    --gradient-to-color: #22543d !important;
+  }
+
+  .xl\:to-teal-100 {
+    --gradient-to-color: #e6fffa !important;
+  }
+
+  .xl\:to-teal-200 {
+    --gradient-to-color: #b2f5ea !important;
+  }
+
+  .xl\:to-teal-300 {
+    --gradient-to-color: #81e6d9 !important;
+  }
+
+  .xl\:to-teal-400 {
+    --gradient-to-color: #4fd1c5 !important;
+  }
+
+  .xl\:to-teal-500 {
+    --gradient-to-color: #38b2ac !important;
+  }
+
+  .xl\:to-teal-600 {
+    --gradient-to-color: #319795 !important;
+  }
+
+  .xl\:to-teal-700 {
+    --gradient-to-color: #2c7a7b !important;
+  }
+
+  .xl\:to-teal-800 {
+    --gradient-to-color: #285e61 !important;
+  }
+
+  .xl\:to-teal-900 {
+    --gradient-to-color: #234e52 !important;
+  }
+
+  .xl\:to-blue-100 {
+    --gradient-to-color: #ebf8ff !important;
+  }
+
+  .xl\:to-blue-200 {
+    --gradient-to-color: #bee3f8 !important;
+  }
+
+  .xl\:to-blue-300 {
+    --gradient-to-color: #90cdf4 !important;
+  }
+
+  .xl\:to-blue-400 {
+    --gradient-to-color: #63b3ed !important;
+  }
+
+  .xl\:to-blue-500 {
+    --gradient-to-color: #4299e1 !important;
+  }
+
+  .xl\:to-blue-600 {
+    --gradient-to-color: #3182ce !important;
+  }
+
+  .xl\:to-blue-700 {
+    --gradient-to-color: #2b6cb0 !important;
+  }
+
+  .xl\:to-blue-800 {
+    --gradient-to-color: #2c5282 !important;
+  }
+
+  .xl\:to-blue-900 {
+    --gradient-to-color: #2a4365 !important;
+  }
+
+  .xl\:to-indigo-100 {
+    --gradient-to-color: #ebf4ff !important;
+  }
+
+  .xl\:to-indigo-200 {
+    --gradient-to-color: #c3dafe !important;
+  }
+
+  .xl\:to-indigo-300 {
+    --gradient-to-color: #a3bffa !important;
+  }
+
+  .xl\:to-indigo-400 {
+    --gradient-to-color: #7f9cf5 !important;
+  }
+
+  .xl\:to-indigo-500 {
+    --gradient-to-color: #667eea !important;
+  }
+
+  .xl\:to-indigo-600 {
+    --gradient-to-color: #5a67d8 !important;
+  }
+
+  .xl\:to-indigo-700 {
+    --gradient-to-color: #4c51bf !important;
+  }
+
+  .xl\:to-indigo-800 {
+    --gradient-to-color: #434190 !important;
+  }
+
+  .xl\:to-indigo-900 {
+    --gradient-to-color: #3c366b !important;
+  }
+
+  .xl\:to-purple-100 {
+    --gradient-to-color: #faf5ff !important;
+  }
+
+  .xl\:to-purple-200 {
+    --gradient-to-color: #e9d8fd !important;
+  }
+
+  .xl\:to-purple-300 {
+    --gradient-to-color: #d6bcfa !important;
+  }
+
+  .xl\:to-purple-400 {
+    --gradient-to-color: #b794f4 !important;
+  }
+
+  .xl\:to-purple-500 {
+    --gradient-to-color: #9f7aea !important;
+  }
+
+  .xl\:to-purple-600 {
+    --gradient-to-color: #805ad5 !important;
+  }
+
+  .xl\:to-purple-700 {
+    --gradient-to-color: #6b46c1 !important;
+  }
+
+  .xl\:to-purple-800 {
+    --gradient-to-color: #553c9a !important;
+  }
+
+  .xl\:to-purple-900 {
+    --gradient-to-color: #44337a !important;
+  }
+
+  .xl\:to-pink-100 {
+    --gradient-to-color: #fff5f7 !important;
+  }
+
+  .xl\:to-pink-200 {
+    --gradient-to-color: #fed7e2 !important;
+  }
+
+  .xl\:to-pink-300 {
+    --gradient-to-color: #fbb6ce !important;
+  }
+
+  .xl\:to-pink-400 {
+    --gradient-to-color: #f687b3 !important;
+  }
+
+  .xl\:to-pink-500 {
+    --gradient-to-color: #ed64a6 !important;
+  }
+
+  .xl\:to-pink-600 {
+    --gradient-to-color: #d53f8c !important;
+  }
+
+  .xl\:to-pink-700 {
+    --gradient-to-color: #b83280 !important;
+  }
+
+  .xl\:to-pink-800 {
+    --gradient-to-color: #97266d !important;
+  }
+
+  .xl\:to-pink-900 {
+    --gradient-to-color: #702459 !important;
+  }
+
+  .xl\:hover\:from-transparent:hover {
     --gradient-from-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-current:hover {
+  .xl\:hover\:from-current:hover {
     --gradient-from-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-black:hover {
+  .xl\:hover\:from-black:hover {
     --gradient-from-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-white:hover {
+  .xl\:hover\:from-white:hover {
     --gradient-from-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-gray-100:hover {
+  .xl\:hover\:from-gray-100:hover {
     --gradient-from-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-gray-200:hover {
+  .xl\:hover\:from-gray-200:hover {
     --gradient-from-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-gray-300:hover {
+  .xl\:hover\:from-gray-300:hover {
     --gradient-from-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-gray-400:hover {
+  .xl\:hover\:from-gray-400:hover {
     --gradient-from-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-gray-500:hover {
+  .xl\:hover\:from-gray-500:hover {
     --gradient-from-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-gray-600:hover {
+  .xl\:hover\:from-gray-600:hover {
     --gradient-from-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-gray-700:hover {
+  .xl\:hover\:from-gray-700:hover {
     --gradient-from-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-gray-800:hover {
+  .xl\:hover\:from-gray-800:hover {
     --gradient-from-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-gray-900:hover {
+  .xl\:hover\:from-gray-900:hover {
     --gradient-from-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-red-100:hover {
+  .xl\:hover\:from-red-100:hover {
     --gradient-from-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-red-200:hover {
+  .xl\:hover\:from-red-200:hover {
     --gradient-from-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-red-300:hover {
+  .xl\:hover\:from-red-300:hover {
     --gradient-from-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-red-400:hover {
+  .xl\:hover\:from-red-400:hover {
     --gradient-from-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-red-500:hover {
+  .xl\:hover\:from-red-500:hover {
     --gradient-from-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-red-600:hover {
+  .xl\:hover\:from-red-600:hover {
     --gradient-from-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-red-700:hover {
+  .xl\:hover\:from-red-700:hover {
     --gradient-from-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-red-800:hover {
+  .xl\:hover\:from-red-800:hover {
     --gradient-from-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-red-900:hover {
+  .xl\:hover\:from-red-900:hover {
     --gradient-from-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-orange-100:hover {
+  .xl\:hover\:from-orange-100:hover {
     --gradient-from-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-orange-200:hover {
+  .xl\:hover\:from-orange-200:hover {
     --gradient-from-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-orange-300:hover {
+  .xl\:hover\:from-orange-300:hover {
     --gradient-from-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-orange-400:hover {
+  .xl\:hover\:from-orange-400:hover {
     --gradient-from-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-orange-500:hover {
+  .xl\:hover\:from-orange-500:hover {
     --gradient-from-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-orange-600:hover {
+  .xl\:hover\:from-orange-600:hover {
     --gradient-from-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-orange-700:hover {
+  .xl\:hover\:from-orange-700:hover {
     --gradient-from-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-orange-800:hover {
+  .xl\:hover\:from-orange-800:hover {
     --gradient-from-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-orange-900:hover {
+  .xl\:hover\:from-orange-900:hover {
     --gradient-from-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-yellow-100:hover {
+  .xl\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-yellow-200:hover {
+  .xl\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-yellow-300:hover {
+  .xl\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-yellow-400:hover {
+  .xl\:hover\:from-yellow-400:hover {
     --gradient-from-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-yellow-500:hover {
+  .xl\:hover\:from-yellow-500:hover {
     --gradient-from-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-yellow-600:hover {
+  .xl\:hover\:from-yellow-600:hover {
     --gradient-from-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-yellow-700:hover {
+  .xl\:hover\:from-yellow-700:hover {
     --gradient-from-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-yellow-800:hover {
+  .xl\:hover\:from-yellow-800:hover {
     --gradient-from-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-yellow-900:hover {
+  .xl\:hover\:from-yellow-900:hover {
     --gradient-from-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-green-100:hover {
+  .xl\:hover\:from-green-100:hover {
     --gradient-from-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-green-200:hover {
+  .xl\:hover\:from-green-200:hover {
     --gradient-from-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-green-300:hover {
+  .xl\:hover\:from-green-300:hover {
     --gradient-from-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-green-400:hover {
+  .xl\:hover\:from-green-400:hover {
     --gradient-from-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-green-500:hover {
+  .xl\:hover\:from-green-500:hover {
     --gradient-from-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-green-600:hover {
+  .xl\:hover\:from-green-600:hover {
     --gradient-from-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-green-700:hover {
+  .xl\:hover\:from-green-700:hover {
     --gradient-from-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-green-800:hover {
+  .xl\:hover\:from-green-800:hover {
     --gradient-from-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-green-900:hover {
+  .xl\:hover\:from-green-900:hover {
     --gradient-from-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-teal-100:hover {
+  .xl\:hover\:from-teal-100:hover {
     --gradient-from-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-teal-200:hover {
+  .xl\:hover\:from-teal-200:hover {
     --gradient-from-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-teal-300:hover {
+  .xl\:hover\:from-teal-300:hover {
     --gradient-from-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-teal-400:hover {
+  .xl\:hover\:from-teal-400:hover {
     --gradient-from-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-teal-500:hover {
+  .xl\:hover\:from-teal-500:hover {
     --gradient-from-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-teal-600:hover {
+  .xl\:hover\:from-teal-600:hover {
     --gradient-from-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-teal-700:hover {
+  .xl\:hover\:from-teal-700:hover {
     --gradient-from-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-teal-800:hover {
+  .xl\:hover\:from-teal-800:hover {
     --gradient-from-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-teal-900:hover {
+  .xl\:hover\:from-teal-900:hover {
     --gradient-from-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-blue-100:hover {
+  .xl\:hover\:from-blue-100:hover {
     --gradient-from-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-blue-200:hover {
+  .xl\:hover\:from-blue-200:hover {
     --gradient-from-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-blue-300:hover {
+  .xl\:hover\:from-blue-300:hover {
     --gradient-from-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-blue-400:hover {
+  .xl\:hover\:from-blue-400:hover {
     --gradient-from-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-blue-500:hover {
+  .xl\:hover\:from-blue-500:hover {
     --gradient-from-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-blue-600:hover {
+  .xl\:hover\:from-blue-600:hover {
     --gradient-from-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-blue-700:hover {
+  .xl\:hover\:from-blue-700:hover {
     --gradient-from-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-blue-800:hover {
+  .xl\:hover\:from-blue-800:hover {
     --gradient-from-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-blue-900:hover {
+  .xl\:hover\:from-blue-900:hover {
     --gradient-from-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-indigo-100:hover {
+  .xl\:hover\:from-indigo-100:hover {
     --gradient-from-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-indigo-200:hover {
+  .xl\:hover\:from-indigo-200:hover {
     --gradient-from-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-indigo-300:hover {
+  .xl\:hover\:from-indigo-300:hover {
     --gradient-from-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-indigo-400:hover {
+  .xl\:hover\:from-indigo-400:hover {
     --gradient-from-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-indigo-500:hover {
+  .xl\:hover\:from-indigo-500:hover {
     --gradient-from-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-indigo-600:hover {
+  .xl\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-indigo-700:hover {
+  .xl\:hover\:from-indigo-700:hover {
     --gradient-from-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-indigo-800:hover {
+  .xl\:hover\:from-indigo-800:hover {
     --gradient-from-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-indigo-900:hover {
+  .xl\:hover\:from-indigo-900:hover {
     --gradient-from-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-purple-100:hover {
+  .xl\:hover\:from-purple-100:hover {
     --gradient-from-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-purple-200:hover {
+  .xl\:hover\:from-purple-200:hover {
     --gradient-from-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-purple-300:hover {
+  .xl\:hover\:from-purple-300:hover {
     --gradient-from-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-purple-400:hover {
+  .xl\:hover\:from-purple-400:hover {
     --gradient-from-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-purple-500:hover {
+  .xl\:hover\:from-purple-500:hover {
     --gradient-from-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-purple-600:hover {
+  .xl\:hover\:from-purple-600:hover {
     --gradient-from-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-purple-700:hover {
+  .xl\:hover\:from-purple-700:hover {
     --gradient-from-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-purple-800:hover {
+  .xl\:hover\:from-purple-800:hover {
     --gradient-from-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-purple-900:hover {
+  .xl\:hover\:from-purple-900:hover {
     --gradient-from-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-pink-100:hover {
+  .xl\:hover\:from-pink-100:hover {
     --gradient-from-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-pink-200:hover {
+  .xl\:hover\:from-pink-200:hover {
     --gradient-from-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-pink-300:hover {
+  .xl\:hover\:from-pink-300:hover {
     --gradient-from-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-pink-400:hover {
+  .xl\:hover\:from-pink-400:hover {
     --gradient-from-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-pink-500:hover {
+  .xl\:hover\:from-pink-500:hover {
     --gradient-from-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-pink-600:hover {
+  .xl\:hover\:from-pink-600:hover {
     --gradient-from-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-pink-700:hover {
+  .xl\:hover\:from-pink-700:hover {
     --gradient-from-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-pink-800:hover {
+  .xl\:hover\:from-pink-800:hover {
     --gradient-from-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .xl\:hover\:gradient-from-pink-900:hover {
+  .xl\:hover\:from-pink-900:hover {
     --gradient-from-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !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 {
+  .xl\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-current:hover {
+  .xl\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-black:hover {
+  .xl\:hover\:mid-black:hover {
     --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-white:hover {
+  .xl\:hover\:mid-white:hover {
     --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-gray-100:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-gray-200:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-gray-300:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-gray-400:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-gray-500:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-gray-600:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-gray-700:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-gray-800:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-gray-900:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-red-100:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-red-200:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-red-300:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-red-400:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-red-500:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-red-600:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-red-700:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-red-800:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-red-900:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-orange-100:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-orange-200:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-orange-300:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-orange-400:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-orange-500:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-orange-600:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-orange-700:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-orange-800:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-orange-900:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-yellow-100:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-yellow-200:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-yellow-300:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-yellow-400:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-yellow-500:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-yellow-600:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-yellow-700:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-yellow-800:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-yellow-900:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-green-100:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-green-200:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-green-300:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-green-400:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-green-500:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-green-600:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-green-700:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-green-800:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-green-900:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-teal-100:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-teal-200:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-teal-300:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-teal-400:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-teal-500:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-teal-600:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-teal-700:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-teal-800:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-teal-900:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-blue-100:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-blue-200:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-blue-300:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-blue-400:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-blue-500:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-blue-600:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-blue-700:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-blue-800:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-blue-900:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-indigo-100:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-indigo-200:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-indigo-300:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-indigo-400:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-indigo-500:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-indigo-600:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-indigo-700:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-indigo-800:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-indigo-900:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-purple-100:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-purple-200:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-purple-300:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-purple-400:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-purple-500:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-purple-600:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-purple-700:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-purple-800:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-purple-900:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-pink-100:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-pink-200:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-pink-300:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-pink-400:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-pink-500:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-pink-600:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-pink-700:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-pink-800:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .xl\:hover\:gradient-mid-pink-900:hover {
+  .xl\:hover\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-transparent:focus {
+  .xl\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent !important;
+  }
+
+  .xl\:hover\:to-current:hover {
+    --gradient-to-color: currentColor !important;
+  }
+
+  .xl\:hover\:to-black:hover {
+    --gradient-to-color: #000 !important;
+  }
+
+  .xl\:hover\:to-white:hover {
+    --gradient-to-color: #fff !important;
+  }
+
+  .xl\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f7fafc !important;
+  }
+
+  .xl\:hover\:to-gray-200:hover {
+    --gradient-to-color: #edf2f7 !important;
+  }
+
+  .xl\:hover\:to-gray-300:hover {
+    --gradient-to-color: #e2e8f0 !important;
+  }
+
+  .xl\:hover\:to-gray-400:hover {
+    --gradient-to-color: #cbd5e0 !important;
+  }
+
+  .xl\:hover\:to-gray-500:hover {
+    --gradient-to-color: #a0aec0 !important;
+  }
+
+  .xl\:hover\:to-gray-600:hover {
+    --gradient-to-color: #718096 !important;
+  }
+
+  .xl\:hover\:to-gray-700:hover {
+    --gradient-to-color: #4a5568 !important;
+  }
+
+  .xl\:hover\:to-gray-800:hover {
+    --gradient-to-color: #2d3748 !important;
+  }
+
+  .xl\:hover\:to-gray-900:hover {
+    --gradient-to-color: #1a202c !important;
+  }
+
+  .xl\:hover\:to-red-100:hover {
+    --gradient-to-color: #fff5f5 !important;
+  }
+
+  .xl\:hover\:to-red-200:hover {
+    --gradient-to-color: #fed7d7 !important;
+  }
+
+  .xl\:hover\:to-red-300:hover {
+    --gradient-to-color: #feb2b2 !important;
+  }
+
+  .xl\:hover\:to-red-400:hover {
+    --gradient-to-color: #fc8181 !important;
+  }
+
+  .xl\:hover\:to-red-500:hover {
+    --gradient-to-color: #f56565 !important;
+  }
+
+  .xl\:hover\:to-red-600:hover {
+    --gradient-to-color: #e53e3e !important;
+  }
+
+  .xl\:hover\:to-red-700:hover {
+    --gradient-to-color: #c53030 !important;
+  }
+
+  .xl\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b2c2c !important;
+  }
+
+  .xl\:hover\:to-red-900:hover {
+    --gradient-to-color: #742a2a !important;
+  }
+
+  .xl\:hover\:to-orange-100:hover {
+    --gradient-to-color: #fffaf0 !important;
+  }
+
+  .xl\:hover\:to-orange-200:hover {
+    --gradient-to-color: #feebc8 !important;
+  }
+
+  .xl\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fbd38d !important;
+  }
+
+  .xl\:hover\:to-orange-400:hover {
+    --gradient-to-color: #f6ad55 !important;
+  }
+
+  .xl\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ed8936 !important;
+  }
+
+  .xl\:hover\:to-orange-600:hover {
+    --gradient-to-color: #dd6b20 !important;
+  }
+
+  .xl\:hover\:to-orange-700:hover {
+    --gradient-to-color: #c05621 !important;
+  }
+
+  .xl\:hover\:to-orange-800:hover {
+    --gradient-to-color: #9c4221 !important;
+  }
+
+  .xl\:hover\:to-orange-900:hover {
+    --gradient-to-color: #7b341e !important;
+  }
+
+  .xl\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fffff0 !important;
+  }
+
+  .xl\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fefcbf !important;
+  }
+
+  .xl\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faf089 !important;
+  }
+
+  .xl\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #f6e05e !important;
+  }
+
+  .xl\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #ecc94b !important;
+  }
+
+  .xl\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #d69e2e !important;
+  }
+
+  .xl\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #b7791f !important;
+  }
+
+  .xl\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #975a16 !important;
+  }
+
+  .xl\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #744210 !important;
+  }
+
+  .xl\:hover\:to-green-100:hover {
+    --gradient-to-color: #f0fff4 !important;
+  }
+
+  .xl\:hover\:to-green-200:hover {
+    --gradient-to-color: #c6f6d5 !important;
+  }
+
+  .xl\:hover\:to-green-300:hover {
+    --gradient-to-color: #9ae6b4 !important;
+  }
+
+  .xl\:hover\:to-green-400:hover {
+    --gradient-to-color: #68d391 !important;
+  }
+
+  .xl\:hover\:to-green-500:hover {
+    --gradient-to-color: #48bb78 !important;
+  }
+
+  .xl\:hover\:to-green-600:hover {
+    --gradient-to-color: #38a169 !important;
+  }
+
+  .xl\:hover\:to-green-700:hover {
+    --gradient-to-color: #2f855a !important;
+  }
+
+  .xl\:hover\:to-green-800:hover {
+    --gradient-to-color: #276749 !important;
+  }
+
+  .xl\:hover\:to-green-900:hover {
+    --gradient-to-color: #22543d !important;
+  }
+
+  .xl\:hover\:to-teal-100:hover {
+    --gradient-to-color: #e6fffa !important;
+  }
+
+  .xl\:hover\:to-teal-200:hover {
+    --gradient-to-color: #b2f5ea !important;
+  }
+
+  .xl\:hover\:to-teal-300:hover {
+    --gradient-to-color: #81e6d9 !important;
+  }
+
+  .xl\:hover\:to-teal-400:hover {
+    --gradient-to-color: #4fd1c5 !important;
+  }
+
+  .xl\:hover\:to-teal-500:hover {
+    --gradient-to-color: #38b2ac !important;
+  }
+
+  .xl\:hover\:to-teal-600:hover {
+    --gradient-to-color: #319795 !important;
+  }
+
+  .xl\:hover\:to-teal-700:hover {
+    --gradient-to-color: #2c7a7b !important;
+  }
+
+  .xl\:hover\:to-teal-800:hover {
+    --gradient-to-color: #285e61 !important;
+  }
+
+  .xl\:hover\:to-teal-900:hover {
+    --gradient-to-color: #234e52 !important;
+  }
+
+  .xl\:hover\:to-blue-100:hover {
+    --gradient-to-color: #ebf8ff !important;
+  }
+
+  .xl\:hover\:to-blue-200:hover {
+    --gradient-to-color: #bee3f8 !important;
+  }
+
+  .xl\:hover\:to-blue-300:hover {
+    --gradient-to-color: #90cdf4 !important;
+  }
+
+  .xl\:hover\:to-blue-400:hover {
+    --gradient-to-color: #63b3ed !important;
+  }
+
+  .xl\:hover\:to-blue-500:hover {
+    --gradient-to-color: #4299e1 !important;
+  }
+
+  .xl\:hover\:to-blue-600:hover {
+    --gradient-to-color: #3182ce !important;
+  }
+
+  .xl\:hover\:to-blue-700:hover {
+    --gradient-to-color: #2b6cb0 !important;
+  }
+
+  .xl\:hover\:to-blue-800:hover {
+    --gradient-to-color: #2c5282 !important;
+  }
+
+  .xl\:hover\:to-blue-900:hover {
+    --gradient-to-color: #2a4365 !important;
+  }
+
+  .xl\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff !important;
+  }
+
+  .xl\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #c3dafe !important;
+  }
+
+  .xl\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #a3bffa !important;
+  }
+
+  .xl\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5 !important;
+  }
+
+  .xl\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #667eea !important;
+  }
+
+  .xl\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5a67d8 !important;
+  }
+
+  .xl\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #4c51bf !important;
+  }
+
+  .xl\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #434190 !important;
+  }
+
+  .xl\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #3c366b !important;
+  }
+
+  .xl\:hover\:to-purple-100:hover {
+    --gradient-to-color: #faf5ff !important;
+  }
+
+  .xl\:hover\:to-purple-200:hover {
+    --gradient-to-color: #e9d8fd !important;
+  }
+
+  .xl\:hover\:to-purple-300:hover {
+    --gradient-to-color: #d6bcfa !important;
+  }
+
+  .xl\:hover\:to-purple-400:hover {
+    --gradient-to-color: #b794f4 !important;
+  }
+
+  .xl\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9f7aea !important;
+  }
+
+  .xl\:hover\:to-purple-600:hover {
+    --gradient-to-color: #805ad5 !important;
+  }
+
+  .xl\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6b46c1 !important;
+  }
+
+  .xl\:hover\:to-purple-800:hover {
+    --gradient-to-color: #553c9a !important;
+  }
+
+  .xl\:hover\:to-purple-900:hover {
+    --gradient-to-color: #44337a !important;
+  }
+
+  .xl\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fff5f7 !important;
+  }
+
+  .xl\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fed7e2 !important;
+  }
+
+  .xl\:hover\:to-pink-300:hover {
+    --gradient-to-color: #fbb6ce !important;
+  }
+
+  .xl\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f687b3 !important;
+  }
+
+  .xl\:hover\:to-pink-500:hover {
+    --gradient-to-color: #ed64a6 !important;
+  }
+
+  .xl\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d53f8c !important;
+  }
+
+  .xl\:hover\:to-pink-700:hover {
+    --gradient-to-color: #b83280 !important;
+  }
+
+  .xl\:hover\:to-pink-800:hover {
+    --gradient-to-color: #97266d !important;
+  }
+
+  .xl\:hover\:to-pink-900:hover {
+    --gradient-to-color: #702459 !important;
+  }
+
+  .xl\:focus\:from-transparent:focus {
     --gradient-from-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-current:focus {
+  .xl\:focus\:from-current:focus {
     --gradient-from-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-black:focus {
+  .xl\:focus\:from-black:focus {
     --gradient-from-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-white:focus {
+  .xl\:focus\:from-white:focus {
     --gradient-from-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-gray-100:focus {
+  .xl\:focus\:from-gray-100:focus {
     --gradient-from-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-gray-200:focus {
+  .xl\:focus\:from-gray-200:focus {
     --gradient-from-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-gray-300:focus {
+  .xl\:focus\:from-gray-300:focus {
     --gradient-from-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-gray-400:focus {
+  .xl\:focus\:from-gray-400:focus {
     --gradient-from-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-gray-500:focus {
+  .xl\:focus\:from-gray-500:focus {
     --gradient-from-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-gray-600:focus {
+  .xl\:focus\:from-gray-600:focus {
     --gradient-from-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-gray-700:focus {
+  .xl\:focus\:from-gray-700:focus {
     --gradient-from-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-gray-800:focus {
+  .xl\:focus\:from-gray-800:focus {
     --gradient-from-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-gray-900:focus {
+  .xl\:focus\:from-gray-900:focus {
     --gradient-from-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-red-100:focus {
+  .xl\:focus\:from-red-100:focus {
     --gradient-from-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-red-200:focus {
+  .xl\:focus\:from-red-200:focus {
     --gradient-from-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-red-300:focus {
+  .xl\:focus\:from-red-300:focus {
     --gradient-from-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-red-400:focus {
+  .xl\:focus\:from-red-400:focus {
     --gradient-from-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-red-500:focus {
+  .xl\:focus\:from-red-500:focus {
     --gradient-from-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-red-600:focus {
+  .xl\:focus\:from-red-600:focus {
     --gradient-from-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-red-700:focus {
+  .xl\:focus\:from-red-700:focus {
     --gradient-from-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-red-800:focus {
+  .xl\:focus\:from-red-800:focus {
     --gradient-from-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-red-900:focus {
+  .xl\:focus\:from-red-900:focus {
     --gradient-from-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-orange-100:focus {
+  .xl\:focus\:from-orange-100:focus {
     --gradient-from-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-orange-200:focus {
+  .xl\:focus\:from-orange-200:focus {
     --gradient-from-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-orange-300:focus {
+  .xl\:focus\:from-orange-300:focus {
     --gradient-from-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-orange-400:focus {
+  .xl\:focus\:from-orange-400:focus {
     --gradient-from-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-orange-500:focus {
+  .xl\:focus\:from-orange-500:focus {
     --gradient-from-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-orange-600:focus {
+  .xl\:focus\:from-orange-600:focus {
     --gradient-from-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-orange-700:focus {
+  .xl\:focus\:from-orange-700:focus {
     --gradient-from-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-orange-800:focus {
+  .xl\:focus\:from-orange-800:focus {
     --gradient-from-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-orange-900:focus {
+  .xl\:focus\:from-orange-900:focus {
     --gradient-from-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-yellow-100:focus {
+  .xl\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-yellow-200:focus {
+  .xl\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-yellow-300:focus {
+  .xl\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-yellow-400:focus {
+  .xl\:focus\:from-yellow-400:focus {
     --gradient-from-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-yellow-500:focus {
+  .xl\:focus\:from-yellow-500:focus {
     --gradient-from-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-yellow-600:focus {
+  .xl\:focus\:from-yellow-600:focus {
     --gradient-from-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-yellow-700:focus {
+  .xl\:focus\:from-yellow-700:focus {
     --gradient-from-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-yellow-800:focus {
+  .xl\:focus\:from-yellow-800:focus {
     --gradient-from-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-yellow-900:focus {
+  .xl\:focus\:from-yellow-900:focus {
     --gradient-from-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-green-100:focus {
+  .xl\:focus\:from-green-100:focus {
     --gradient-from-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-green-200:focus {
+  .xl\:focus\:from-green-200:focus {
     --gradient-from-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-green-300:focus {
+  .xl\:focus\:from-green-300:focus {
     --gradient-from-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-green-400:focus {
+  .xl\:focus\:from-green-400:focus {
     --gradient-from-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-green-500:focus {
+  .xl\:focus\:from-green-500:focus {
     --gradient-from-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-green-600:focus {
+  .xl\:focus\:from-green-600:focus {
     --gradient-from-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-green-700:focus {
+  .xl\:focus\:from-green-700:focus {
     --gradient-from-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-green-800:focus {
+  .xl\:focus\:from-green-800:focus {
     --gradient-from-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-green-900:focus {
+  .xl\:focus\:from-green-900:focus {
     --gradient-from-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-teal-100:focus {
+  .xl\:focus\:from-teal-100:focus {
     --gradient-from-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-teal-200:focus {
+  .xl\:focus\:from-teal-200:focus {
     --gradient-from-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-teal-300:focus {
+  .xl\:focus\:from-teal-300:focus {
     --gradient-from-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-teal-400:focus {
+  .xl\:focus\:from-teal-400:focus {
     --gradient-from-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-teal-500:focus {
+  .xl\:focus\:from-teal-500:focus {
     --gradient-from-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-teal-600:focus {
+  .xl\:focus\:from-teal-600:focus {
     --gradient-from-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-teal-700:focus {
+  .xl\:focus\:from-teal-700:focus {
     --gradient-from-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-teal-800:focus {
+  .xl\:focus\:from-teal-800:focus {
     --gradient-from-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-teal-900:focus {
+  .xl\:focus\:from-teal-900:focus {
     --gradient-from-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-blue-100:focus {
+  .xl\:focus\:from-blue-100:focus {
     --gradient-from-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-blue-200:focus {
+  .xl\:focus\:from-blue-200:focus {
     --gradient-from-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-blue-300:focus {
+  .xl\:focus\:from-blue-300:focus {
     --gradient-from-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-blue-400:focus {
+  .xl\:focus\:from-blue-400:focus {
     --gradient-from-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-blue-500:focus {
+  .xl\:focus\:from-blue-500:focus {
     --gradient-from-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-blue-600:focus {
+  .xl\:focus\:from-blue-600:focus {
     --gradient-from-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-blue-700:focus {
+  .xl\:focus\:from-blue-700:focus {
     --gradient-from-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-blue-800:focus {
+  .xl\:focus\:from-blue-800:focus {
     --gradient-from-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-blue-900:focus {
+  .xl\:focus\:from-blue-900:focus {
     --gradient-from-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-indigo-100:focus {
+  .xl\:focus\:from-indigo-100:focus {
     --gradient-from-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-indigo-200:focus {
+  .xl\:focus\:from-indigo-200:focus {
     --gradient-from-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-indigo-300:focus {
+  .xl\:focus\:from-indigo-300:focus {
     --gradient-from-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-indigo-400:focus {
+  .xl\:focus\:from-indigo-400:focus {
     --gradient-from-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-indigo-500:focus {
+  .xl\:focus\:from-indigo-500:focus {
     --gradient-from-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-indigo-600:focus {
+  .xl\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-indigo-700:focus {
+  .xl\:focus\:from-indigo-700:focus {
     --gradient-from-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-indigo-800:focus {
+  .xl\:focus\:from-indigo-800:focus {
     --gradient-from-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-indigo-900:focus {
+  .xl\:focus\:from-indigo-900:focus {
     --gradient-from-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-purple-100:focus {
+  .xl\:focus\:from-purple-100:focus {
     --gradient-from-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-purple-200:focus {
+  .xl\:focus\:from-purple-200:focus {
     --gradient-from-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-purple-300:focus {
+  .xl\:focus\:from-purple-300:focus {
     --gradient-from-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-purple-400:focus {
+  .xl\:focus\:from-purple-400:focus {
     --gradient-from-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-purple-500:focus {
+  .xl\:focus\:from-purple-500:focus {
     --gradient-from-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-purple-600:focus {
+  .xl\:focus\:from-purple-600:focus {
     --gradient-from-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-purple-700:focus {
+  .xl\:focus\:from-purple-700:focus {
     --gradient-from-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-purple-800:focus {
+  .xl\:focus\:from-purple-800:focus {
     --gradient-from-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-purple-900:focus {
+  .xl\:focus\:from-purple-900:focus {
     --gradient-from-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-pink-100:focus {
+  .xl\:focus\:from-pink-100:focus {
     --gradient-from-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-pink-200:focus {
+  .xl\:focus\:from-pink-200:focus {
     --gradient-from-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-pink-300:focus {
+  .xl\:focus\:from-pink-300:focus {
     --gradient-from-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-pink-400:focus {
+  .xl\:focus\:from-pink-400:focus {
     --gradient-from-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-pink-500:focus {
+  .xl\:focus\:from-pink-500:focus {
     --gradient-from-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-pink-600:focus {
+  .xl\:focus\:from-pink-600:focus {
     --gradient-from-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-pink-700:focus {
+  .xl\:focus\:from-pink-700:focus {
     --gradient-from-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-pink-800:focus {
+  .xl\:focus\:from-pink-800:focus {
     --gradient-from-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .xl\:focus\:gradient-from-pink-900:focus {
+  .xl\:focus\:from-pink-900:focus {
     --gradient-from-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !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 {
+  .xl\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-current:focus {
+  .xl\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-black:focus {
+  .xl\:focus\:mid-black:focus {
     --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-white:focus {
+  .xl\:focus\:mid-white:focus {
     --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-gray-100:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-gray-200:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-gray-300:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-gray-400:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-gray-500:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-gray-600:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-gray-700:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-gray-800:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-gray-900:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-red-100:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-red-200:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-red-300:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-red-400:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-red-500:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-red-600:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-red-700:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-red-800:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-red-900:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-orange-100:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-orange-200:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-orange-300:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-orange-400:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-orange-500:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-orange-600:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-orange-700:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-orange-800:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-orange-900:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-yellow-100:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-yellow-200:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-yellow-300:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-yellow-400:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-yellow-500:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-yellow-600:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-yellow-700:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-yellow-800:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-yellow-900:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-green-100:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-green-200:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-green-300:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-green-400:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-green-500:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-green-600:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-green-700:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-green-800:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-green-900:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-teal-100:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-teal-200:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-teal-300:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-teal-400:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-teal-500:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-teal-600:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-teal-700:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-teal-800:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-teal-900:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-blue-100:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-blue-200:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-blue-300:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-blue-400:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-blue-500:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-blue-600:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-blue-700:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-blue-800:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-blue-900:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-indigo-100:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-indigo-200:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-indigo-300:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-indigo-400:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-indigo-500:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-indigo-600:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-indigo-700:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-indigo-800:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-indigo-900:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-purple-100:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-purple-200:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-purple-300:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-purple-400:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-purple-500:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-purple-600:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-purple-700:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-purple-800:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-purple-900:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-pink-100:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-pink-200:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-pink-300:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-pink-400:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-pink-500:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-pink-600:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-pink-700:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-pink-800:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .xl\:focus\:gradient-mid-pink-900:focus {
+  .xl\:focus\: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;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  }
+
+  .xl\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent !important;
+  }
+
+  .xl\:focus\:to-current:focus {
+    --gradient-to-color: currentColor !important;
+  }
+
+  .xl\:focus\:to-black:focus {
+    --gradient-to-color: #000 !important;
+  }
+
+  .xl\:focus\:to-white:focus {
+    --gradient-to-color: #fff !important;
+  }
+
+  .xl\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f7fafc !important;
+  }
+
+  .xl\:focus\:to-gray-200:focus {
+    --gradient-to-color: #edf2f7 !important;
+  }
+
+  .xl\:focus\:to-gray-300:focus {
+    --gradient-to-color: #e2e8f0 !important;
+  }
+
+  .xl\:focus\:to-gray-400:focus {
+    --gradient-to-color: #cbd5e0 !important;
+  }
+
+  .xl\:focus\:to-gray-500:focus {
+    --gradient-to-color: #a0aec0 !important;
+  }
+
+  .xl\:focus\:to-gray-600:focus {
+    --gradient-to-color: #718096 !important;
+  }
+
+  .xl\:focus\:to-gray-700:focus {
+    --gradient-to-color: #4a5568 !important;
+  }
+
+  .xl\:focus\:to-gray-800:focus {
+    --gradient-to-color: #2d3748 !important;
+  }
+
+  .xl\:focus\:to-gray-900:focus {
+    --gradient-to-color: #1a202c !important;
+  }
+
+  .xl\:focus\:to-red-100:focus {
+    --gradient-to-color: #fff5f5 !important;
+  }
+
+  .xl\:focus\:to-red-200:focus {
+    --gradient-to-color: #fed7d7 !important;
+  }
+
+  .xl\:focus\:to-red-300:focus {
+    --gradient-to-color: #feb2b2 !important;
+  }
+
+  .xl\:focus\:to-red-400:focus {
+    --gradient-to-color: #fc8181 !important;
+  }
+
+  .xl\:focus\:to-red-500:focus {
+    --gradient-to-color: #f56565 !important;
+  }
+
+  .xl\:focus\:to-red-600:focus {
+    --gradient-to-color: #e53e3e !important;
+  }
+
+  .xl\:focus\:to-red-700:focus {
+    --gradient-to-color: #c53030 !important;
+  }
+
+  .xl\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b2c2c !important;
+  }
+
+  .xl\:focus\:to-red-900:focus {
+    --gradient-to-color: #742a2a !important;
+  }
+
+  .xl\:focus\:to-orange-100:focus {
+    --gradient-to-color: #fffaf0 !important;
+  }
+
+  .xl\:focus\:to-orange-200:focus {
+    --gradient-to-color: #feebc8 !important;
+  }
+
+  .xl\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fbd38d !important;
+  }
+
+  .xl\:focus\:to-orange-400:focus {
+    --gradient-to-color: #f6ad55 !important;
+  }
+
+  .xl\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ed8936 !important;
+  }
+
+  .xl\:focus\:to-orange-600:focus {
+    --gradient-to-color: #dd6b20 !important;
+  }
+
+  .xl\:focus\:to-orange-700:focus {
+    --gradient-to-color: #c05621 !important;
+  }
+
+  .xl\:focus\:to-orange-800:focus {
+    --gradient-to-color: #9c4221 !important;
+  }
+
+  .xl\:focus\:to-orange-900:focus {
+    --gradient-to-color: #7b341e !important;
+  }
+
+  .xl\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fffff0 !important;
+  }
+
+  .xl\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fefcbf !important;
+  }
+
+  .xl\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faf089 !important;
+  }
+
+  .xl\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #f6e05e !important;
+  }
+
+  .xl\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #ecc94b !important;
+  }
+
+  .xl\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #d69e2e !important;
+  }
+
+  .xl\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #b7791f !important;
+  }
+
+  .xl\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #975a16 !important;
+  }
+
+  .xl\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #744210 !important;
+  }
+
+  .xl\:focus\:to-green-100:focus {
+    --gradient-to-color: #f0fff4 !important;
+  }
+
+  .xl\:focus\:to-green-200:focus {
+    --gradient-to-color: #c6f6d5 !important;
+  }
+
+  .xl\:focus\:to-green-300:focus {
+    --gradient-to-color: #9ae6b4 !important;
+  }
+
+  .xl\:focus\:to-green-400:focus {
+    --gradient-to-color: #68d391 !important;
+  }
+
+  .xl\:focus\:to-green-500:focus {
+    --gradient-to-color: #48bb78 !important;
+  }
+
+  .xl\:focus\:to-green-600:focus {
+    --gradient-to-color: #38a169 !important;
+  }
+
+  .xl\:focus\:to-green-700:focus {
+    --gradient-to-color: #2f855a !important;
+  }
+
+  .xl\:focus\:to-green-800:focus {
+    --gradient-to-color: #276749 !important;
+  }
+
+  .xl\:focus\:to-green-900:focus {
+    --gradient-to-color: #22543d !important;
+  }
+
+  .xl\:focus\:to-teal-100:focus {
+    --gradient-to-color: #e6fffa !important;
+  }
+
+  .xl\:focus\:to-teal-200:focus {
+    --gradient-to-color: #b2f5ea !important;
+  }
+
+  .xl\:focus\:to-teal-300:focus {
+    --gradient-to-color: #81e6d9 !important;
+  }
+
+  .xl\:focus\:to-teal-400:focus {
+    --gradient-to-color: #4fd1c5 !important;
+  }
+
+  .xl\:focus\:to-teal-500:focus {
+    --gradient-to-color: #38b2ac !important;
+  }
+
+  .xl\:focus\:to-teal-600:focus {
+    --gradient-to-color: #319795 !important;
+  }
+
+  .xl\:focus\:to-teal-700:focus {
+    --gradient-to-color: #2c7a7b !important;
+  }
+
+  .xl\:focus\:to-teal-800:focus {
+    --gradient-to-color: #285e61 !important;
+  }
+
+  .xl\:focus\:to-teal-900:focus {
+    --gradient-to-color: #234e52 !important;
+  }
+
+  .xl\:focus\:to-blue-100:focus {
+    --gradient-to-color: #ebf8ff !important;
+  }
+
+  .xl\:focus\:to-blue-200:focus {
+    --gradient-to-color: #bee3f8 !important;
+  }
+
+  .xl\:focus\:to-blue-300:focus {
+    --gradient-to-color: #90cdf4 !important;
+  }
+
+  .xl\:focus\:to-blue-400:focus {
+    --gradient-to-color: #63b3ed !important;
+  }
+
+  .xl\:focus\:to-blue-500:focus {
+    --gradient-to-color: #4299e1 !important;
+  }
+
+  .xl\:focus\:to-blue-600:focus {
+    --gradient-to-color: #3182ce !important;
+  }
+
+  .xl\:focus\:to-blue-700:focus {
+    --gradient-to-color: #2b6cb0 !important;
+  }
+
+  .xl\:focus\:to-blue-800:focus {
+    --gradient-to-color: #2c5282 !important;
+  }
+
+  .xl\:focus\:to-blue-900:focus {
+    --gradient-to-color: #2a4365 !important;
+  }
+
+  .xl\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff !important;
+  }
+
+  .xl\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #c3dafe !important;
+  }
+
+  .xl\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #a3bffa !important;
+  }
+
+  .xl\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5 !important;
+  }
+
+  .xl\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #667eea !important;
+  }
+
+  .xl\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5a67d8 !important;
+  }
+
+  .xl\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #4c51bf !important;
+  }
+
+  .xl\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #434190 !important;
+  }
+
+  .xl\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #3c366b !important;
+  }
+
+  .xl\:focus\:to-purple-100:focus {
+    --gradient-to-color: #faf5ff !important;
+  }
+
+  .xl\:focus\:to-purple-200:focus {
+    --gradient-to-color: #e9d8fd !important;
+  }
+
+  .xl\:focus\:to-purple-300:focus {
+    --gradient-to-color: #d6bcfa !important;
+  }
+
+  .xl\:focus\:to-purple-400:focus {
+    --gradient-to-color: #b794f4 !important;
+  }
+
+  .xl\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9f7aea !important;
+  }
+
+  .xl\:focus\:to-purple-600:focus {
+    --gradient-to-color: #805ad5 !important;
+  }
+
+  .xl\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6b46c1 !important;
+  }
+
+  .xl\:focus\:to-purple-800:focus {
+    --gradient-to-color: #553c9a !important;
+  }
+
+  .xl\:focus\:to-purple-900:focus {
+    --gradient-to-color: #44337a !important;
+  }
+
+  .xl\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fff5f7 !important;
+  }
+
+  .xl\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fed7e2 !important;
+  }
+
+  .xl\:focus\:to-pink-300:focus {
+    --gradient-to-color: #fbb6ce !important;
+  }
+
+  .xl\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f687b3 !important;
+  }
+
+  .xl\:focus\:to-pink-500:focus {
+    --gradient-to-color: #ed64a6 !important;
+  }
+
+  .xl\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d53f8c !important;
+  }
+
+  .xl\:focus\:to-pink-700:focus {
+    --gradient-to-color: #b83280 !important;
+  }
+
+  .xl\:focus\:to-pink-800:focus {
+    --gradient-to-color: #97266d !important;
+  }
+
+  .xl\:focus\:to-pink-900:focus {
+    --gradient-to-color: #702459 !important;
   }
 
   .xl\:bg-opacity-0 {
diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
index 5714d1724..c810f7631 100644
--- a/__tests__/fixtures/tailwind-output-no-color-opacity.css
+++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -2707,4250 +2707,3984 @@ video {
   background-color: #702459;
 }
 
-.bg-gradient-up {
-  background-image: linear-gradient(0deg, var(--gradient-color-stops));
+.bg-gradient-t {
+  background-image: linear-gradient(to top, var(--gradient-color-stops));
 }
 
-.bg-gradient-right {
-  background-image: linear-gradient(90deg, var(--gradient-color-stops));
+.bg-gradient-tr {
+  background-image: linear-gradient(to top right, var(--gradient-color-stops));
 }
 
-.bg-gradient-down {
-  background-image: linear-gradient(180deg, var(--gradient-color-stops));
+.bg-gradient-r {
+  background-image: linear-gradient(to right, var(--gradient-color-stops));
 }
 
-.bg-gradient-left {
-  background-image: linear-gradient(270deg, var(--gradient-color-stops));
+.bg-gradient-br {
+  background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
 }
 
-.gradient-from-transparent {
+.bg-gradient-b {
+  background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+}
+
+.bg-gradient-bl {
+  background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+}
+
+.bg-gradient-l {
+  background-image: linear-gradient(to left, var(--gradient-color-stops));
+}
+
+.bg-gradient-tl {
+  background-image: linear-gradient(to top left, var(--gradient-color-stops));
+}
+
+.from-transparent {
   --gradient-from-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.gradient-from-current {
+.from-current {
   --gradient-from-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.gradient-from-black {
+.from-black {
   --gradient-from-color: #000;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.gradient-from-white {
+.from-white {
   --gradient-from-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.gradient-from-gray-100 {
+.from-gray-100 {
   --gradient-from-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.gradient-from-gray-200 {
+.from-gray-200 {
   --gradient-from-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.gradient-from-gray-300 {
+.from-gray-300 {
   --gradient-from-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.gradient-from-gray-400 {
+.from-gray-400 {
   --gradient-from-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.gradient-from-gray-500 {
+.from-gray-500 {
   --gradient-from-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.gradient-from-gray-600 {
+.from-gray-600 {
   --gradient-from-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.gradient-from-gray-700 {
+.from-gray-700 {
   --gradient-from-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.gradient-from-gray-800 {
+.from-gray-800 {
   --gradient-from-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.gradient-from-gray-900 {
+.from-gray-900 {
   --gradient-from-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.gradient-from-red-100 {
+.from-red-100 {
   --gradient-from-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.gradient-from-red-200 {
+.from-red-200 {
   --gradient-from-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.gradient-from-red-300 {
+.from-red-300 {
   --gradient-from-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.gradient-from-red-400 {
+.from-red-400 {
   --gradient-from-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.gradient-from-red-500 {
+.from-red-500 {
   --gradient-from-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.gradient-from-red-600 {
+.from-red-600 {
   --gradient-from-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.gradient-from-red-700 {
+.from-red-700 {
   --gradient-from-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.gradient-from-red-800 {
+.from-red-800 {
   --gradient-from-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.gradient-from-red-900 {
+.from-red-900 {
   --gradient-from-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.gradient-from-orange-100 {
+.from-orange-100 {
   --gradient-from-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.gradient-from-orange-200 {
+.from-orange-200 {
   --gradient-from-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.gradient-from-orange-300 {
+.from-orange-300 {
   --gradient-from-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.gradient-from-orange-400 {
+.from-orange-400 {
   --gradient-from-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.gradient-from-orange-500 {
+.from-orange-500 {
   --gradient-from-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.gradient-from-orange-600 {
+.from-orange-600 {
   --gradient-from-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.gradient-from-orange-700 {
+.from-orange-700 {
   --gradient-from-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.gradient-from-orange-800 {
+.from-orange-800 {
   --gradient-from-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.gradient-from-orange-900 {
+.from-orange-900 {
   --gradient-from-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.gradient-from-yellow-100 {
+.from-yellow-100 {
   --gradient-from-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.gradient-from-yellow-200 {
+.from-yellow-200 {
   --gradient-from-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.gradient-from-yellow-300 {
+.from-yellow-300 {
   --gradient-from-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.gradient-from-yellow-400 {
+.from-yellow-400 {
   --gradient-from-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.gradient-from-yellow-500 {
+.from-yellow-500 {
   --gradient-from-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.gradient-from-yellow-600 {
+.from-yellow-600 {
   --gradient-from-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.gradient-from-yellow-700 {
+.from-yellow-700 {
   --gradient-from-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.gradient-from-yellow-800 {
+.from-yellow-800 {
   --gradient-from-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.gradient-from-yellow-900 {
+.from-yellow-900 {
   --gradient-from-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.gradient-from-green-100 {
+.from-green-100 {
   --gradient-from-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.gradient-from-green-200 {
+.from-green-200 {
   --gradient-from-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.gradient-from-green-300 {
+.from-green-300 {
   --gradient-from-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.gradient-from-green-400 {
+.from-green-400 {
   --gradient-from-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.gradient-from-green-500 {
+.from-green-500 {
   --gradient-from-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.gradient-from-green-600 {
+.from-green-600 {
   --gradient-from-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.gradient-from-green-700 {
+.from-green-700 {
   --gradient-from-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.gradient-from-green-800 {
+.from-green-800 {
   --gradient-from-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.gradient-from-green-900 {
+.from-green-900 {
   --gradient-from-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.gradient-from-teal-100 {
+.from-teal-100 {
   --gradient-from-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.gradient-from-teal-200 {
+.from-teal-200 {
   --gradient-from-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.gradient-from-teal-300 {
+.from-teal-300 {
   --gradient-from-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.gradient-from-teal-400 {
+.from-teal-400 {
   --gradient-from-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.gradient-from-teal-500 {
+.from-teal-500 {
   --gradient-from-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.gradient-from-teal-600 {
+.from-teal-600 {
   --gradient-from-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.gradient-from-teal-700 {
+.from-teal-700 {
   --gradient-from-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.gradient-from-teal-800 {
+.from-teal-800 {
   --gradient-from-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.gradient-from-teal-900 {
+.from-teal-900 {
   --gradient-from-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.gradient-from-blue-100 {
+.from-blue-100 {
   --gradient-from-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.gradient-from-blue-200 {
+.from-blue-200 {
   --gradient-from-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.gradient-from-blue-300 {
+.from-blue-300 {
   --gradient-from-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.gradient-from-blue-400 {
+.from-blue-400 {
   --gradient-from-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.gradient-from-blue-500 {
+.from-blue-500 {
   --gradient-from-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.gradient-from-blue-600 {
+.from-blue-600 {
   --gradient-from-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.gradient-from-blue-700 {
+.from-blue-700 {
   --gradient-from-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.gradient-from-blue-800 {
+.from-blue-800 {
   --gradient-from-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.gradient-from-blue-900 {
+.from-blue-900 {
   --gradient-from-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.gradient-from-indigo-100 {
+.from-indigo-100 {
   --gradient-from-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.gradient-from-indigo-200 {
+.from-indigo-200 {
   --gradient-from-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.gradient-from-indigo-300 {
+.from-indigo-300 {
   --gradient-from-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.gradient-from-indigo-400 {
+.from-indigo-400 {
   --gradient-from-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.gradient-from-indigo-500 {
+.from-indigo-500 {
   --gradient-from-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.gradient-from-indigo-600 {
+.from-indigo-600 {
   --gradient-from-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.gradient-from-indigo-700 {
+.from-indigo-700 {
   --gradient-from-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.gradient-from-indigo-800 {
+.from-indigo-800 {
   --gradient-from-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.gradient-from-indigo-900 {
+.from-indigo-900 {
   --gradient-from-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.gradient-from-purple-100 {
+.from-purple-100 {
   --gradient-from-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.gradient-from-purple-200 {
+.from-purple-200 {
   --gradient-from-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.gradient-from-purple-300 {
+.from-purple-300 {
   --gradient-from-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.gradient-from-purple-400 {
+.from-purple-400 {
   --gradient-from-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.gradient-from-purple-500 {
+.from-purple-500 {
   --gradient-from-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.gradient-from-purple-600 {
+.from-purple-600 {
   --gradient-from-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.gradient-from-purple-700 {
+.from-purple-700 {
   --gradient-from-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.gradient-from-purple-800 {
+.from-purple-800 {
   --gradient-from-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.gradient-from-purple-900 {
+.from-purple-900 {
   --gradient-from-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.gradient-from-pink-100 {
+.from-pink-100 {
   --gradient-from-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.gradient-from-pink-200 {
+.from-pink-200 {
   --gradient-from-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.gradient-from-pink-300 {
+.from-pink-300 {
   --gradient-from-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.gradient-from-pink-400 {
+.from-pink-400 {
   --gradient-from-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.gradient-from-pink-500 {
+.from-pink-500 {
   --gradient-from-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.gradient-from-pink-600 {
+.from-pink-600 {
   --gradient-from-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.gradient-from-pink-700 {
+.from-pink-700 {
   --gradient-from-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.gradient-from-pink-800 {
+.from-pink-800 {
   --gradient-from-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.gradient-from-pink-900 {
+.from-pink-900 {
   --gradient-from-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.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 {
+.mid-transparent {
   --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.gradient-mid-current {
+.mid-current {
   --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.gradient-mid-black {
+.mid-black {
   --gradient-mid-color: #000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.gradient-mid-white {
+.mid-white {
   --gradient-mid-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.gradient-mid-gray-100 {
+.mid-gray-100 {
   --gradient-mid-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.gradient-mid-gray-200 {
+.mid-gray-200 {
   --gradient-mid-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.gradient-mid-gray-300 {
+.mid-gray-300 {
   --gradient-mid-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.gradient-mid-gray-400 {
+.mid-gray-400 {
   --gradient-mid-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.gradient-mid-gray-500 {
+.mid-gray-500 {
   --gradient-mid-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.gradient-mid-gray-600 {
+.mid-gray-600 {
   --gradient-mid-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.gradient-mid-gray-700 {
+.mid-gray-700 {
   --gradient-mid-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.gradient-mid-gray-800 {
+.mid-gray-800 {
   --gradient-mid-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.gradient-mid-gray-900 {
+.mid-gray-900 {
   --gradient-mid-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.gradient-mid-red-100 {
+.mid-red-100 {
   --gradient-mid-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.gradient-mid-red-200 {
+.mid-red-200 {
   --gradient-mid-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.gradient-mid-red-300 {
+.mid-red-300 {
   --gradient-mid-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.gradient-mid-red-400 {
+.mid-red-400 {
   --gradient-mid-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.gradient-mid-red-500 {
+.mid-red-500 {
   --gradient-mid-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.gradient-mid-red-600 {
+.mid-red-600 {
   --gradient-mid-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.gradient-mid-red-700 {
+.mid-red-700 {
   --gradient-mid-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.gradient-mid-red-800 {
+.mid-red-800 {
   --gradient-mid-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.gradient-mid-red-900 {
+.mid-red-900 {
   --gradient-mid-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.gradient-mid-orange-100 {
+.mid-orange-100 {
   --gradient-mid-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.gradient-mid-orange-200 {
+.mid-orange-200 {
   --gradient-mid-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.gradient-mid-orange-300 {
+.mid-orange-300 {
   --gradient-mid-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.gradient-mid-orange-400 {
+.mid-orange-400 {
   --gradient-mid-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.gradient-mid-orange-500 {
+.mid-orange-500 {
   --gradient-mid-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.gradient-mid-orange-600 {
+.mid-orange-600 {
   --gradient-mid-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.gradient-mid-orange-700 {
+.mid-orange-700 {
   --gradient-mid-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.gradient-mid-orange-800 {
+.mid-orange-800 {
   --gradient-mid-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.gradient-mid-orange-900 {
+.mid-orange-900 {
   --gradient-mid-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.gradient-mid-yellow-100 {
+.mid-yellow-100 {
   --gradient-mid-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.gradient-mid-yellow-200 {
+.mid-yellow-200 {
   --gradient-mid-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.gradient-mid-yellow-300 {
+.mid-yellow-300 {
   --gradient-mid-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.gradient-mid-yellow-400 {
+.mid-yellow-400 {
   --gradient-mid-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.gradient-mid-yellow-500 {
+.mid-yellow-500 {
   --gradient-mid-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.gradient-mid-yellow-600 {
+.mid-yellow-600 {
   --gradient-mid-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.gradient-mid-yellow-700 {
+.mid-yellow-700 {
   --gradient-mid-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.gradient-mid-yellow-800 {
+.mid-yellow-800 {
   --gradient-mid-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.gradient-mid-yellow-900 {
+.mid-yellow-900 {
   --gradient-mid-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.gradient-mid-green-100 {
+.mid-green-100 {
   --gradient-mid-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.gradient-mid-green-200 {
+.mid-green-200 {
   --gradient-mid-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.gradient-mid-green-300 {
+.mid-green-300 {
   --gradient-mid-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.gradient-mid-green-400 {
+.mid-green-400 {
   --gradient-mid-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.gradient-mid-green-500 {
+.mid-green-500 {
   --gradient-mid-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.gradient-mid-green-600 {
+.mid-green-600 {
   --gradient-mid-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.gradient-mid-green-700 {
+.mid-green-700 {
   --gradient-mid-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.gradient-mid-green-800 {
+.mid-green-800 {
   --gradient-mid-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.gradient-mid-green-900 {
+.mid-green-900 {
   --gradient-mid-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.gradient-mid-teal-100 {
+.mid-teal-100 {
   --gradient-mid-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.gradient-mid-teal-200 {
+.mid-teal-200 {
   --gradient-mid-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.gradient-mid-teal-300 {
+.mid-teal-300 {
   --gradient-mid-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.gradient-mid-teal-400 {
+.mid-teal-400 {
   --gradient-mid-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.gradient-mid-teal-500 {
+.mid-teal-500 {
   --gradient-mid-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.gradient-mid-teal-600 {
+.mid-teal-600 {
   --gradient-mid-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.gradient-mid-teal-700 {
+.mid-teal-700 {
   --gradient-mid-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.gradient-mid-teal-800 {
+.mid-teal-800 {
   --gradient-mid-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.gradient-mid-teal-900 {
+.mid-teal-900 {
   --gradient-mid-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.gradient-mid-blue-100 {
+.mid-blue-100 {
   --gradient-mid-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.gradient-mid-blue-200 {
+.mid-blue-200 {
   --gradient-mid-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.gradient-mid-blue-300 {
+.mid-blue-300 {
   --gradient-mid-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.gradient-mid-blue-400 {
+.mid-blue-400 {
   --gradient-mid-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.gradient-mid-blue-500 {
+.mid-blue-500 {
   --gradient-mid-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.gradient-mid-blue-600 {
+.mid-blue-600 {
   --gradient-mid-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.gradient-mid-blue-700 {
+.mid-blue-700 {
   --gradient-mid-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.gradient-mid-blue-800 {
+.mid-blue-800 {
   --gradient-mid-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.gradient-mid-blue-900 {
+.mid-blue-900 {
   --gradient-mid-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.gradient-mid-indigo-100 {
+.mid-indigo-100 {
   --gradient-mid-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.gradient-mid-indigo-200 {
+.mid-indigo-200 {
   --gradient-mid-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.gradient-mid-indigo-300 {
+.mid-indigo-300 {
   --gradient-mid-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.gradient-mid-indigo-400 {
+.mid-indigo-400 {
   --gradient-mid-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.gradient-mid-indigo-500 {
+.mid-indigo-500 {
   --gradient-mid-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.gradient-mid-indigo-600 {
+.mid-indigo-600 {
   --gradient-mid-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.gradient-mid-indigo-700 {
+.mid-indigo-700 {
   --gradient-mid-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.gradient-mid-indigo-800 {
+.mid-indigo-800 {
   --gradient-mid-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.gradient-mid-indigo-900 {
+.mid-indigo-900 {
   --gradient-mid-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.gradient-mid-purple-100 {
+.mid-purple-100 {
   --gradient-mid-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.gradient-mid-purple-200 {
+.mid-purple-200 {
   --gradient-mid-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.gradient-mid-purple-300 {
+.mid-purple-300 {
   --gradient-mid-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.gradient-mid-purple-400 {
+.mid-purple-400 {
   --gradient-mid-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.gradient-mid-purple-500 {
+.mid-purple-500 {
   --gradient-mid-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.gradient-mid-purple-600 {
+.mid-purple-600 {
   --gradient-mid-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.gradient-mid-purple-700 {
+.mid-purple-700 {
   --gradient-mid-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.gradient-mid-purple-800 {
+.mid-purple-800 {
   --gradient-mid-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.gradient-mid-purple-900 {
+.mid-purple-900 {
   --gradient-mid-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.gradient-mid-pink-100 {
+.mid-pink-100 {
   --gradient-mid-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.gradient-mid-pink-200 {
+.mid-pink-200 {
   --gradient-mid-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.gradient-mid-pink-300 {
+.mid-pink-300 {
   --gradient-mid-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.gradient-mid-pink-400 {
+.mid-pink-400 {
   --gradient-mid-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.gradient-mid-pink-500 {
+.mid-pink-500 {
   --gradient-mid-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.gradient-mid-pink-600 {
+.mid-pink-600 {
   --gradient-mid-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.gradient-mid-pink-700 {
+.mid-pink-700 {
   --gradient-mid-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.gradient-mid-pink-800 {
+.mid-pink-800 {
   --gradient-mid-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.gradient-mid-pink-900 {
+.mid-pink-900 {
   --gradient-mid-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.hover\:gradient-from-transparent:hover {
+.to-transparent {
+  --gradient-to-color: transparent;
+}
+
+.to-current {
+  --gradient-to-color: currentColor;
+}
+
+.to-black {
+  --gradient-to-color: #000;
+}
+
+.to-white {
+  --gradient-to-color: #fff;
+}
+
+.to-gray-100 {
+  --gradient-to-color: #f7fafc;
+}
+
+.to-gray-200 {
+  --gradient-to-color: #edf2f7;
+}
+
+.to-gray-300 {
+  --gradient-to-color: #e2e8f0;
+}
+
+.to-gray-400 {
+  --gradient-to-color: #cbd5e0;
+}
+
+.to-gray-500 {
+  --gradient-to-color: #a0aec0;
+}
+
+.to-gray-600 {
+  --gradient-to-color: #718096;
+}
+
+.to-gray-700 {
+  --gradient-to-color: #4a5568;
+}
+
+.to-gray-800 {
+  --gradient-to-color: #2d3748;
+}
+
+.to-gray-900 {
+  --gradient-to-color: #1a202c;
+}
+
+.to-red-100 {
+  --gradient-to-color: #fff5f5;
+}
+
+.to-red-200 {
+  --gradient-to-color: #fed7d7;
+}
+
+.to-red-300 {
+  --gradient-to-color: #feb2b2;
+}
+
+.to-red-400 {
+  --gradient-to-color: #fc8181;
+}
+
+.to-red-500 {
+  --gradient-to-color: #f56565;
+}
+
+.to-red-600 {
+  --gradient-to-color: #e53e3e;
+}
+
+.to-red-700 {
+  --gradient-to-color: #c53030;
+}
+
+.to-red-800 {
+  --gradient-to-color: #9b2c2c;
+}
+
+.to-red-900 {
+  --gradient-to-color: #742a2a;
+}
+
+.to-orange-100 {
+  --gradient-to-color: #fffaf0;
+}
+
+.to-orange-200 {
+  --gradient-to-color: #feebc8;
+}
+
+.to-orange-300 {
+  --gradient-to-color: #fbd38d;
+}
+
+.to-orange-400 {
+  --gradient-to-color: #f6ad55;
+}
+
+.to-orange-500 {
+  --gradient-to-color: #ed8936;
+}
+
+.to-orange-600 {
+  --gradient-to-color: #dd6b20;
+}
+
+.to-orange-700 {
+  --gradient-to-color: #c05621;
+}
+
+.to-orange-800 {
+  --gradient-to-color: #9c4221;
+}
+
+.to-orange-900 {
+  --gradient-to-color: #7b341e;
+}
+
+.to-yellow-100 {
+  --gradient-to-color: #fffff0;
+}
+
+.to-yellow-200 {
+  --gradient-to-color: #fefcbf;
+}
+
+.to-yellow-300 {
+  --gradient-to-color: #faf089;
+}
+
+.to-yellow-400 {
+  --gradient-to-color: #f6e05e;
+}
+
+.to-yellow-500 {
+  --gradient-to-color: #ecc94b;
+}
+
+.to-yellow-600 {
+  --gradient-to-color: #d69e2e;
+}
+
+.to-yellow-700 {
+  --gradient-to-color: #b7791f;
+}
+
+.to-yellow-800 {
+  --gradient-to-color: #975a16;
+}
+
+.to-yellow-900 {
+  --gradient-to-color: #744210;
+}
+
+.to-green-100 {
+  --gradient-to-color: #f0fff4;
+}
+
+.to-green-200 {
+  --gradient-to-color: #c6f6d5;
+}
+
+.to-green-300 {
+  --gradient-to-color: #9ae6b4;
+}
+
+.to-green-400 {
+  --gradient-to-color: #68d391;
+}
+
+.to-green-500 {
+  --gradient-to-color: #48bb78;
+}
+
+.to-green-600 {
+  --gradient-to-color: #38a169;
+}
+
+.to-green-700 {
+  --gradient-to-color: #2f855a;
+}
+
+.to-green-800 {
+  --gradient-to-color: #276749;
+}
+
+.to-green-900 {
+  --gradient-to-color: #22543d;
+}
+
+.to-teal-100 {
+  --gradient-to-color: #e6fffa;
+}
+
+.to-teal-200 {
+  --gradient-to-color: #b2f5ea;
+}
+
+.to-teal-300 {
+  --gradient-to-color: #81e6d9;
+}
+
+.to-teal-400 {
+  --gradient-to-color: #4fd1c5;
+}
+
+.to-teal-500 {
+  --gradient-to-color: #38b2ac;
+}
+
+.to-teal-600 {
+  --gradient-to-color: #319795;
+}
+
+.to-teal-700 {
+  --gradient-to-color: #2c7a7b;
+}
+
+.to-teal-800 {
+  --gradient-to-color: #285e61;
+}
+
+.to-teal-900 {
+  --gradient-to-color: #234e52;
+}
+
+.to-blue-100 {
+  --gradient-to-color: #ebf8ff;
+}
+
+.to-blue-200 {
+  --gradient-to-color: #bee3f8;
+}
+
+.to-blue-300 {
+  --gradient-to-color: #90cdf4;
+}
+
+.to-blue-400 {
+  --gradient-to-color: #63b3ed;
+}
+
+.to-blue-500 {
+  --gradient-to-color: #4299e1;
+}
+
+.to-blue-600 {
+  --gradient-to-color: #3182ce;
+}
+
+.to-blue-700 {
+  --gradient-to-color: #2b6cb0;
+}
+
+.to-blue-800 {
+  --gradient-to-color: #2c5282;
+}
+
+.to-blue-900 {
+  --gradient-to-color: #2a4365;
+}
+
+.to-indigo-100 {
+  --gradient-to-color: #ebf4ff;
+}
+
+.to-indigo-200 {
+  --gradient-to-color: #c3dafe;
+}
+
+.to-indigo-300 {
+  --gradient-to-color: #a3bffa;
+}
+
+.to-indigo-400 {
+  --gradient-to-color: #7f9cf5;
+}
+
+.to-indigo-500 {
+  --gradient-to-color: #667eea;
+}
+
+.to-indigo-600 {
+  --gradient-to-color: #5a67d8;
+}
+
+.to-indigo-700 {
+  --gradient-to-color: #4c51bf;
+}
+
+.to-indigo-800 {
+  --gradient-to-color: #434190;
+}
+
+.to-indigo-900 {
+  --gradient-to-color: #3c366b;
+}
+
+.to-purple-100 {
+  --gradient-to-color: #faf5ff;
+}
+
+.to-purple-200 {
+  --gradient-to-color: #e9d8fd;
+}
+
+.to-purple-300 {
+  --gradient-to-color: #d6bcfa;
+}
+
+.to-purple-400 {
+  --gradient-to-color: #b794f4;
+}
+
+.to-purple-500 {
+  --gradient-to-color: #9f7aea;
+}
+
+.to-purple-600 {
+  --gradient-to-color: #805ad5;
+}
+
+.to-purple-700 {
+  --gradient-to-color: #6b46c1;
+}
+
+.to-purple-800 {
+  --gradient-to-color: #553c9a;
+}
+
+.to-purple-900 {
+  --gradient-to-color: #44337a;
+}
+
+.to-pink-100 {
+  --gradient-to-color: #fff5f7;
+}
+
+.to-pink-200 {
+  --gradient-to-color: #fed7e2;
+}
+
+.to-pink-300 {
+  --gradient-to-color: #fbb6ce;
+}
+
+.to-pink-400 {
+  --gradient-to-color: #f687b3;
+}
+
+.to-pink-500 {
+  --gradient-to-color: #ed64a6;
+}
+
+.to-pink-600 {
+  --gradient-to-color: #d53f8c;
+}
+
+.to-pink-700 {
+  --gradient-to-color: #b83280;
+}
+
+.to-pink-800 {
+  --gradient-to-color: #97266d;
+}
+
+.to-pink-900 {
+  --gradient-to-color: #702459;
+}
+
+.hover\:from-transparent:hover {
   --gradient-from-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:gradient-from-current:hover {
+.hover\:from-current:hover {
   --gradient-from-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:gradient-from-black:hover {
+.hover\:from-black:hover {
   --gradient-from-color: #000;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:gradient-from-white:hover {
+.hover\:from-white:hover {
   --gradient-from-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:gradient-from-gray-100:hover {
+.hover\:from-gray-100:hover {
   --gradient-from-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.hover\:gradient-from-gray-200:hover {
+.hover\:from-gray-200:hover {
   --gradient-from-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.hover\:gradient-from-gray-300:hover {
+.hover\:from-gray-300:hover {
   --gradient-from-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.hover\:gradient-from-gray-400:hover {
+.hover\:from-gray-400:hover {
   --gradient-from-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.hover\:gradient-from-gray-500:hover {
+.hover\:from-gray-500:hover {
   --gradient-from-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.hover\:gradient-from-gray-600:hover {
+.hover\:from-gray-600:hover {
   --gradient-from-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.hover\:gradient-from-gray-700:hover {
+.hover\:from-gray-700:hover {
   --gradient-from-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.hover\:gradient-from-gray-800:hover {
+.hover\:from-gray-800:hover {
   --gradient-from-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.hover\:gradient-from-gray-900:hover {
+.hover\:from-gray-900:hover {
   --gradient-from-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.hover\:gradient-from-red-100:hover {
+.hover\:from-red-100:hover {
   --gradient-from-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.hover\:gradient-from-red-200:hover {
+.hover\:from-red-200:hover {
   --gradient-from-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.hover\:gradient-from-red-300:hover {
+.hover\:from-red-300:hover {
   --gradient-from-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.hover\:gradient-from-red-400:hover {
+.hover\:from-red-400:hover {
   --gradient-from-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.hover\:gradient-from-red-500:hover {
+.hover\:from-red-500:hover {
   --gradient-from-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.hover\:gradient-from-red-600:hover {
+.hover\:from-red-600:hover {
   --gradient-from-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.hover\:gradient-from-red-700:hover {
+.hover\:from-red-700:hover {
   --gradient-from-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.hover\:gradient-from-red-800:hover {
+.hover\:from-red-800:hover {
   --gradient-from-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.hover\:gradient-from-red-900:hover {
+.hover\:from-red-900:hover {
   --gradient-from-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.hover\:gradient-from-orange-100:hover {
+.hover\:from-orange-100:hover {
   --gradient-from-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.hover\:gradient-from-orange-200:hover {
+.hover\:from-orange-200:hover {
   --gradient-from-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.hover\:gradient-from-orange-300:hover {
+.hover\:from-orange-300:hover {
   --gradient-from-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.hover\:gradient-from-orange-400:hover {
+.hover\:from-orange-400:hover {
   --gradient-from-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.hover\:gradient-from-orange-500:hover {
+.hover\:from-orange-500:hover {
   --gradient-from-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.hover\:gradient-from-orange-600:hover {
+.hover\:from-orange-600:hover {
   --gradient-from-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.hover\:gradient-from-orange-700:hover {
+.hover\:from-orange-700:hover {
   --gradient-from-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.hover\:gradient-from-orange-800:hover {
+.hover\:from-orange-800:hover {
   --gradient-from-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.hover\:gradient-from-orange-900:hover {
+.hover\:from-orange-900:hover {
   --gradient-from-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.hover\:gradient-from-yellow-100:hover {
+.hover\:from-yellow-100:hover {
   --gradient-from-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.hover\:gradient-from-yellow-200:hover {
+.hover\:from-yellow-200:hover {
   --gradient-from-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.hover\:gradient-from-yellow-300:hover {
+.hover\:from-yellow-300:hover {
   --gradient-from-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.hover\:gradient-from-yellow-400:hover {
+.hover\:from-yellow-400:hover {
   --gradient-from-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.hover\:gradient-from-yellow-500:hover {
+.hover\:from-yellow-500:hover {
   --gradient-from-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.hover\:gradient-from-yellow-600:hover {
+.hover\:from-yellow-600:hover {
   --gradient-from-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.hover\:gradient-from-yellow-700:hover {
+.hover\:from-yellow-700:hover {
   --gradient-from-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.hover\:gradient-from-yellow-800:hover {
+.hover\:from-yellow-800:hover {
   --gradient-from-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.hover\:gradient-from-yellow-900:hover {
+.hover\:from-yellow-900:hover {
   --gradient-from-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.hover\:gradient-from-green-100:hover {
+.hover\:from-green-100:hover {
   --gradient-from-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.hover\:gradient-from-green-200:hover {
+.hover\:from-green-200:hover {
   --gradient-from-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.hover\:gradient-from-green-300:hover {
+.hover\:from-green-300:hover {
   --gradient-from-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.hover\:gradient-from-green-400:hover {
+.hover\:from-green-400:hover {
   --gradient-from-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.hover\:gradient-from-green-500:hover {
+.hover\:from-green-500:hover {
   --gradient-from-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.hover\:gradient-from-green-600:hover {
+.hover\:from-green-600:hover {
   --gradient-from-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.hover\:gradient-from-green-700:hover {
+.hover\:from-green-700:hover {
   --gradient-from-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.hover\:gradient-from-green-800:hover {
+.hover\:from-green-800:hover {
   --gradient-from-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.hover\:gradient-from-green-900:hover {
+.hover\:from-green-900:hover {
   --gradient-from-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.hover\:gradient-from-teal-100:hover {
+.hover\:from-teal-100:hover {
   --gradient-from-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.hover\:gradient-from-teal-200:hover {
+.hover\:from-teal-200:hover {
   --gradient-from-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.hover\:gradient-from-teal-300:hover {
+.hover\:from-teal-300:hover {
   --gradient-from-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.hover\:gradient-from-teal-400:hover {
+.hover\:from-teal-400:hover {
   --gradient-from-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.hover\:gradient-from-teal-500:hover {
+.hover\:from-teal-500:hover {
   --gradient-from-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.hover\:gradient-from-teal-600:hover {
+.hover\:from-teal-600:hover {
   --gradient-from-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.hover\:gradient-from-teal-700:hover {
+.hover\:from-teal-700:hover {
   --gradient-from-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.hover\:gradient-from-teal-800:hover {
+.hover\:from-teal-800:hover {
   --gradient-from-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.hover\:gradient-from-teal-900:hover {
+.hover\:from-teal-900:hover {
   --gradient-from-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.hover\:gradient-from-blue-100:hover {
+.hover\:from-blue-100:hover {
   --gradient-from-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.hover\:gradient-from-blue-200:hover {
+.hover\:from-blue-200:hover {
   --gradient-from-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.hover\:gradient-from-blue-300:hover {
+.hover\:from-blue-300:hover {
   --gradient-from-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.hover\:gradient-from-blue-400:hover {
+.hover\:from-blue-400:hover {
   --gradient-from-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.hover\:gradient-from-blue-500:hover {
+.hover\:from-blue-500:hover {
   --gradient-from-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.hover\:gradient-from-blue-600:hover {
+.hover\:from-blue-600:hover {
   --gradient-from-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.hover\:gradient-from-blue-700:hover {
+.hover\:from-blue-700:hover {
   --gradient-from-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.hover\:gradient-from-blue-800:hover {
+.hover\:from-blue-800:hover {
   --gradient-from-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.hover\:gradient-from-blue-900:hover {
+.hover\:from-blue-900:hover {
   --gradient-from-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.hover\:gradient-from-indigo-100:hover {
+.hover\:from-indigo-100:hover {
   --gradient-from-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.hover\:gradient-from-indigo-200:hover {
+.hover\:from-indigo-200:hover {
   --gradient-from-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.hover\:gradient-from-indigo-300:hover {
+.hover\:from-indigo-300:hover {
   --gradient-from-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.hover\:gradient-from-indigo-400:hover {
+.hover\:from-indigo-400:hover {
   --gradient-from-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.hover\:gradient-from-indigo-500:hover {
+.hover\:from-indigo-500:hover {
   --gradient-from-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.hover\:gradient-from-indigo-600:hover {
+.hover\:from-indigo-600:hover {
   --gradient-from-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.hover\:gradient-from-indigo-700:hover {
+.hover\:from-indigo-700:hover {
   --gradient-from-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.hover\:gradient-from-indigo-800:hover {
+.hover\:from-indigo-800:hover {
   --gradient-from-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.hover\:gradient-from-indigo-900:hover {
+.hover\:from-indigo-900:hover {
   --gradient-from-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.hover\:gradient-from-purple-100:hover {
+.hover\:from-purple-100:hover {
   --gradient-from-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.hover\:gradient-from-purple-200:hover {
+.hover\:from-purple-200:hover {
   --gradient-from-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.hover\:gradient-from-purple-300:hover {
+.hover\:from-purple-300:hover {
   --gradient-from-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.hover\:gradient-from-purple-400:hover {
+.hover\:from-purple-400:hover {
   --gradient-from-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.hover\:gradient-from-purple-500:hover {
+.hover\:from-purple-500:hover {
   --gradient-from-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.hover\:gradient-from-purple-600:hover {
+.hover\:from-purple-600:hover {
   --gradient-from-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.hover\:gradient-from-purple-700:hover {
+.hover\:from-purple-700:hover {
   --gradient-from-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.hover\:gradient-from-purple-800:hover {
+.hover\:from-purple-800:hover {
   --gradient-from-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.hover\:gradient-from-purple-900:hover {
+.hover\:from-purple-900:hover {
   --gradient-from-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.hover\:gradient-from-pink-100:hover {
+.hover\:from-pink-100:hover {
   --gradient-from-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.hover\:gradient-from-pink-200:hover {
+.hover\:from-pink-200:hover {
   --gradient-from-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.hover\:gradient-from-pink-300:hover {
+.hover\:from-pink-300:hover {
   --gradient-from-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.hover\:gradient-from-pink-400:hover {
+.hover\:from-pink-400:hover {
   --gradient-from-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.hover\:gradient-from-pink-500:hover {
+.hover\:from-pink-500:hover {
   --gradient-from-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.hover\:gradient-from-pink-600:hover {
+.hover\:from-pink-600:hover {
   --gradient-from-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.hover\:gradient-from-pink-700:hover {
+.hover\:from-pink-700:hover {
   --gradient-from-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.hover\:gradient-from-pink-800:hover {
+.hover\:from-pink-800:hover {
   --gradient-from-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.hover\:gradient-from-pink-900:hover {
+.hover\:from-pink-900:hover {
   --gradient-from-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.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 {
+.hover\:mid-transparent:hover {
   --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:gradient-mid-current:hover {
+.hover\:mid-current:hover {
   --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:gradient-mid-black:hover {
+.hover\:mid-black:hover {
   --gradient-mid-color: #000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:gradient-mid-white:hover {
+.hover\:mid-white:hover {
   --gradient-mid-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:gradient-mid-gray-100:hover {
+.hover\:mid-gray-100:hover {
   --gradient-mid-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.hover\:gradient-mid-gray-200:hover {
+.hover\:mid-gray-200:hover {
   --gradient-mid-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.hover\:gradient-mid-gray-300:hover {
+.hover\:mid-gray-300:hover {
   --gradient-mid-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.hover\:gradient-mid-gray-400:hover {
+.hover\:mid-gray-400:hover {
   --gradient-mid-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.hover\:gradient-mid-gray-500:hover {
+.hover\:mid-gray-500:hover {
   --gradient-mid-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.hover\:gradient-mid-gray-600:hover {
+.hover\:mid-gray-600:hover {
   --gradient-mid-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.hover\:gradient-mid-gray-700:hover {
+.hover\:mid-gray-700:hover {
   --gradient-mid-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.hover\:gradient-mid-gray-800:hover {
+.hover\:mid-gray-800:hover {
   --gradient-mid-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.hover\:gradient-mid-gray-900:hover {
+.hover\:mid-gray-900:hover {
   --gradient-mid-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.hover\:gradient-mid-red-100:hover {
+.hover\:mid-red-100:hover {
   --gradient-mid-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.hover\:gradient-mid-red-200:hover {
+.hover\:mid-red-200:hover {
   --gradient-mid-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.hover\:gradient-mid-red-300:hover {
+.hover\:mid-red-300:hover {
   --gradient-mid-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.hover\:gradient-mid-red-400:hover {
+.hover\:mid-red-400:hover {
   --gradient-mid-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.hover\:gradient-mid-red-500:hover {
+.hover\:mid-red-500:hover {
   --gradient-mid-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.hover\:gradient-mid-red-600:hover {
+.hover\:mid-red-600:hover {
   --gradient-mid-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.hover\:gradient-mid-red-700:hover {
+.hover\:mid-red-700:hover {
   --gradient-mid-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.hover\:gradient-mid-red-800:hover {
+.hover\:mid-red-800:hover {
   --gradient-mid-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.hover\:gradient-mid-red-900:hover {
+.hover\:mid-red-900:hover {
   --gradient-mid-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.hover\:gradient-mid-orange-100:hover {
+.hover\:mid-orange-100:hover {
   --gradient-mid-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.hover\:gradient-mid-orange-200:hover {
+.hover\:mid-orange-200:hover {
   --gradient-mid-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.hover\:gradient-mid-orange-300:hover {
+.hover\:mid-orange-300:hover {
   --gradient-mid-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.hover\:gradient-mid-orange-400:hover {
+.hover\:mid-orange-400:hover {
   --gradient-mid-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.hover\:gradient-mid-orange-500:hover {
+.hover\:mid-orange-500:hover {
   --gradient-mid-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.hover\:gradient-mid-orange-600:hover {
+.hover\:mid-orange-600:hover {
   --gradient-mid-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.hover\:gradient-mid-orange-700:hover {
+.hover\:mid-orange-700:hover {
   --gradient-mid-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.hover\:gradient-mid-orange-800:hover {
+.hover\:mid-orange-800:hover {
   --gradient-mid-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.hover\:gradient-mid-orange-900:hover {
+.hover\:mid-orange-900:hover {
   --gradient-mid-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.hover\:gradient-mid-yellow-100:hover {
+.hover\:mid-yellow-100:hover {
   --gradient-mid-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.hover\:gradient-mid-yellow-200:hover {
+.hover\:mid-yellow-200:hover {
   --gradient-mid-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.hover\:gradient-mid-yellow-300:hover {
+.hover\:mid-yellow-300:hover {
   --gradient-mid-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.hover\:gradient-mid-yellow-400:hover {
+.hover\:mid-yellow-400:hover {
   --gradient-mid-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.hover\:gradient-mid-yellow-500:hover {
+.hover\:mid-yellow-500:hover {
   --gradient-mid-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.hover\:gradient-mid-yellow-600:hover {
+.hover\:mid-yellow-600:hover {
   --gradient-mid-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.hover\:gradient-mid-yellow-700:hover {
+.hover\:mid-yellow-700:hover {
   --gradient-mid-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.hover\:gradient-mid-yellow-800:hover {
+.hover\:mid-yellow-800:hover {
   --gradient-mid-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.hover\:gradient-mid-yellow-900:hover {
+.hover\:mid-yellow-900:hover {
   --gradient-mid-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.hover\:gradient-mid-green-100:hover {
+.hover\:mid-green-100:hover {
   --gradient-mid-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.hover\:gradient-mid-green-200:hover {
+.hover\:mid-green-200:hover {
   --gradient-mid-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.hover\:gradient-mid-green-300:hover {
+.hover\:mid-green-300:hover {
   --gradient-mid-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.hover\:gradient-mid-green-400:hover {
+.hover\:mid-green-400:hover {
   --gradient-mid-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.hover\:gradient-mid-green-500:hover {
+.hover\:mid-green-500:hover {
   --gradient-mid-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.hover\:gradient-mid-green-600:hover {
+.hover\:mid-green-600:hover {
   --gradient-mid-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.hover\:gradient-mid-green-700:hover {
+.hover\:mid-green-700:hover {
   --gradient-mid-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.hover\:gradient-mid-green-800:hover {
+.hover\:mid-green-800:hover {
   --gradient-mid-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.hover\:gradient-mid-green-900:hover {
+.hover\:mid-green-900:hover {
   --gradient-mid-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.hover\:gradient-mid-teal-100:hover {
+.hover\:mid-teal-100:hover {
   --gradient-mid-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.hover\:gradient-mid-teal-200:hover {
+.hover\:mid-teal-200:hover {
   --gradient-mid-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.hover\:gradient-mid-teal-300:hover {
+.hover\:mid-teal-300:hover {
   --gradient-mid-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.hover\:gradient-mid-teal-400:hover {
+.hover\:mid-teal-400:hover {
   --gradient-mid-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.hover\:gradient-mid-teal-500:hover {
+.hover\:mid-teal-500:hover {
   --gradient-mid-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.hover\:gradient-mid-teal-600:hover {
+.hover\:mid-teal-600:hover {
   --gradient-mid-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.hover\:gradient-mid-teal-700:hover {
+.hover\:mid-teal-700:hover {
   --gradient-mid-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.hover\:gradient-mid-teal-800:hover {
+.hover\:mid-teal-800:hover {
   --gradient-mid-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.hover\:gradient-mid-teal-900:hover {
+.hover\:mid-teal-900:hover {
   --gradient-mid-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.hover\:gradient-mid-blue-100:hover {
+.hover\:mid-blue-100:hover {
   --gradient-mid-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.hover\:gradient-mid-blue-200:hover {
+.hover\:mid-blue-200:hover {
   --gradient-mid-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.hover\:gradient-mid-blue-300:hover {
+.hover\:mid-blue-300:hover {
   --gradient-mid-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.hover\:gradient-mid-blue-400:hover {
+.hover\:mid-blue-400:hover {
   --gradient-mid-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.hover\:gradient-mid-blue-500:hover {
+.hover\:mid-blue-500:hover {
   --gradient-mid-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.hover\:gradient-mid-blue-600:hover {
+.hover\:mid-blue-600:hover {
   --gradient-mid-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.hover\:gradient-mid-blue-700:hover {
+.hover\:mid-blue-700:hover {
   --gradient-mid-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.hover\:gradient-mid-blue-800:hover {
+.hover\:mid-blue-800:hover {
   --gradient-mid-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.hover\:gradient-mid-blue-900:hover {
+.hover\:mid-blue-900:hover {
   --gradient-mid-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.hover\:gradient-mid-indigo-100:hover {
+.hover\:mid-indigo-100:hover {
   --gradient-mid-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.hover\:gradient-mid-indigo-200:hover {
+.hover\:mid-indigo-200:hover {
   --gradient-mid-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.hover\:gradient-mid-indigo-300:hover {
+.hover\:mid-indigo-300:hover {
   --gradient-mid-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.hover\:gradient-mid-indigo-400:hover {
+.hover\:mid-indigo-400:hover {
   --gradient-mid-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.hover\:gradient-mid-indigo-500:hover {
+.hover\:mid-indigo-500:hover {
   --gradient-mid-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.hover\:gradient-mid-indigo-600:hover {
+.hover\:mid-indigo-600:hover {
   --gradient-mid-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.hover\:gradient-mid-indigo-700:hover {
+.hover\:mid-indigo-700:hover {
   --gradient-mid-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.hover\:gradient-mid-indigo-800:hover {
+.hover\:mid-indigo-800:hover {
   --gradient-mid-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.hover\:gradient-mid-indigo-900:hover {
+.hover\:mid-indigo-900:hover {
   --gradient-mid-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.hover\:gradient-mid-purple-100:hover {
+.hover\:mid-purple-100:hover {
   --gradient-mid-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.hover\:gradient-mid-purple-200:hover {
+.hover\:mid-purple-200:hover {
   --gradient-mid-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.hover\:gradient-mid-purple-300:hover {
+.hover\:mid-purple-300:hover {
   --gradient-mid-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.hover\:gradient-mid-purple-400:hover {
+.hover\:mid-purple-400:hover {
   --gradient-mid-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.hover\:gradient-mid-purple-500:hover {
+.hover\:mid-purple-500:hover {
   --gradient-mid-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.hover\:gradient-mid-purple-600:hover {
+.hover\:mid-purple-600:hover {
   --gradient-mid-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.hover\:gradient-mid-purple-700:hover {
+.hover\:mid-purple-700:hover {
   --gradient-mid-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.hover\:gradient-mid-purple-800:hover {
+.hover\:mid-purple-800:hover {
   --gradient-mid-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.hover\:gradient-mid-purple-900:hover {
+.hover\:mid-purple-900:hover {
   --gradient-mid-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.hover\:gradient-mid-pink-100:hover {
+.hover\:mid-pink-100:hover {
   --gradient-mid-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.hover\:gradient-mid-pink-200:hover {
+.hover\:mid-pink-200:hover {
   --gradient-mid-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.hover\:gradient-mid-pink-300:hover {
+.hover\:mid-pink-300:hover {
   --gradient-mid-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.hover\:gradient-mid-pink-400:hover {
+.hover\:mid-pink-400:hover {
   --gradient-mid-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.hover\:gradient-mid-pink-500:hover {
+.hover\:mid-pink-500:hover {
   --gradient-mid-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.hover\:gradient-mid-pink-600:hover {
+.hover\:mid-pink-600:hover {
   --gradient-mid-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.hover\:gradient-mid-pink-700:hover {
+.hover\:mid-pink-700:hover {
   --gradient-mid-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.hover\:gradient-mid-pink-800:hover {
+.hover\:mid-pink-800:hover {
   --gradient-mid-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.hover\:gradient-mid-pink-900:hover {
+.hover\:mid-pink-900:hover {
   --gradient-mid-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.focus\:gradient-from-transparent:focus {
+.hover\:to-transparent:hover {
+  --gradient-to-color: transparent;
+}
+
+.hover\:to-current:hover {
+  --gradient-to-color: currentColor;
+}
+
+.hover\:to-black:hover {
+  --gradient-to-color: #000;
+}
+
+.hover\:to-white:hover {
+  --gradient-to-color: #fff;
+}
+
+.hover\:to-gray-100:hover {
+  --gradient-to-color: #f7fafc;
+}
+
+.hover\:to-gray-200:hover {
+  --gradient-to-color: #edf2f7;
+}
+
+.hover\:to-gray-300:hover {
+  --gradient-to-color: #e2e8f0;
+}
+
+.hover\:to-gray-400:hover {
+  --gradient-to-color: #cbd5e0;
+}
+
+.hover\:to-gray-500:hover {
+  --gradient-to-color: #a0aec0;
+}
+
+.hover\:to-gray-600:hover {
+  --gradient-to-color: #718096;
+}
+
+.hover\:to-gray-700:hover {
+  --gradient-to-color: #4a5568;
+}
+
+.hover\:to-gray-800:hover {
+  --gradient-to-color: #2d3748;
+}
+
+.hover\:to-gray-900:hover {
+  --gradient-to-color: #1a202c;
+}
+
+.hover\:to-red-100:hover {
+  --gradient-to-color: #fff5f5;
+}
+
+.hover\:to-red-200:hover {
+  --gradient-to-color: #fed7d7;
+}
+
+.hover\:to-red-300:hover {
+  --gradient-to-color: #feb2b2;
+}
+
+.hover\:to-red-400:hover {
+  --gradient-to-color: #fc8181;
+}
+
+.hover\:to-red-500:hover {
+  --gradient-to-color: #f56565;
+}
+
+.hover\:to-red-600:hover {
+  --gradient-to-color: #e53e3e;
+}
+
+.hover\:to-red-700:hover {
+  --gradient-to-color: #c53030;
+}
+
+.hover\:to-red-800:hover {
+  --gradient-to-color: #9b2c2c;
+}
+
+.hover\:to-red-900:hover {
+  --gradient-to-color: #742a2a;
+}
+
+.hover\:to-orange-100:hover {
+  --gradient-to-color: #fffaf0;
+}
+
+.hover\:to-orange-200:hover {
+  --gradient-to-color: #feebc8;
+}
+
+.hover\:to-orange-300:hover {
+  --gradient-to-color: #fbd38d;
+}
+
+.hover\:to-orange-400:hover {
+  --gradient-to-color: #f6ad55;
+}
+
+.hover\:to-orange-500:hover {
+  --gradient-to-color: #ed8936;
+}
+
+.hover\:to-orange-600:hover {
+  --gradient-to-color: #dd6b20;
+}
+
+.hover\:to-orange-700:hover {
+  --gradient-to-color: #c05621;
+}
+
+.hover\:to-orange-800:hover {
+  --gradient-to-color: #9c4221;
+}
+
+.hover\:to-orange-900:hover {
+  --gradient-to-color: #7b341e;
+}
+
+.hover\:to-yellow-100:hover {
+  --gradient-to-color: #fffff0;
+}
+
+.hover\:to-yellow-200:hover {
+  --gradient-to-color: #fefcbf;
+}
+
+.hover\:to-yellow-300:hover {
+  --gradient-to-color: #faf089;
+}
+
+.hover\:to-yellow-400:hover {
+  --gradient-to-color: #f6e05e;
+}
+
+.hover\:to-yellow-500:hover {
+  --gradient-to-color: #ecc94b;
+}
+
+.hover\:to-yellow-600:hover {
+  --gradient-to-color: #d69e2e;
+}
+
+.hover\:to-yellow-700:hover {
+  --gradient-to-color: #b7791f;
+}
+
+.hover\:to-yellow-800:hover {
+  --gradient-to-color: #975a16;
+}
+
+.hover\:to-yellow-900:hover {
+  --gradient-to-color: #744210;
+}
+
+.hover\:to-green-100:hover {
+  --gradient-to-color: #f0fff4;
+}
+
+.hover\:to-green-200:hover {
+  --gradient-to-color: #c6f6d5;
+}
+
+.hover\:to-green-300:hover {
+  --gradient-to-color: #9ae6b4;
+}
+
+.hover\:to-green-400:hover {
+  --gradient-to-color: #68d391;
+}
+
+.hover\:to-green-500:hover {
+  --gradient-to-color: #48bb78;
+}
+
+.hover\:to-green-600:hover {
+  --gradient-to-color: #38a169;
+}
+
+.hover\:to-green-700:hover {
+  --gradient-to-color: #2f855a;
+}
+
+.hover\:to-green-800:hover {
+  --gradient-to-color: #276749;
+}
+
+.hover\:to-green-900:hover {
+  --gradient-to-color: #22543d;
+}
+
+.hover\:to-teal-100:hover {
+  --gradient-to-color: #e6fffa;
+}
+
+.hover\:to-teal-200:hover {
+  --gradient-to-color: #b2f5ea;
+}
+
+.hover\:to-teal-300:hover {
+  --gradient-to-color: #81e6d9;
+}
+
+.hover\:to-teal-400:hover {
+  --gradient-to-color: #4fd1c5;
+}
+
+.hover\:to-teal-500:hover {
+  --gradient-to-color: #38b2ac;
+}
+
+.hover\:to-teal-600:hover {
+  --gradient-to-color: #319795;
+}
+
+.hover\:to-teal-700:hover {
+  --gradient-to-color: #2c7a7b;
+}
+
+.hover\:to-teal-800:hover {
+  --gradient-to-color: #285e61;
+}
+
+.hover\:to-teal-900:hover {
+  --gradient-to-color: #234e52;
+}
+
+.hover\:to-blue-100:hover {
+  --gradient-to-color: #ebf8ff;
+}
+
+.hover\:to-blue-200:hover {
+  --gradient-to-color: #bee3f8;
+}
+
+.hover\:to-blue-300:hover {
+  --gradient-to-color: #90cdf4;
+}
+
+.hover\:to-blue-400:hover {
+  --gradient-to-color: #63b3ed;
+}
+
+.hover\:to-blue-500:hover {
+  --gradient-to-color: #4299e1;
+}
+
+.hover\:to-blue-600:hover {
+  --gradient-to-color: #3182ce;
+}
+
+.hover\:to-blue-700:hover {
+  --gradient-to-color: #2b6cb0;
+}
+
+.hover\:to-blue-800:hover {
+  --gradient-to-color: #2c5282;
+}
+
+.hover\:to-blue-900:hover {
+  --gradient-to-color: #2a4365;
+}
+
+.hover\:to-indigo-100:hover {
+  --gradient-to-color: #ebf4ff;
+}
+
+.hover\:to-indigo-200:hover {
+  --gradient-to-color: #c3dafe;
+}
+
+.hover\:to-indigo-300:hover {
+  --gradient-to-color: #a3bffa;
+}
+
+.hover\:to-indigo-400:hover {
+  --gradient-to-color: #7f9cf5;
+}
+
+.hover\:to-indigo-500:hover {
+  --gradient-to-color: #667eea;
+}
+
+.hover\:to-indigo-600:hover {
+  --gradient-to-color: #5a67d8;
+}
+
+.hover\:to-indigo-700:hover {
+  --gradient-to-color: #4c51bf;
+}
+
+.hover\:to-indigo-800:hover {
+  --gradient-to-color: #434190;
+}
+
+.hover\:to-indigo-900:hover {
+  --gradient-to-color: #3c366b;
+}
+
+.hover\:to-purple-100:hover {
+  --gradient-to-color: #faf5ff;
+}
+
+.hover\:to-purple-200:hover {
+  --gradient-to-color: #e9d8fd;
+}
+
+.hover\:to-purple-300:hover {
+  --gradient-to-color: #d6bcfa;
+}
+
+.hover\:to-purple-400:hover {
+  --gradient-to-color: #b794f4;
+}
+
+.hover\:to-purple-500:hover {
+  --gradient-to-color: #9f7aea;
+}
+
+.hover\:to-purple-600:hover {
+  --gradient-to-color: #805ad5;
+}
+
+.hover\:to-purple-700:hover {
+  --gradient-to-color: #6b46c1;
+}
+
+.hover\:to-purple-800:hover {
+  --gradient-to-color: #553c9a;
+}
+
+.hover\:to-purple-900:hover {
+  --gradient-to-color: #44337a;
+}
+
+.hover\:to-pink-100:hover {
+  --gradient-to-color: #fff5f7;
+}
+
+.hover\:to-pink-200:hover {
+  --gradient-to-color: #fed7e2;
+}
+
+.hover\:to-pink-300:hover {
+  --gradient-to-color: #fbb6ce;
+}
+
+.hover\:to-pink-400:hover {
+  --gradient-to-color: #f687b3;
+}
+
+.hover\:to-pink-500:hover {
+  --gradient-to-color: #ed64a6;
+}
+
+.hover\:to-pink-600:hover {
+  --gradient-to-color: #d53f8c;
+}
+
+.hover\:to-pink-700:hover {
+  --gradient-to-color: #b83280;
+}
+
+.hover\:to-pink-800:hover {
+  --gradient-to-color: #97266d;
+}
+
+.hover\:to-pink-900:hover {
+  --gradient-to-color: #702459;
+}
+
+.focus\:from-transparent:focus {
   --gradient-from-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:gradient-from-current:focus {
+.focus\:from-current:focus {
   --gradient-from-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:gradient-from-black:focus {
+.focus\:from-black:focus {
   --gradient-from-color: #000;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:gradient-from-white:focus {
+.focus\:from-white:focus {
   --gradient-from-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:gradient-from-gray-100:focus {
+.focus\:from-gray-100:focus {
   --gradient-from-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.focus\:gradient-from-gray-200:focus {
+.focus\:from-gray-200:focus {
   --gradient-from-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.focus\:gradient-from-gray-300:focus {
+.focus\:from-gray-300:focus {
   --gradient-from-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.focus\:gradient-from-gray-400:focus {
+.focus\:from-gray-400:focus {
   --gradient-from-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.focus\:gradient-from-gray-500:focus {
+.focus\:from-gray-500:focus {
   --gradient-from-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.focus\:gradient-from-gray-600:focus {
+.focus\:from-gray-600:focus {
   --gradient-from-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.focus\:gradient-from-gray-700:focus {
+.focus\:from-gray-700:focus {
   --gradient-from-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.focus\:gradient-from-gray-800:focus {
+.focus\:from-gray-800:focus {
   --gradient-from-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.focus\:gradient-from-gray-900:focus {
+.focus\:from-gray-900:focus {
   --gradient-from-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.focus\:gradient-from-red-100:focus {
+.focus\:from-red-100:focus {
   --gradient-from-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.focus\:gradient-from-red-200:focus {
+.focus\:from-red-200:focus {
   --gradient-from-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.focus\:gradient-from-red-300:focus {
+.focus\:from-red-300:focus {
   --gradient-from-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.focus\:gradient-from-red-400:focus {
+.focus\:from-red-400:focus {
   --gradient-from-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.focus\:gradient-from-red-500:focus {
+.focus\:from-red-500:focus {
   --gradient-from-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.focus\:gradient-from-red-600:focus {
+.focus\:from-red-600:focus {
   --gradient-from-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.focus\:gradient-from-red-700:focus {
+.focus\:from-red-700:focus {
   --gradient-from-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.focus\:gradient-from-red-800:focus {
+.focus\:from-red-800:focus {
   --gradient-from-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.focus\:gradient-from-red-900:focus {
+.focus\:from-red-900:focus {
   --gradient-from-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.focus\:gradient-from-orange-100:focus {
+.focus\:from-orange-100:focus {
   --gradient-from-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.focus\:gradient-from-orange-200:focus {
+.focus\:from-orange-200:focus {
   --gradient-from-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.focus\:gradient-from-orange-300:focus {
+.focus\:from-orange-300:focus {
   --gradient-from-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.focus\:gradient-from-orange-400:focus {
+.focus\:from-orange-400:focus {
   --gradient-from-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.focus\:gradient-from-orange-500:focus {
+.focus\:from-orange-500:focus {
   --gradient-from-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.focus\:gradient-from-orange-600:focus {
+.focus\:from-orange-600:focus {
   --gradient-from-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.focus\:gradient-from-orange-700:focus {
+.focus\:from-orange-700:focus {
   --gradient-from-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.focus\:gradient-from-orange-800:focus {
+.focus\:from-orange-800:focus {
   --gradient-from-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.focus\:gradient-from-orange-900:focus {
+.focus\:from-orange-900:focus {
   --gradient-from-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.focus\:gradient-from-yellow-100:focus {
+.focus\:from-yellow-100:focus {
   --gradient-from-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.focus\:gradient-from-yellow-200:focus {
+.focus\:from-yellow-200:focus {
   --gradient-from-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.focus\:gradient-from-yellow-300:focus {
+.focus\:from-yellow-300:focus {
   --gradient-from-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.focus\:gradient-from-yellow-400:focus {
+.focus\:from-yellow-400:focus {
   --gradient-from-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.focus\:gradient-from-yellow-500:focus {
+.focus\:from-yellow-500:focus {
   --gradient-from-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.focus\:gradient-from-yellow-600:focus {
+.focus\:from-yellow-600:focus {
   --gradient-from-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.focus\:gradient-from-yellow-700:focus {
+.focus\:from-yellow-700:focus {
   --gradient-from-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.focus\:gradient-from-yellow-800:focus {
+.focus\:from-yellow-800:focus {
   --gradient-from-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.focus\:gradient-from-yellow-900:focus {
+.focus\:from-yellow-900:focus {
   --gradient-from-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.focus\:gradient-from-green-100:focus {
+.focus\:from-green-100:focus {
   --gradient-from-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.focus\:gradient-from-green-200:focus {
+.focus\:from-green-200:focus {
   --gradient-from-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.focus\:gradient-from-green-300:focus {
+.focus\:from-green-300:focus {
   --gradient-from-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.focus\:gradient-from-green-400:focus {
+.focus\:from-green-400:focus {
   --gradient-from-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.focus\:gradient-from-green-500:focus {
+.focus\:from-green-500:focus {
   --gradient-from-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.focus\:gradient-from-green-600:focus {
+.focus\:from-green-600:focus {
   --gradient-from-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.focus\:gradient-from-green-700:focus {
+.focus\:from-green-700:focus {
   --gradient-from-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.focus\:gradient-from-green-800:focus {
+.focus\:from-green-800:focus {
   --gradient-from-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.focus\:gradient-from-green-900:focus {
+.focus\:from-green-900:focus {
   --gradient-from-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.focus\:gradient-from-teal-100:focus {
+.focus\:from-teal-100:focus {
   --gradient-from-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.focus\:gradient-from-teal-200:focus {
+.focus\:from-teal-200:focus {
   --gradient-from-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.focus\:gradient-from-teal-300:focus {
+.focus\:from-teal-300:focus {
   --gradient-from-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.focus\:gradient-from-teal-400:focus {
+.focus\:from-teal-400:focus {
   --gradient-from-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.focus\:gradient-from-teal-500:focus {
+.focus\:from-teal-500:focus {
   --gradient-from-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.focus\:gradient-from-teal-600:focus {
+.focus\:from-teal-600:focus {
   --gradient-from-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.focus\:gradient-from-teal-700:focus {
+.focus\:from-teal-700:focus {
   --gradient-from-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.focus\:gradient-from-teal-800:focus {
+.focus\:from-teal-800:focus {
   --gradient-from-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.focus\:gradient-from-teal-900:focus {
+.focus\:from-teal-900:focus {
   --gradient-from-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.focus\:gradient-from-blue-100:focus {
+.focus\:from-blue-100:focus {
   --gradient-from-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.focus\:gradient-from-blue-200:focus {
+.focus\:from-blue-200:focus {
   --gradient-from-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.focus\:gradient-from-blue-300:focus {
+.focus\:from-blue-300:focus {
   --gradient-from-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.focus\:gradient-from-blue-400:focus {
+.focus\:from-blue-400:focus {
   --gradient-from-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.focus\:gradient-from-blue-500:focus {
+.focus\:from-blue-500:focus {
   --gradient-from-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.focus\:gradient-from-blue-600:focus {
+.focus\:from-blue-600:focus {
   --gradient-from-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.focus\:gradient-from-blue-700:focus {
+.focus\:from-blue-700:focus {
   --gradient-from-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.focus\:gradient-from-blue-800:focus {
+.focus\:from-blue-800:focus {
   --gradient-from-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.focus\:gradient-from-blue-900:focus {
+.focus\:from-blue-900:focus {
   --gradient-from-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.focus\:gradient-from-indigo-100:focus {
+.focus\:from-indigo-100:focus {
   --gradient-from-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.focus\:gradient-from-indigo-200:focus {
+.focus\:from-indigo-200:focus {
   --gradient-from-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.focus\:gradient-from-indigo-300:focus {
+.focus\:from-indigo-300:focus {
   --gradient-from-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.focus\:gradient-from-indigo-400:focus {
+.focus\:from-indigo-400:focus {
   --gradient-from-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.focus\:gradient-from-indigo-500:focus {
+.focus\:from-indigo-500:focus {
   --gradient-from-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.focus\:gradient-from-indigo-600:focus {
+.focus\:from-indigo-600:focus {
   --gradient-from-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.focus\:gradient-from-indigo-700:focus {
+.focus\:from-indigo-700:focus {
   --gradient-from-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.focus\:gradient-from-indigo-800:focus {
+.focus\:from-indigo-800:focus {
   --gradient-from-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.focus\:gradient-from-indigo-900:focus {
+.focus\:from-indigo-900:focus {
   --gradient-from-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.focus\:gradient-from-purple-100:focus {
+.focus\:from-purple-100:focus {
   --gradient-from-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.focus\:gradient-from-purple-200:focus {
+.focus\:from-purple-200:focus {
   --gradient-from-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.focus\:gradient-from-purple-300:focus {
+.focus\:from-purple-300:focus {
   --gradient-from-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.focus\:gradient-from-purple-400:focus {
+.focus\:from-purple-400:focus {
   --gradient-from-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.focus\:gradient-from-purple-500:focus {
+.focus\:from-purple-500:focus {
   --gradient-from-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.focus\:gradient-from-purple-600:focus {
+.focus\:from-purple-600:focus {
   --gradient-from-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.focus\:gradient-from-purple-700:focus {
+.focus\:from-purple-700:focus {
   --gradient-from-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.focus\:gradient-from-purple-800:focus {
+.focus\:from-purple-800:focus {
   --gradient-from-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.focus\:gradient-from-purple-900:focus {
+.focus\:from-purple-900:focus {
   --gradient-from-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.focus\:gradient-from-pink-100:focus {
+.focus\:from-pink-100:focus {
   --gradient-from-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.focus\:gradient-from-pink-200:focus {
+.focus\:from-pink-200:focus {
   --gradient-from-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.focus\:gradient-from-pink-300:focus {
+.focus\:from-pink-300:focus {
   --gradient-from-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.focus\:gradient-from-pink-400:focus {
+.focus\:from-pink-400:focus {
   --gradient-from-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.focus\:gradient-from-pink-500:focus {
+.focus\:from-pink-500:focus {
   --gradient-from-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.focus\:gradient-from-pink-600:focus {
+.focus\:from-pink-600:focus {
   --gradient-from-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.focus\:gradient-from-pink-700:focus {
+.focus\:from-pink-700:focus {
   --gradient-from-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.focus\:gradient-from-pink-800:focus {
+.focus\:from-pink-800:focus {
   --gradient-from-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.focus\:gradient-from-pink-900:focus {
+.focus\:from-pink-900:focus {
   --gradient-from-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.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 {
+.focus\:mid-transparent:focus {
   --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:gradient-mid-current:focus {
+.focus\:mid-current:focus {
   --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:gradient-mid-black:focus {
+.focus\:mid-black:focus {
   --gradient-mid-color: #000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:gradient-mid-white:focus {
+.focus\:mid-white:focus {
   --gradient-mid-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:gradient-mid-gray-100:focus {
+.focus\:mid-gray-100:focus {
   --gradient-mid-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.focus\:gradient-mid-gray-200:focus {
+.focus\:mid-gray-200:focus {
   --gradient-mid-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.focus\:gradient-mid-gray-300:focus {
+.focus\:mid-gray-300:focus {
   --gradient-mid-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.focus\:gradient-mid-gray-400:focus {
+.focus\:mid-gray-400:focus {
   --gradient-mid-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.focus\:gradient-mid-gray-500:focus {
+.focus\:mid-gray-500:focus {
   --gradient-mid-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.focus\:gradient-mid-gray-600:focus {
+.focus\:mid-gray-600:focus {
   --gradient-mid-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.focus\:gradient-mid-gray-700:focus {
+.focus\:mid-gray-700:focus {
   --gradient-mid-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.focus\:gradient-mid-gray-800:focus {
+.focus\:mid-gray-800:focus {
   --gradient-mid-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.focus\:gradient-mid-gray-900:focus {
+.focus\:mid-gray-900:focus {
   --gradient-mid-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.focus\:gradient-mid-red-100:focus {
+.focus\:mid-red-100:focus {
   --gradient-mid-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.focus\:gradient-mid-red-200:focus {
+.focus\:mid-red-200:focus {
   --gradient-mid-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.focus\:gradient-mid-red-300:focus {
+.focus\:mid-red-300:focus {
   --gradient-mid-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.focus\:gradient-mid-red-400:focus {
+.focus\:mid-red-400:focus {
   --gradient-mid-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.focus\:gradient-mid-red-500:focus {
+.focus\:mid-red-500:focus {
   --gradient-mid-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.focus\:gradient-mid-red-600:focus {
+.focus\:mid-red-600:focus {
   --gradient-mid-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.focus\:gradient-mid-red-700:focus {
+.focus\:mid-red-700:focus {
   --gradient-mid-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.focus\:gradient-mid-red-800:focus {
+.focus\:mid-red-800:focus {
   --gradient-mid-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.focus\:gradient-mid-red-900:focus {
+.focus\:mid-red-900:focus {
   --gradient-mid-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.focus\:gradient-mid-orange-100:focus {
+.focus\:mid-orange-100:focus {
   --gradient-mid-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.focus\:gradient-mid-orange-200:focus {
+.focus\:mid-orange-200:focus {
   --gradient-mid-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.focus\:gradient-mid-orange-300:focus {
+.focus\:mid-orange-300:focus {
   --gradient-mid-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.focus\:gradient-mid-orange-400:focus {
+.focus\:mid-orange-400:focus {
   --gradient-mid-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.focus\:gradient-mid-orange-500:focus {
+.focus\:mid-orange-500:focus {
   --gradient-mid-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.focus\:gradient-mid-orange-600:focus {
+.focus\:mid-orange-600:focus {
   --gradient-mid-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.focus\:gradient-mid-orange-700:focus {
+.focus\:mid-orange-700:focus {
   --gradient-mid-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.focus\:gradient-mid-orange-800:focus {
+.focus\:mid-orange-800:focus {
   --gradient-mid-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.focus\:gradient-mid-orange-900:focus {
+.focus\:mid-orange-900:focus {
   --gradient-mid-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.focus\:gradient-mid-yellow-100:focus {
+.focus\:mid-yellow-100:focus {
   --gradient-mid-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.focus\:gradient-mid-yellow-200:focus {
+.focus\:mid-yellow-200:focus {
   --gradient-mid-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.focus\:gradient-mid-yellow-300:focus {
+.focus\:mid-yellow-300:focus {
   --gradient-mid-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.focus\:gradient-mid-yellow-400:focus {
+.focus\:mid-yellow-400:focus {
   --gradient-mid-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.focus\:gradient-mid-yellow-500:focus {
+.focus\:mid-yellow-500:focus {
   --gradient-mid-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.focus\:gradient-mid-yellow-600:focus {
+.focus\:mid-yellow-600:focus {
   --gradient-mid-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.focus\:gradient-mid-yellow-700:focus {
+.focus\:mid-yellow-700:focus {
   --gradient-mid-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.focus\:gradient-mid-yellow-800:focus {
+.focus\:mid-yellow-800:focus {
   --gradient-mid-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.focus\:gradient-mid-yellow-900:focus {
+.focus\:mid-yellow-900:focus {
   --gradient-mid-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.focus\:gradient-mid-green-100:focus {
+.focus\:mid-green-100:focus {
   --gradient-mid-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.focus\:gradient-mid-green-200:focus {
+.focus\:mid-green-200:focus {
   --gradient-mid-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.focus\:gradient-mid-green-300:focus {
+.focus\:mid-green-300:focus {
   --gradient-mid-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.focus\:gradient-mid-green-400:focus {
+.focus\:mid-green-400:focus {
   --gradient-mid-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.focus\:gradient-mid-green-500:focus {
+.focus\:mid-green-500:focus {
   --gradient-mid-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.focus\:gradient-mid-green-600:focus {
+.focus\:mid-green-600:focus {
   --gradient-mid-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.focus\:gradient-mid-green-700:focus {
+.focus\:mid-green-700:focus {
   --gradient-mid-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.focus\:gradient-mid-green-800:focus {
+.focus\:mid-green-800:focus {
   --gradient-mid-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.focus\:gradient-mid-green-900:focus {
+.focus\:mid-green-900:focus {
   --gradient-mid-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.focus\:gradient-mid-teal-100:focus {
+.focus\:mid-teal-100:focus {
   --gradient-mid-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.focus\:gradient-mid-teal-200:focus {
+.focus\:mid-teal-200:focus {
   --gradient-mid-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.focus\:gradient-mid-teal-300:focus {
+.focus\:mid-teal-300:focus {
   --gradient-mid-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.focus\:gradient-mid-teal-400:focus {
+.focus\:mid-teal-400:focus {
   --gradient-mid-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.focus\:gradient-mid-teal-500:focus {
+.focus\:mid-teal-500:focus {
   --gradient-mid-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.focus\:gradient-mid-teal-600:focus {
+.focus\:mid-teal-600:focus {
   --gradient-mid-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.focus\:gradient-mid-teal-700:focus {
+.focus\:mid-teal-700:focus {
   --gradient-mid-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.focus\:gradient-mid-teal-800:focus {
+.focus\:mid-teal-800:focus {
   --gradient-mid-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.focus\:gradient-mid-teal-900:focus {
+.focus\:mid-teal-900:focus {
   --gradient-mid-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.focus\:gradient-mid-blue-100:focus {
+.focus\:mid-blue-100:focus {
   --gradient-mid-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.focus\:gradient-mid-blue-200:focus {
+.focus\:mid-blue-200:focus {
   --gradient-mid-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.focus\:gradient-mid-blue-300:focus {
+.focus\:mid-blue-300:focus {
   --gradient-mid-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.focus\:gradient-mid-blue-400:focus {
+.focus\:mid-blue-400:focus {
   --gradient-mid-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.focus\:gradient-mid-blue-500:focus {
+.focus\:mid-blue-500:focus {
   --gradient-mid-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.focus\:gradient-mid-blue-600:focus {
+.focus\:mid-blue-600:focus {
   --gradient-mid-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.focus\:gradient-mid-blue-700:focus {
+.focus\:mid-blue-700:focus {
   --gradient-mid-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.focus\:gradient-mid-blue-800:focus {
+.focus\:mid-blue-800:focus {
   --gradient-mid-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.focus\:gradient-mid-blue-900:focus {
+.focus\:mid-blue-900:focus {
   --gradient-mid-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.focus\:gradient-mid-indigo-100:focus {
+.focus\:mid-indigo-100:focus {
   --gradient-mid-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.focus\:gradient-mid-indigo-200:focus {
+.focus\:mid-indigo-200:focus {
   --gradient-mid-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.focus\:gradient-mid-indigo-300:focus {
+.focus\:mid-indigo-300:focus {
   --gradient-mid-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.focus\:gradient-mid-indigo-400:focus {
+.focus\:mid-indigo-400:focus {
   --gradient-mid-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.focus\:gradient-mid-indigo-500:focus {
+.focus\:mid-indigo-500:focus {
   --gradient-mid-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.focus\:gradient-mid-indigo-600:focus {
+.focus\:mid-indigo-600:focus {
   --gradient-mid-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.focus\:gradient-mid-indigo-700:focus {
+.focus\:mid-indigo-700:focus {
   --gradient-mid-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.focus\:gradient-mid-indigo-800:focus {
+.focus\:mid-indigo-800:focus {
   --gradient-mid-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.focus\:gradient-mid-indigo-900:focus {
+.focus\:mid-indigo-900:focus {
   --gradient-mid-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.focus\:gradient-mid-purple-100:focus {
+.focus\:mid-purple-100:focus {
   --gradient-mid-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.focus\:gradient-mid-purple-200:focus {
+.focus\:mid-purple-200:focus {
   --gradient-mid-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.focus\:gradient-mid-purple-300:focus {
+.focus\:mid-purple-300:focus {
   --gradient-mid-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.focus\:gradient-mid-purple-400:focus {
+.focus\:mid-purple-400:focus {
   --gradient-mid-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.focus\:gradient-mid-purple-500:focus {
+.focus\:mid-purple-500:focus {
   --gradient-mid-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.focus\:gradient-mid-purple-600:focus {
+.focus\:mid-purple-600:focus {
   --gradient-mid-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.focus\:gradient-mid-purple-700:focus {
+.focus\:mid-purple-700:focus {
   --gradient-mid-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.focus\:gradient-mid-purple-800:focus {
+.focus\:mid-purple-800:focus {
   --gradient-mid-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.focus\:gradient-mid-purple-900:focus {
+.focus\:mid-purple-900:focus {
   --gradient-mid-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.focus\:gradient-mid-pink-100:focus {
+.focus\:mid-pink-100:focus {
   --gradient-mid-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.focus\:gradient-mid-pink-200:focus {
+.focus\:mid-pink-200:focus {
   --gradient-mid-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.focus\:gradient-mid-pink-300:focus {
+.focus\:mid-pink-300:focus {
   --gradient-mid-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.focus\:gradient-mid-pink-400:focus {
+.focus\:mid-pink-400:focus {
   --gradient-mid-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.focus\:gradient-mid-pink-500:focus {
+.focus\:mid-pink-500:focus {
   --gradient-mid-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.focus\:gradient-mid-pink-600:focus {
+.focus\:mid-pink-600:focus {
   --gradient-mid-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.focus\:gradient-mid-pink-700:focus {
+.focus\:mid-pink-700:focus {
   --gradient-mid-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.focus\:gradient-mid-pink-800:focus {
+.focus\:mid-pink-800:focus {
   --gradient-mid-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.focus\:gradient-mid-pink-900:focus {
+.focus\:mid-pink-900:focus {
   --gradient-mid-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+}
+
+.focus\:to-transparent:focus {
+  --gradient-to-color: transparent;
+}
+
+.focus\:to-current:focus {
+  --gradient-to-color: currentColor;
+}
+
+.focus\:to-black:focus {
+  --gradient-to-color: #000;
+}
+
+.focus\:to-white:focus {
+  --gradient-to-color: #fff;
+}
+
+.focus\:to-gray-100:focus {
+  --gradient-to-color: #f7fafc;
+}
+
+.focus\:to-gray-200:focus {
+  --gradient-to-color: #edf2f7;
+}
+
+.focus\:to-gray-300:focus {
+  --gradient-to-color: #e2e8f0;
+}
+
+.focus\:to-gray-400:focus {
+  --gradient-to-color: #cbd5e0;
+}
+
+.focus\:to-gray-500:focus {
+  --gradient-to-color: #a0aec0;
+}
+
+.focus\:to-gray-600:focus {
+  --gradient-to-color: #718096;
+}
+
+.focus\:to-gray-700:focus {
+  --gradient-to-color: #4a5568;
+}
+
+.focus\:to-gray-800:focus {
+  --gradient-to-color: #2d3748;
+}
+
+.focus\:to-gray-900:focus {
+  --gradient-to-color: #1a202c;
+}
+
+.focus\:to-red-100:focus {
+  --gradient-to-color: #fff5f5;
+}
+
+.focus\:to-red-200:focus {
+  --gradient-to-color: #fed7d7;
+}
+
+.focus\:to-red-300:focus {
+  --gradient-to-color: #feb2b2;
+}
+
+.focus\:to-red-400:focus {
+  --gradient-to-color: #fc8181;
+}
+
+.focus\:to-red-500:focus {
+  --gradient-to-color: #f56565;
+}
+
+.focus\:to-red-600:focus {
+  --gradient-to-color: #e53e3e;
+}
+
+.focus\:to-red-700:focus {
+  --gradient-to-color: #c53030;
+}
+
+.focus\:to-red-800:focus {
+  --gradient-to-color: #9b2c2c;
+}
+
+.focus\:to-red-900:focus {
+  --gradient-to-color: #742a2a;
+}
+
+.focus\:to-orange-100:focus {
+  --gradient-to-color: #fffaf0;
+}
+
+.focus\:to-orange-200:focus {
+  --gradient-to-color: #feebc8;
+}
+
+.focus\:to-orange-300:focus {
+  --gradient-to-color: #fbd38d;
+}
+
+.focus\:to-orange-400:focus {
+  --gradient-to-color: #f6ad55;
+}
+
+.focus\:to-orange-500:focus {
+  --gradient-to-color: #ed8936;
+}
+
+.focus\:to-orange-600:focus {
+  --gradient-to-color: #dd6b20;
+}
+
+.focus\:to-orange-700:focus {
+  --gradient-to-color: #c05621;
+}
+
+.focus\:to-orange-800:focus {
+  --gradient-to-color: #9c4221;
+}
+
+.focus\:to-orange-900:focus {
+  --gradient-to-color: #7b341e;
+}
+
+.focus\:to-yellow-100:focus {
+  --gradient-to-color: #fffff0;
+}
+
+.focus\:to-yellow-200:focus {
+  --gradient-to-color: #fefcbf;
+}
+
+.focus\:to-yellow-300:focus {
+  --gradient-to-color: #faf089;
+}
+
+.focus\:to-yellow-400:focus {
+  --gradient-to-color: #f6e05e;
+}
+
+.focus\:to-yellow-500:focus {
+  --gradient-to-color: #ecc94b;
+}
+
+.focus\:to-yellow-600:focus {
+  --gradient-to-color: #d69e2e;
+}
+
+.focus\:to-yellow-700:focus {
+  --gradient-to-color: #b7791f;
+}
+
+.focus\:to-yellow-800:focus {
+  --gradient-to-color: #975a16;
+}
+
+.focus\:to-yellow-900:focus {
+  --gradient-to-color: #744210;
+}
+
+.focus\:to-green-100:focus {
+  --gradient-to-color: #f0fff4;
+}
+
+.focus\:to-green-200:focus {
+  --gradient-to-color: #c6f6d5;
+}
+
+.focus\:to-green-300:focus {
+  --gradient-to-color: #9ae6b4;
+}
+
+.focus\:to-green-400:focus {
+  --gradient-to-color: #68d391;
+}
+
+.focus\:to-green-500:focus {
+  --gradient-to-color: #48bb78;
+}
+
+.focus\:to-green-600:focus {
+  --gradient-to-color: #38a169;
+}
+
+.focus\:to-green-700:focus {
+  --gradient-to-color: #2f855a;
+}
+
+.focus\:to-green-800:focus {
+  --gradient-to-color: #276749;
+}
+
+.focus\:to-green-900:focus {
+  --gradient-to-color: #22543d;
+}
+
+.focus\:to-teal-100:focus {
+  --gradient-to-color: #e6fffa;
+}
+
+.focus\:to-teal-200:focus {
+  --gradient-to-color: #b2f5ea;
+}
+
+.focus\:to-teal-300:focus {
+  --gradient-to-color: #81e6d9;
+}
+
+.focus\:to-teal-400:focus {
+  --gradient-to-color: #4fd1c5;
+}
+
+.focus\:to-teal-500:focus {
+  --gradient-to-color: #38b2ac;
+}
+
+.focus\:to-teal-600:focus {
+  --gradient-to-color: #319795;
+}
+
+.focus\:to-teal-700:focus {
+  --gradient-to-color: #2c7a7b;
+}
+
+.focus\:to-teal-800:focus {
+  --gradient-to-color: #285e61;
+}
+
+.focus\:to-teal-900:focus {
+  --gradient-to-color: #234e52;
+}
+
+.focus\:to-blue-100:focus {
+  --gradient-to-color: #ebf8ff;
+}
+
+.focus\:to-blue-200:focus {
+  --gradient-to-color: #bee3f8;
+}
+
+.focus\:to-blue-300:focus {
+  --gradient-to-color: #90cdf4;
+}
+
+.focus\:to-blue-400:focus {
+  --gradient-to-color: #63b3ed;
+}
+
+.focus\:to-blue-500:focus {
+  --gradient-to-color: #4299e1;
+}
+
+.focus\:to-blue-600:focus {
+  --gradient-to-color: #3182ce;
+}
+
+.focus\:to-blue-700:focus {
+  --gradient-to-color: #2b6cb0;
+}
+
+.focus\:to-blue-800:focus {
+  --gradient-to-color: #2c5282;
+}
+
+.focus\:to-blue-900:focus {
+  --gradient-to-color: #2a4365;
+}
+
+.focus\:to-indigo-100:focus {
+  --gradient-to-color: #ebf4ff;
+}
+
+.focus\:to-indigo-200:focus {
+  --gradient-to-color: #c3dafe;
+}
+
+.focus\:to-indigo-300:focus {
+  --gradient-to-color: #a3bffa;
+}
+
+.focus\:to-indigo-400:focus {
+  --gradient-to-color: #7f9cf5;
+}
+
+.focus\:to-indigo-500:focus {
+  --gradient-to-color: #667eea;
+}
+
+.focus\:to-indigo-600:focus {
+  --gradient-to-color: #5a67d8;
+}
+
+.focus\:to-indigo-700:focus {
+  --gradient-to-color: #4c51bf;
+}
+
+.focus\:to-indigo-800:focus {
+  --gradient-to-color: #434190;
+}
+
+.focus\:to-indigo-900:focus {
+  --gradient-to-color: #3c366b;
+}
+
+.focus\:to-purple-100:focus {
+  --gradient-to-color: #faf5ff;
+}
+
+.focus\:to-purple-200:focus {
+  --gradient-to-color: #e9d8fd;
+}
+
+.focus\:to-purple-300:focus {
+  --gradient-to-color: #d6bcfa;
+}
+
+.focus\:to-purple-400:focus {
+  --gradient-to-color: #b794f4;
+}
+
+.focus\:to-purple-500:focus {
+  --gradient-to-color: #9f7aea;
+}
+
+.focus\:to-purple-600:focus {
+  --gradient-to-color: #805ad5;
+}
+
+.focus\:to-purple-700:focus {
+  --gradient-to-color: #6b46c1;
+}
+
+.focus\:to-purple-800:focus {
+  --gradient-to-color: #553c9a;
+}
+
+.focus\:to-purple-900:focus {
+  --gradient-to-color: #44337a;
+}
+
+.focus\:to-pink-100:focus {
+  --gradient-to-color: #fff5f7;
+}
+
+.focus\:to-pink-200:focus {
+  --gradient-to-color: #fed7e2;
+}
+
+.focus\:to-pink-300:focus {
+  --gradient-to-color: #fbb6ce;
+}
+
+.focus\:to-pink-400:focus {
+  --gradient-to-color: #f687b3;
+}
+
+.focus\:to-pink-500:focus {
+  --gradient-to-color: #ed64a6;
+}
+
+.focus\:to-pink-600:focus {
+  --gradient-to-color: #d53f8c;
+}
+
+.focus\:to-pink-700:focus {
+  --gradient-to-color: #b83280;
+}
+
+.focus\:to-pink-800:focus {
+  --gradient-to-color: #97266d;
+}
+
+.focus\:to-pink-900:focus {
+  --gradient-to-color: #702459;
 }
 
 .bg-bottom {
@@ -18567,4250 +18301,3984 @@ video {
     background-color: #702459;
   }
 
-  .sm\:bg-gradient-up {
-    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  .sm\:bg-gradient-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  .sm\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  .sm\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  .sm\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .sm\:gradient-from-transparent {
+  .sm\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .sm\:from-transparent {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:gradient-from-current {
+  .sm\:from-current {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:gradient-from-black {
+  .sm\:from-black {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:gradient-from-white {
+  .sm\:from-white {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:gradient-from-gray-100 {
+  .sm\:from-gray-100 {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:gradient-from-gray-200 {
+  .sm\:from-gray-200 {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:gradient-from-gray-300 {
+  .sm\:from-gray-300 {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:gradient-from-gray-400 {
+  .sm\:from-gray-400 {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:gradient-from-gray-500 {
+  .sm\:from-gray-500 {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:gradient-from-gray-600 {
+  .sm\:from-gray-600 {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:gradient-from-gray-700 {
+  .sm\:from-gray-700 {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:gradient-from-gray-800 {
+  .sm\:from-gray-800 {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:gradient-from-gray-900 {
+  .sm\:from-gray-900 {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:gradient-from-red-100 {
+  .sm\:from-red-100 {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:gradient-from-red-200 {
+  .sm\:from-red-200 {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:gradient-from-red-300 {
+  .sm\:from-red-300 {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:gradient-from-red-400 {
+  .sm\:from-red-400 {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:gradient-from-red-500 {
+  .sm\:from-red-500 {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:gradient-from-red-600 {
+  .sm\:from-red-600 {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:gradient-from-red-700 {
+  .sm\:from-red-700 {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:gradient-from-red-800 {
+  .sm\:from-red-800 {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:gradient-from-red-900 {
+  .sm\:from-red-900 {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:gradient-from-orange-100 {
+  .sm\:from-orange-100 {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:gradient-from-orange-200 {
+  .sm\:from-orange-200 {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:gradient-from-orange-300 {
+  .sm\:from-orange-300 {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:gradient-from-orange-400 {
+  .sm\:from-orange-400 {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:gradient-from-orange-500 {
+  .sm\:from-orange-500 {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:gradient-from-orange-600 {
+  .sm\:from-orange-600 {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:gradient-from-orange-700 {
+  .sm\:from-orange-700 {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:gradient-from-orange-800 {
+  .sm\:from-orange-800 {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:gradient-from-orange-900 {
+  .sm\:from-orange-900 {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:gradient-from-yellow-100 {
+  .sm\:from-yellow-100 {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:gradient-from-yellow-200 {
+  .sm\:from-yellow-200 {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:gradient-from-yellow-300 {
+  .sm\:from-yellow-300 {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:gradient-from-yellow-400 {
+  .sm\:from-yellow-400 {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:gradient-from-yellow-500 {
+  .sm\:from-yellow-500 {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:gradient-from-yellow-600 {
+  .sm\:from-yellow-600 {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:gradient-from-yellow-700 {
+  .sm\:from-yellow-700 {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:gradient-from-yellow-800 {
+  .sm\:from-yellow-800 {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:gradient-from-yellow-900 {
+  .sm\:from-yellow-900 {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:gradient-from-green-100 {
+  .sm\:from-green-100 {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:gradient-from-green-200 {
+  .sm\:from-green-200 {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:gradient-from-green-300 {
+  .sm\:from-green-300 {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:gradient-from-green-400 {
+  .sm\:from-green-400 {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:gradient-from-green-500 {
+  .sm\:from-green-500 {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:gradient-from-green-600 {
+  .sm\:from-green-600 {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:gradient-from-green-700 {
+  .sm\:from-green-700 {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:gradient-from-green-800 {
+  .sm\:from-green-800 {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:gradient-from-green-900 {
+  .sm\:from-green-900 {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:gradient-from-teal-100 {
+  .sm\:from-teal-100 {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:gradient-from-teal-200 {
+  .sm\:from-teal-200 {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:gradient-from-teal-300 {
+  .sm\:from-teal-300 {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:gradient-from-teal-400 {
+  .sm\:from-teal-400 {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:gradient-from-teal-500 {
+  .sm\:from-teal-500 {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:gradient-from-teal-600 {
+  .sm\:from-teal-600 {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:gradient-from-teal-700 {
+  .sm\:from-teal-700 {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:gradient-from-teal-800 {
+  .sm\:from-teal-800 {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:gradient-from-teal-900 {
+  .sm\:from-teal-900 {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:gradient-from-blue-100 {
+  .sm\:from-blue-100 {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:gradient-from-blue-200 {
+  .sm\:from-blue-200 {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:gradient-from-blue-300 {
+  .sm\:from-blue-300 {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:gradient-from-blue-400 {
+  .sm\:from-blue-400 {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:gradient-from-blue-500 {
+  .sm\:from-blue-500 {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:gradient-from-blue-600 {
+  .sm\:from-blue-600 {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:gradient-from-blue-700 {
+  .sm\:from-blue-700 {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:gradient-from-blue-800 {
+  .sm\:from-blue-800 {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:gradient-from-blue-900 {
+  .sm\:from-blue-900 {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:gradient-from-indigo-100 {
+  .sm\:from-indigo-100 {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:gradient-from-indigo-200 {
+  .sm\:from-indigo-200 {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:gradient-from-indigo-300 {
+  .sm\:from-indigo-300 {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:gradient-from-indigo-400 {
+  .sm\:from-indigo-400 {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:gradient-from-indigo-500 {
+  .sm\:from-indigo-500 {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:gradient-from-indigo-600 {
+  .sm\:from-indigo-600 {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:gradient-from-indigo-700 {
+  .sm\:from-indigo-700 {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:gradient-from-indigo-800 {
+  .sm\:from-indigo-800 {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:gradient-from-indigo-900 {
+  .sm\:from-indigo-900 {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:gradient-from-purple-100 {
+  .sm\:from-purple-100 {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:gradient-from-purple-200 {
+  .sm\:from-purple-200 {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:gradient-from-purple-300 {
+  .sm\:from-purple-300 {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:gradient-from-purple-400 {
+  .sm\:from-purple-400 {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:gradient-from-purple-500 {
+  .sm\:from-purple-500 {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:gradient-from-purple-600 {
+  .sm\:from-purple-600 {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:gradient-from-purple-700 {
+  .sm\:from-purple-700 {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:gradient-from-purple-800 {
+  .sm\:from-purple-800 {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:gradient-from-purple-900 {
+  .sm\:from-purple-900 {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:gradient-from-pink-100 {
+  .sm\:from-pink-100 {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:gradient-from-pink-200 {
+  .sm\:from-pink-200 {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:gradient-from-pink-300 {
+  .sm\:from-pink-300 {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:gradient-from-pink-400 {
+  .sm\:from-pink-400 {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:gradient-from-pink-500 {
+  .sm\:from-pink-500 {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:gradient-from-pink-600 {
+  .sm\:from-pink-600 {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:gradient-from-pink-700 {
+  .sm\:from-pink-700 {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:gradient-from-pink-800 {
+  .sm\:from-pink-800 {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:gradient-from-pink-900 {
+  .sm\:from-pink-900 {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .sm\:mid-transparent {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:gradient-mid-current {
+  .sm\:mid-current {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:gradient-mid-black {
+  .sm\:mid-black {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:gradient-mid-white {
+  .sm\:mid-white {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:gradient-mid-gray-100 {
+  .sm\:mid-gray-100 {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:gradient-mid-gray-200 {
+  .sm\:mid-gray-200 {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:gradient-mid-gray-300 {
+  .sm\:mid-gray-300 {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:gradient-mid-gray-400 {
+  .sm\:mid-gray-400 {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:gradient-mid-gray-500 {
+  .sm\:mid-gray-500 {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:gradient-mid-gray-600 {
+  .sm\:mid-gray-600 {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:gradient-mid-gray-700 {
+  .sm\:mid-gray-700 {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:gradient-mid-gray-800 {
+  .sm\:mid-gray-800 {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:gradient-mid-gray-900 {
+  .sm\:mid-gray-900 {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:gradient-mid-red-100 {
+  .sm\:mid-red-100 {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:gradient-mid-red-200 {
+  .sm\:mid-red-200 {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:gradient-mid-red-300 {
+  .sm\:mid-red-300 {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:gradient-mid-red-400 {
+  .sm\:mid-red-400 {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:gradient-mid-red-500 {
+  .sm\:mid-red-500 {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:gradient-mid-red-600 {
+  .sm\:mid-red-600 {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:gradient-mid-red-700 {
+  .sm\:mid-red-700 {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:gradient-mid-red-800 {
+  .sm\:mid-red-800 {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:gradient-mid-red-900 {
+  .sm\:mid-red-900 {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:gradient-mid-orange-100 {
+  .sm\:mid-orange-100 {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:gradient-mid-orange-200 {
+  .sm\:mid-orange-200 {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:gradient-mid-orange-300 {
+  .sm\:mid-orange-300 {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:gradient-mid-orange-400 {
+  .sm\:mid-orange-400 {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:gradient-mid-orange-500 {
+  .sm\:mid-orange-500 {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:gradient-mid-orange-600 {
+  .sm\:mid-orange-600 {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:gradient-mid-orange-700 {
+  .sm\:mid-orange-700 {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:gradient-mid-orange-800 {
+  .sm\:mid-orange-800 {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:gradient-mid-orange-900 {
+  .sm\:mid-orange-900 {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:gradient-mid-yellow-100 {
+  .sm\:mid-yellow-100 {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:gradient-mid-yellow-200 {
+  .sm\:mid-yellow-200 {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:gradient-mid-yellow-300 {
+  .sm\:mid-yellow-300 {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:gradient-mid-yellow-400 {
+  .sm\:mid-yellow-400 {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:gradient-mid-yellow-500 {
+  .sm\:mid-yellow-500 {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:gradient-mid-yellow-600 {
+  .sm\:mid-yellow-600 {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:gradient-mid-yellow-700 {
+  .sm\:mid-yellow-700 {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:gradient-mid-yellow-800 {
+  .sm\:mid-yellow-800 {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:gradient-mid-yellow-900 {
+  .sm\:mid-yellow-900 {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:gradient-mid-green-100 {
+  .sm\:mid-green-100 {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:gradient-mid-green-200 {
+  .sm\:mid-green-200 {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:gradient-mid-green-300 {
+  .sm\:mid-green-300 {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:gradient-mid-green-400 {
+  .sm\:mid-green-400 {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:gradient-mid-green-500 {
+  .sm\:mid-green-500 {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:gradient-mid-green-600 {
+  .sm\:mid-green-600 {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:gradient-mid-green-700 {
+  .sm\:mid-green-700 {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:gradient-mid-green-800 {
+  .sm\:mid-green-800 {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:gradient-mid-green-900 {
+  .sm\:mid-green-900 {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:gradient-mid-teal-100 {
+  .sm\:mid-teal-100 {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:gradient-mid-teal-200 {
+  .sm\:mid-teal-200 {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:gradient-mid-teal-300 {
+  .sm\:mid-teal-300 {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:gradient-mid-teal-400 {
+  .sm\:mid-teal-400 {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:gradient-mid-teal-500 {
+  .sm\:mid-teal-500 {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:gradient-mid-teal-600 {
+  .sm\:mid-teal-600 {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:gradient-mid-teal-700 {
+  .sm\:mid-teal-700 {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:gradient-mid-teal-800 {
+  .sm\:mid-teal-800 {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:gradient-mid-teal-900 {
+  .sm\:mid-teal-900 {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:gradient-mid-blue-100 {
+  .sm\:mid-blue-100 {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:gradient-mid-blue-200 {
+  .sm\:mid-blue-200 {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:gradient-mid-blue-300 {
+  .sm\:mid-blue-300 {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:gradient-mid-blue-400 {
+  .sm\:mid-blue-400 {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:gradient-mid-blue-500 {
+  .sm\:mid-blue-500 {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:gradient-mid-blue-600 {
+  .sm\:mid-blue-600 {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:gradient-mid-blue-700 {
+  .sm\:mid-blue-700 {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:gradient-mid-blue-800 {
+  .sm\:mid-blue-800 {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:gradient-mid-blue-900 {
+  .sm\:mid-blue-900 {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:gradient-mid-indigo-100 {
+  .sm\:mid-indigo-100 {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:gradient-mid-indigo-200 {
+  .sm\:mid-indigo-200 {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:gradient-mid-indigo-300 {
+  .sm\:mid-indigo-300 {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:gradient-mid-indigo-400 {
+  .sm\:mid-indigo-400 {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:gradient-mid-indigo-500 {
+  .sm\:mid-indigo-500 {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:gradient-mid-indigo-600 {
+  .sm\:mid-indigo-600 {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:gradient-mid-indigo-700 {
+  .sm\:mid-indigo-700 {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:gradient-mid-indigo-800 {
+  .sm\:mid-indigo-800 {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:gradient-mid-indigo-900 {
+  .sm\:mid-indigo-900 {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:gradient-mid-purple-100 {
+  .sm\:mid-purple-100 {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:gradient-mid-purple-200 {
+  .sm\:mid-purple-200 {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:gradient-mid-purple-300 {
+  .sm\:mid-purple-300 {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:gradient-mid-purple-400 {
+  .sm\:mid-purple-400 {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:gradient-mid-purple-500 {
+  .sm\:mid-purple-500 {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:gradient-mid-purple-600 {
+  .sm\:mid-purple-600 {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:gradient-mid-purple-700 {
+  .sm\:mid-purple-700 {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:gradient-mid-purple-800 {
+  .sm\:mid-purple-800 {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:gradient-mid-purple-900 {
+  .sm\:mid-purple-900 {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:gradient-mid-pink-100 {
+  .sm\:mid-pink-100 {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:gradient-mid-pink-200 {
+  .sm\:mid-pink-200 {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:gradient-mid-pink-300 {
+  .sm\:mid-pink-300 {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:gradient-mid-pink-400 {
+  .sm\:mid-pink-400 {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:gradient-mid-pink-500 {
+  .sm\:mid-pink-500 {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:gradient-mid-pink-600 {
+  .sm\:mid-pink-600 {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:gradient-mid-pink-700 {
+  .sm\:mid-pink-700 {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:gradient-mid-pink-800 {
+  .sm\:mid-pink-800 {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:gradient-mid-pink-900 {
+  .sm\:mid-pink-900 {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .sm\:hover\:gradient-from-transparent:hover {
+  .sm\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .sm\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .sm\:to-black {
+    --gradient-to-color: #000;
+  }
+
+  .sm\:to-white {
+    --gradient-to-color: #fff;
+  }
+
+  .sm\:to-gray-100 {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .sm\:to-gray-200 {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .sm\:to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .sm\:to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .sm\:to-gray-500 {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .sm\:to-gray-600 {
+    --gradient-to-color: #718096;
+  }
+
+  .sm\:to-gray-700 {
+    --gradient-to-color: #4a5568;
+  }
+
+  .sm\:to-gray-800 {
+    --gradient-to-color: #2d3748;
+  }
+
+  .sm\:to-gray-900 {
+    --gradient-to-color: #1a202c;
+  }
+
+  .sm\:to-red-100 {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .sm\:to-red-200 {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .sm\:to-red-300 {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .sm\:to-red-400 {
+    --gradient-to-color: #fc8181;
+  }
+
+  .sm\:to-red-500 {
+    --gradient-to-color: #f56565;
+  }
+
+  .sm\:to-red-600 {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .sm\:to-red-700 {
+    --gradient-to-color: #c53030;
+  }
+
+  .sm\:to-red-800 {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .sm\:to-red-900 {
+    --gradient-to-color: #742a2a;
+  }
+
+  .sm\:to-orange-100 {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .sm\:to-orange-200 {
+    --gradient-to-color: #feebc8;
+  }
+
+  .sm\:to-orange-300 {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .sm\:to-orange-400 {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .sm\:to-orange-500 {
+    --gradient-to-color: #ed8936;
+  }
+
+  .sm\:to-orange-600 {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .sm\:to-orange-700 {
+    --gradient-to-color: #c05621;
+  }
+
+  .sm\:to-orange-800 {
+    --gradient-to-color: #9c4221;
+  }
+
+  .sm\:to-orange-900 {
+    --gradient-to-color: #7b341e;
+  }
+
+  .sm\:to-yellow-100 {
+    --gradient-to-color: #fffff0;
+  }
+
+  .sm\:to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .sm\:to-yellow-300 {
+    --gradient-to-color: #faf089;
+  }
+
+  .sm\:to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .sm\:to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .sm\:to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .sm\:to-yellow-700 {
+    --gradient-to-color: #b7791f;
+  }
+
+  .sm\:to-yellow-800 {
+    --gradient-to-color: #975a16;
+  }
+
+  .sm\:to-yellow-900 {
+    --gradient-to-color: #744210;
+  }
+
+  .sm\:to-green-100 {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .sm\:to-green-200 {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .sm\:to-green-300 {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .sm\:to-green-400 {
+    --gradient-to-color: #68d391;
+  }
+
+  .sm\:to-green-500 {
+    --gradient-to-color: #48bb78;
+  }
+
+  .sm\:to-green-600 {
+    --gradient-to-color: #38a169;
+  }
+
+  .sm\:to-green-700 {
+    --gradient-to-color: #2f855a;
+  }
+
+  .sm\:to-green-800 {
+    --gradient-to-color: #276749;
+  }
+
+  .sm\:to-green-900 {
+    --gradient-to-color: #22543d;
+  }
+
+  .sm\:to-teal-100 {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .sm\:to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .sm\:to-teal-300 {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .sm\:to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .sm\:to-teal-500 {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .sm\:to-teal-600 {
+    --gradient-to-color: #319795;
+  }
+
+  .sm\:to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .sm\:to-teal-800 {
+    --gradient-to-color: #285e61;
+  }
+
+  .sm\:to-teal-900 {
+    --gradient-to-color: #234e52;
+  }
+
+  .sm\:to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .sm\:to-blue-200 {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .sm\:to-blue-300 {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .sm\:to-blue-400 {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .sm\:to-blue-500 {
+    --gradient-to-color: #4299e1;
+  }
+
+  .sm\:to-blue-600 {
+    --gradient-to-color: #3182ce;
+  }
+
+  .sm\:to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .sm\:to-blue-800 {
+    --gradient-to-color: #2c5282;
+  }
+
+  .sm\:to-blue-900 {
+    --gradient-to-color: #2a4365;
+  }
+
+  .sm\:to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .sm\:to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .sm\:to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .sm\:to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .sm\:to-indigo-500 {
+    --gradient-to-color: #667eea;
+  }
+
+  .sm\:to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .sm\:to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .sm\:to-indigo-800 {
+    --gradient-to-color: #434190;
+  }
+
+  .sm\:to-indigo-900 {
+    --gradient-to-color: #3c366b;
+  }
+
+  .sm\:to-purple-100 {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .sm\:to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .sm\:to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .sm\:to-purple-400 {
+    --gradient-to-color: #b794f4;
+  }
+
+  .sm\:to-purple-500 {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .sm\:to-purple-600 {
+    --gradient-to-color: #805ad5;
+  }
+
+  .sm\:to-purple-700 {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .sm\:to-purple-800 {
+    --gradient-to-color: #553c9a;
+  }
+
+  .sm\:to-purple-900 {
+    --gradient-to-color: #44337a;
+  }
+
+  .sm\:to-pink-100 {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .sm\:to-pink-200 {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .sm\:to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .sm\:to-pink-400 {
+    --gradient-to-color: #f687b3;
+  }
+
+  .sm\:to-pink-500 {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .sm\:to-pink-600 {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .sm\:to-pink-700 {
+    --gradient-to-color: #b83280;
+  }
+
+  .sm\:to-pink-800 {
+    --gradient-to-color: #97266d;
+  }
+
+  .sm\:to-pink-900 {
+    --gradient-to-color: #702459;
+  }
+
+  .sm\:hover\:from-transparent:hover {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:gradient-from-current:hover {
+  .sm\:hover\:from-current:hover {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-black:hover {
+  .sm\:hover\:from-black:hover {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:gradient-from-white:hover {
+  .sm\:hover\:from-white:hover {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-100:hover {
+  .sm\:hover\:from-gray-100:hover {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-200:hover {
+  .sm\:hover\:from-gray-200:hover {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-300:hover {
+  .sm\:hover\:from-gray-300:hover {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-400:hover {
+  .sm\:hover\:from-gray-400:hover {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-500:hover {
+  .sm\:hover\:from-gray-500:hover {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-600:hover {
+  .sm\:hover\:from-gray-600:hover {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-700:hover {
+  .sm\:hover\:from-gray-700:hover {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-800:hover {
+  .sm\:hover\:from-gray-800:hover {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-900:hover {
+  .sm\:hover\:from-gray-900:hover {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:hover\:gradient-from-red-100:hover {
+  .sm\:hover\:from-red-100:hover {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:hover\:gradient-from-red-200:hover {
+  .sm\:hover\:from-red-200:hover {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:hover\:gradient-from-red-300:hover {
+  .sm\:hover\:from-red-300:hover {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:hover\:gradient-from-red-400:hover {
+  .sm\:hover\:from-red-400:hover {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:hover\:gradient-from-red-500:hover {
+  .sm\:hover\:from-red-500:hover {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:hover\:gradient-from-red-600:hover {
+  .sm\:hover\:from-red-600:hover {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:hover\:gradient-from-red-700:hover {
+  .sm\:hover\:from-red-700:hover {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:hover\:gradient-from-red-800:hover {
+  .sm\:hover\:from-red-800:hover {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:hover\:gradient-from-red-900:hover {
+  .sm\:hover\:from-red-900:hover {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-100:hover {
+  .sm\:hover\:from-orange-100:hover {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-200:hover {
+  .sm\:hover\:from-orange-200:hover {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-300:hover {
+  .sm\:hover\:from-orange-300:hover {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-400:hover {
+  .sm\:hover\:from-orange-400:hover {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-500:hover {
+  .sm\:hover\:from-orange-500:hover {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-600:hover {
+  .sm\:hover\:from-orange-600:hover {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-700:hover {
+  .sm\:hover\:from-orange-700:hover {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-800:hover {
+  .sm\:hover\:from-orange-800:hover {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-900:hover {
+  .sm\:hover\:from-orange-900:hover {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-100:hover {
+  .sm\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-200:hover {
+  .sm\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-300:hover {
+  .sm\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-400:hover {
+  .sm\:hover\:from-yellow-400:hover {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-500:hover {
+  .sm\:hover\:from-yellow-500:hover {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-600:hover {
+  .sm\:hover\:from-yellow-600:hover {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-700:hover {
+  .sm\:hover\:from-yellow-700:hover {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-800:hover {
+  .sm\:hover\:from-yellow-800:hover {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-900:hover {
+  .sm\:hover\:from-yellow-900:hover {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:hover\:gradient-from-green-100:hover {
+  .sm\:hover\:from-green-100:hover {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:hover\:gradient-from-green-200:hover {
+  .sm\:hover\:from-green-200:hover {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:hover\:gradient-from-green-300:hover {
+  .sm\:hover\:from-green-300:hover {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:hover\:gradient-from-green-400:hover {
+  .sm\:hover\:from-green-400:hover {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:hover\:gradient-from-green-500:hover {
+  .sm\:hover\:from-green-500:hover {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:hover\:gradient-from-green-600:hover {
+  .sm\:hover\:from-green-600:hover {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:hover\:gradient-from-green-700:hover {
+  .sm\:hover\:from-green-700:hover {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:hover\:gradient-from-green-800:hover {
+  .sm\:hover\:from-green-800:hover {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:hover\:gradient-from-green-900:hover {
+  .sm\:hover\:from-green-900:hover {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-100:hover {
+  .sm\:hover\:from-teal-100:hover {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-200:hover {
+  .sm\:hover\:from-teal-200:hover {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-300:hover {
+  .sm\:hover\:from-teal-300:hover {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-400:hover {
+  .sm\:hover\:from-teal-400:hover {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-500:hover {
+  .sm\:hover\:from-teal-500:hover {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-600:hover {
+  .sm\:hover\:from-teal-600:hover {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-700:hover {
+  .sm\:hover\:from-teal-700:hover {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-800:hover {
+  .sm\:hover\:from-teal-800:hover {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-900:hover {
+  .sm\:hover\:from-teal-900:hover {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-100:hover {
+  .sm\:hover\:from-blue-100:hover {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-200:hover {
+  .sm\:hover\:from-blue-200:hover {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-300:hover {
+  .sm\:hover\:from-blue-300:hover {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-400:hover {
+  .sm\:hover\:from-blue-400:hover {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-500:hover {
+  .sm\:hover\:from-blue-500:hover {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-600:hover {
+  .sm\:hover\:from-blue-600:hover {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-700:hover {
+  .sm\:hover\:from-blue-700:hover {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-800:hover {
+  .sm\:hover\:from-blue-800:hover {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-900:hover {
+  .sm\:hover\:from-blue-900:hover {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-100:hover {
+  .sm\:hover\:from-indigo-100:hover {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-200:hover {
+  .sm\:hover\:from-indigo-200:hover {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-300:hover {
+  .sm\:hover\:from-indigo-300:hover {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-400:hover {
+  .sm\:hover\:from-indigo-400:hover {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-500:hover {
+  .sm\:hover\:from-indigo-500:hover {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-600:hover {
+  .sm\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-700:hover {
+  .sm\:hover\:from-indigo-700:hover {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-800:hover {
+  .sm\:hover\:from-indigo-800:hover {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-900:hover {
+  .sm\:hover\:from-indigo-900:hover {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-100:hover {
+  .sm\:hover\:from-purple-100:hover {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-200:hover {
+  .sm\:hover\:from-purple-200:hover {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-300:hover {
+  .sm\:hover\:from-purple-300:hover {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-400:hover {
+  .sm\:hover\:from-purple-400:hover {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-500:hover {
+  .sm\:hover\:from-purple-500:hover {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-600:hover {
+  .sm\:hover\:from-purple-600:hover {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-700:hover {
+  .sm\:hover\:from-purple-700:hover {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-800:hover {
+  .sm\:hover\:from-purple-800:hover {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-900:hover {
+  .sm\:hover\:from-purple-900:hover {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-100:hover {
+  .sm\:hover\:from-pink-100:hover {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-200:hover {
+  .sm\:hover\:from-pink-200:hover {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-300:hover {
+  .sm\:hover\:from-pink-300:hover {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-400:hover {
+  .sm\:hover\:from-pink-400:hover {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-500:hover {
+  .sm\:hover\:from-pink-500:hover {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-600:hover {
+  .sm\:hover\:from-pink-600:hover {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-700:hover {
+  .sm\:hover\:from-pink-700:hover {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-800:hover {
+  .sm\:hover\:from-pink-800:hover {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-900:hover {
+  .sm\:hover\:from-pink-900:hover {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .sm\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:gradient-mid-current:hover {
+  .sm\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-black:hover {
+  .sm\:hover\:mid-black:hover {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:gradient-mid-white:hover {
+  .sm\:hover\:mid-white:hover {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-100:hover {
+  .sm\:hover\:mid-gray-100:hover {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-200:hover {
+  .sm\:hover\:mid-gray-200:hover {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-300:hover {
+  .sm\:hover\:mid-gray-300:hover {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-400:hover {
+  .sm\:hover\:mid-gray-400:hover {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-500:hover {
+  .sm\:hover\:mid-gray-500:hover {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-600:hover {
+  .sm\:hover\:mid-gray-600:hover {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-700:hover {
+  .sm\:hover\:mid-gray-700:hover {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-800:hover {
+  .sm\:hover\:mid-gray-800:hover {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-900:hover {
+  .sm\:hover\:mid-gray-900:hover {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-100:hover {
+  .sm\:hover\:mid-red-100:hover {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-200:hover {
+  .sm\:hover\:mid-red-200:hover {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-300:hover {
+  .sm\:hover\:mid-red-300:hover {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-400:hover {
+  .sm\:hover\:mid-red-400:hover {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-500:hover {
+  .sm\:hover\:mid-red-500:hover {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-600:hover {
+  .sm\:hover\:mid-red-600:hover {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-700:hover {
+  .sm\:hover\:mid-red-700:hover {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-800:hover {
+  .sm\:hover\:mid-red-800:hover {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-900:hover {
+  .sm\:hover\:mid-red-900:hover {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-100:hover {
+  .sm\:hover\:mid-orange-100:hover {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-200:hover {
+  .sm\:hover\:mid-orange-200:hover {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-300:hover {
+  .sm\:hover\:mid-orange-300:hover {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-400:hover {
+  .sm\:hover\:mid-orange-400:hover {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-500:hover {
+  .sm\:hover\:mid-orange-500:hover {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-600:hover {
+  .sm\:hover\:mid-orange-600:hover {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-700:hover {
+  .sm\:hover\:mid-orange-700:hover {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-800:hover {
+  .sm\:hover\:mid-orange-800:hover {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-900:hover {
+  .sm\:hover\:mid-orange-900:hover {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-100:hover {
+  .sm\:hover\:mid-yellow-100:hover {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-200:hover {
+  .sm\:hover\:mid-yellow-200:hover {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-300:hover {
+  .sm\:hover\:mid-yellow-300:hover {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-400:hover {
+  .sm\:hover\:mid-yellow-400:hover {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-500:hover {
+  .sm\:hover\:mid-yellow-500:hover {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-600:hover {
+  .sm\:hover\:mid-yellow-600:hover {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-700:hover {
+  .sm\:hover\:mid-yellow-700:hover {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-800:hover {
+  .sm\:hover\:mid-yellow-800:hover {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-900:hover {
+  .sm\:hover\:mid-yellow-900:hover {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-100:hover {
+  .sm\:hover\:mid-green-100:hover {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-200:hover {
+  .sm\:hover\:mid-green-200:hover {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-300:hover {
+  .sm\:hover\:mid-green-300:hover {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-400:hover {
+  .sm\:hover\:mid-green-400:hover {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-500:hover {
+  .sm\:hover\:mid-green-500:hover {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-600:hover {
+  .sm\:hover\:mid-green-600:hover {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-700:hover {
+  .sm\:hover\:mid-green-700:hover {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-800:hover {
+  .sm\:hover\:mid-green-800:hover {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-900:hover {
+  .sm\:hover\:mid-green-900:hover {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-100:hover {
+  .sm\:hover\:mid-teal-100:hover {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-200:hover {
+  .sm\:hover\:mid-teal-200:hover {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-300:hover {
+  .sm\:hover\:mid-teal-300:hover {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-400:hover {
+  .sm\:hover\:mid-teal-400:hover {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-500:hover {
+  .sm\:hover\:mid-teal-500:hover {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-600:hover {
+  .sm\:hover\:mid-teal-600:hover {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-700:hover {
+  .sm\:hover\:mid-teal-700:hover {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-800:hover {
+  .sm\:hover\:mid-teal-800:hover {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-900:hover {
+  .sm\:hover\:mid-teal-900:hover {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-100:hover {
+  .sm\:hover\:mid-blue-100:hover {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-200:hover {
+  .sm\:hover\:mid-blue-200:hover {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-300:hover {
+  .sm\:hover\:mid-blue-300:hover {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-400:hover {
+  .sm\:hover\:mid-blue-400:hover {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-500:hover {
+  .sm\:hover\:mid-blue-500:hover {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-600:hover {
+  .sm\:hover\:mid-blue-600:hover {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-700:hover {
+  .sm\:hover\:mid-blue-700:hover {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-800:hover {
+  .sm\:hover\:mid-blue-800:hover {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-900:hover {
+  .sm\:hover\:mid-blue-900:hover {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-100:hover {
+  .sm\:hover\:mid-indigo-100:hover {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-200:hover {
+  .sm\:hover\:mid-indigo-200:hover {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-300:hover {
+  .sm\:hover\:mid-indigo-300:hover {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-400:hover {
+  .sm\:hover\:mid-indigo-400:hover {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-500:hover {
+  .sm\:hover\:mid-indigo-500:hover {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-600:hover {
+  .sm\:hover\:mid-indigo-600:hover {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-700:hover {
+  .sm\:hover\:mid-indigo-700:hover {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-800:hover {
+  .sm\:hover\:mid-indigo-800:hover {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-900:hover {
+  .sm\:hover\:mid-indigo-900:hover {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-100:hover {
+  .sm\:hover\:mid-purple-100:hover {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-200:hover {
+  .sm\:hover\:mid-purple-200:hover {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-300:hover {
+  .sm\:hover\:mid-purple-300:hover {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-400:hover {
+  .sm\:hover\:mid-purple-400:hover {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-500:hover {
+  .sm\:hover\:mid-purple-500:hover {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-600:hover {
+  .sm\:hover\:mid-purple-600:hover {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-700:hover {
+  .sm\:hover\:mid-purple-700:hover {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-800:hover {
+  .sm\:hover\:mid-purple-800:hover {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-900:hover {
+  .sm\:hover\:mid-purple-900:hover {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-100:hover {
+  .sm\:hover\:mid-pink-100:hover {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-200:hover {
+  .sm\:hover\:mid-pink-200:hover {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-300:hover {
+  .sm\:hover\:mid-pink-300:hover {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-400:hover {
+  .sm\:hover\:mid-pink-400:hover {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-500:hover {
+  .sm\:hover\:mid-pink-500:hover {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-600:hover {
+  .sm\:hover\:mid-pink-600:hover {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-700:hover {
+  .sm\:hover\:mid-pink-700:hover {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-800:hover {
+  .sm\:hover\:mid-pink-800:hover {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-900:hover {
+  .sm\:hover\:mid-pink-900:hover {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .sm\:focus\:gradient-from-transparent:focus {
+  .sm\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .sm\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .sm\:hover\:to-black:hover {
+    --gradient-to-color: #000;
+  }
+
+  .sm\:hover\:to-white:hover {
+    --gradient-to-color: #fff;
+  }
+
+  .sm\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .sm\:hover\:to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .sm\:hover\:to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .sm\:hover\:to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .sm\:hover\:to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .sm\:hover\:to-gray-600:hover {
+    --gradient-to-color: #718096;
+  }
+
+  .sm\:hover\:to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+  }
+
+  .sm\:hover\:to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+  }
+
+  .sm\:hover\:to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+  }
+
+  .sm\:hover\:to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .sm\:hover\:to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .sm\:hover\:to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .sm\:hover\:to-red-400:hover {
+    --gradient-to-color: #fc8181;
+  }
+
+  .sm\:hover\:to-red-500:hover {
+    --gradient-to-color: #f56565;
+  }
+
+  .sm\:hover\:to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .sm\:hover\:to-red-700:hover {
+    --gradient-to-color: #c53030;
+  }
+
+  .sm\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .sm\:hover\:to-red-900:hover {
+    --gradient-to-color: #742a2a;
+  }
+
+  .sm\:hover\:to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .sm\:hover\:to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+  }
+
+  .sm\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .sm\:hover\:to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .sm\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+  }
+
+  .sm\:hover\:to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .sm\:hover\:to-orange-700:hover {
+    --gradient-to-color: #c05621;
+  }
+
+  .sm\:hover\:to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+  }
+
+  .sm\:hover\:to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+  }
+
+  .sm\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+  }
+
+  .sm\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .sm\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+  }
+
+  .sm\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .sm\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .sm\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .sm\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+  }
+
+  .sm\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+  }
+
+  .sm\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #744210;
+  }
+
+  .sm\:hover\:to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .sm\:hover\:to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .sm\:hover\:to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .sm\:hover\:to-green-400:hover {
+    --gradient-to-color: #68d391;
+  }
+
+  .sm\:hover\:to-green-500:hover {
+    --gradient-to-color: #48bb78;
+  }
+
+  .sm\:hover\:to-green-600:hover {
+    --gradient-to-color: #38a169;
+  }
+
+  .sm\:hover\:to-green-700:hover {
+    --gradient-to-color: #2f855a;
+  }
+
+  .sm\:hover\:to-green-800:hover {
+    --gradient-to-color: #276749;
+  }
+
+  .sm\:hover\:to-green-900:hover {
+    --gradient-to-color: #22543d;
+  }
+
+  .sm\:hover\:to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .sm\:hover\:to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .sm\:hover\:to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .sm\:hover\:to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .sm\:hover\:to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .sm\:hover\:to-teal-600:hover {
+    --gradient-to-color: #319795;
+  }
+
+  .sm\:hover\:to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .sm\:hover\:to-teal-800:hover {
+    --gradient-to-color: #285e61;
+  }
+
+  .sm\:hover\:to-teal-900:hover {
+    --gradient-to-color: #234e52;
+  }
+
+  .sm\:hover\:to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .sm\:hover\:to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .sm\:hover\:to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .sm\:hover\:to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .sm\:hover\:to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+  }
+
+  .sm\:hover\:to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+  }
+
+  .sm\:hover\:to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .sm\:hover\:to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+  }
+
+  .sm\:hover\:to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+  }
+
+  .sm\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .sm\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .sm\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .sm\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .sm\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+  }
+
+  .sm\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .sm\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .sm\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #434190;
+  }
+
+  .sm\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+  }
+
+  .sm\:hover\:to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .sm\:hover\:to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .sm\:hover\:to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .sm\:hover\:to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+  }
+
+  .sm\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .sm\:hover\:to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+  }
+
+  .sm\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .sm\:hover\:to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+  }
+
+  .sm\:hover\:to-purple-900:hover {
+    --gradient-to-color: #44337a;
+  }
+
+  .sm\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .sm\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .sm\:hover\:to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .sm\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+  }
+
+  .sm\:hover\:to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .sm\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .sm\:hover\:to-pink-700:hover {
+    --gradient-to-color: #b83280;
+  }
+
+  .sm\:hover\:to-pink-800:hover {
+    --gradient-to-color: #97266d;
+  }
+
+  .sm\:hover\:to-pink-900:hover {
+    --gradient-to-color: #702459;
+  }
+
+  .sm\:focus\:from-transparent:focus {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:gradient-from-current:focus {
+  .sm\:focus\:from-current:focus {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-black:focus {
+  .sm\:focus\:from-black:focus {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:gradient-from-white:focus {
+  .sm\:focus\:from-white:focus {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-100:focus {
+  .sm\:focus\:from-gray-100:focus {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-200:focus {
+  .sm\:focus\:from-gray-200:focus {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-300:focus {
+  .sm\:focus\:from-gray-300:focus {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-400:focus {
+  .sm\:focus\:from-gray-400:focus {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-500:focus {
+  .sm\:focus\:from-gray-500:focus {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-600:focus {
+  .sm\:focus\:from-gray-600:focus {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-700:focus {
+  .sm\:focus\:from-gray-700:focus {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-800:focus {
+  .sm\:focus\:from-gray-800:focus {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-900:focus {
+  .sm\:focus\:from-gray-900:focus {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:focus\:gradient-from-red-100:focus {
+  .sm\:focus\:from-red-100:focus {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:focus\:gradient-from-red-200:focus {
+  .sm\:focus\:from-red-200:focus {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:focus\:gradient-from-red-300:focus {
+  .sm\:focus\:from-red-300:focus {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:focus\:gradient-from-red-400:focus {
+  .sm\:focus\:from-red-400:focus {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:focus\:gradient-from-red-500:focus {
+  .sm\:focus\:from-red-500:focus {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:focus\:gradient-from-red-600:focus {
+  .sm\:focus\:from-red-600:focus {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:focus\:gradient-from-red-700:focus {
+  .sm\:focus\:from-red-700:focus {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:focus\:gradient-from-red-800:focus {
+  .sm\:focus\:from-red-800:focus {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:focus\:gradient-from-red-900:focus {
+  .sm\:focus\:from-red-900:focus {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-100:focus {
+  .sm\:focus\:from-orange-100:focus {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-200:focus {
+  .sm\:focus\:from-orange-200:focus {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-300:focus {
+  .sm\:focus\:from-orange-300:focus {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-400:focus {
+  .sm\:focus\:from-orange-400:focus {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-500:focus {
+  .sm\:focus\:from-orange-500:focus {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-600:focus {
+  .sm\:focus\:from-orange-600:focus {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-700:focus {
+  .sm\:focus\:from-orange-700:focus {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-800:focus {
+  .sm\:focus\:from-orange-800:focus {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-900:focus {
+  .sm\:focus\:from-orange-900:focus {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-100:focus {
+  .sm\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-200:focus {
+  .sm\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-300:focus {
+  .sm\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-400:focus {
+  .sm\:focus\:from-yellow-400:focus {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-500:focus {
+  .sm\:focus\:from-yellow-500:focus {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-600:focus {
+  .sm\:focus\:from-yellow-600:focus {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-700:focus {
+  .sm\:focus\:from-yellow-700:focus {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-800:focus {
+  .sm\:focus\:from-yellow-800:focus {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-900:focus {
+  .sm\:focus\:from-yellow-900:focus {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:focus\:gradient-from-green-100:focus {
+  .sm\:focus\:from-green-100:focus {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:focus\:gradient-from-green-200:focus {
+  .sm\:focus\:from-green-200:focus {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:focus\:gradient-from-green-300:focus {
+  .sm\:focus\:from-green-300:focus {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:focus\:gradient-from-green-400:focus {
+  .sm\:focus\:from-green-400:focus {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:focus\:gradient-from-green-500:focus {
+  .sm\:focus\:from-green-500:focus {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:focus\:gradient-from-green-600:focus {
+  .sm\:focus\:from-green-600:focus {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:focus\:gradient-from-green-700:focus {
+  .sm\:focus\:from-green-700:focus {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:focus\:gradient-from-green-800:focus {
+  .sm\:focus\:from-green-800:focus {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:focus\:gradient-from-green-900:focus {
+  .sm\:focus\:from-green-900:focus {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-100:focus {
+  .sm\:focus\:from-teal-100:focus {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-200:focus {
+  .sm\:focus\:from-teal-200:focus {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-300:focus {
+  .sm\:focus\:from-teal-300:focus {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-400:focus {
+  .sm\:focus\:from-teal-400:focus {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-500:focus {
+  .sm\:focus\:from-teal-500:focus {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-600:focus {
+  .sm\:focus\:from-teal-600:focus {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-700:focus {
+  .sm\:focus\:from-teal-700:focus {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-800:focus {
+  .sm\:focus\:from-teal-800:focus {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-900:focus {
+  .sm\:focus\:from-teal-900:focus {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-100:focus {
+  .sm\:focus\:from-blue-100:focus {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-200:focus {
+  .sm\:focus\:from-blue-200:focus {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-300:focus {
+  .sm\:focus\:from-blue-300:focus {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-400:focus {
+  .sm\:focus\:from-blue-400:focus {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-500:focus {
+  .sm\:focus\:from-blue-500:focus {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-600:focus {
+  .sm\:focus\:from-blue-600:focus {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-700:focus {
+  .sm\:focus\:from-blue-700:focus {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-800:focus {
+  .sm\:focus\:from-blue-800:focus {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-900:focus {
+  .sm\:focus\:from-blue-900:focus {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-100:focus {
+  .sm\:focus\:from-indigo-100:focus {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-200:focus {
+  .sm\:focus\:from-indigo-200:focus {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-300:focus {
+  .sm\:focus\:from-indigo-300:focus {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-400:focus {
+  .sm\:focus\:from-indigo-400:focus {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-500:focus {
+  .sm\:focus\:from-indigo-500:focus {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-600:focus {
+  .sm\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-700:focus {
+  .sm\:focus\:from-indigo-700:focus {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-800:focus {
+  .sm\:focus\:from-indigo-800:focus {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-900:focus {
+  .sm\:focus\:from-indigo-900:focus {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-100:focus {
+  .sm\:focus\:from-purple-100:focus {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-200:focus {
+  .sm\:focus\:from-purple-200:focus {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-300:focus {
+  .sm\:focus\:from-purple-300:focus {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-400:focus {
+  .sm\:focus\:from-purple-400:focus {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-500:focus {
+  .sm\:focus\:from-purple-500:focus {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-600:focus {
+  .sm\:focus\:from-purple-600:focus {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-700:focus {
+  .sm\:focus\:from-purple-700:focus {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-800:focus {
+  .sm\:focus\:from-purple-800:focus {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-900:focus {
+  .sm\:focus\:from-purple-900:focus {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-100:focus {
+  .sm\:focus\:from-pink-100:focus {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-200:focus {
+  .sm\:focus\:from-pink-200:focus {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-300:focus {
+  .sm\:focus\:from-pink-300:focus {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-400:focus {
+  .sm\:focus\:from-pink-400:focus {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-500:focus {
+  .sm\:focus\:from-pink-500:focus {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-600:focus {
+  .sm\:focus\:from-pink-600:focus {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-700:focus {
+  .sm\:focus\:from-pink-700:focus {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-800:focus {
+  .sm\:focus\:from-pink-800:focus {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-900:focus {
+  .sm\:focus\:from-pink-900:focus {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .sm\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:gradient-mid-current:focus {
+  .sm\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-black:focus {
+  .sm\:focus\:mid-black:focus {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:gradient-mid-white:focus {
+  .sm\:focus\:mid-white:focus {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-100:focus {
+  .sm\:focus\:mid-gray-100:focus {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-200:focus {
+  .sm\:focus\:mid-gray-200:focus {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-300:focus {
+  .sm\:focus\:mid-gray-300:focus {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-400:focus {
+  .sm\:focus\:mid-gray-400:focus {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-500:focus {
+  .sm\:focus\:mid-gray-500:focus {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-600:focus {
+  .sm\:focus\:mid-gray-600:focus {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-700:focus {
+  .sm\:focus\:mid-gray-700:focus {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-800:focus {
+  .sm\:focus\:mid-gray-800:focus {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-900:focus {
+  .sm\:focus\:mid-gray-900:focus {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-100:focus {
+  .sm\:focus\:mid-red-100:focus {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-200:focus {
+  .sm\:focus\:mid-red-200:focus {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-300:focus {
+  .sm\:focus\:mid-red-300:focus {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-400:focus {
+  .sm\:focus\:mid-red-400:focus {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-500:focus {
+  .sm\:focus\:mid-red-500:focus {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-600:focus {
+  .sm\:focus\:mid-red-600:focus {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-700:focus {
+  .sm\:focus\:mid-red-700:focus {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-800:focus {
+  .sm\:focus\:mid-red-800:focus {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-900:focus {
+  .sm\:focus\:mid-red-900:focus {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-100:focus {
+  .sm\:focus\:mid-orange-100:focus {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-200:focus {
+  .sm\:focus\:mid-orange-200:focus {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-300:focus {
+  .sm\:focus\:mid-orange-300:focus {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-400:focus {
+  .sm\:focus\:mid-orange-400:focus {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-500:focus {
+  .sm\:focus\:mid-orange-500:focus {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-600:focus {
+  .sm\:focus\:mid-orange-600:focus {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-700:focus {
+  .sm\:focus\:mid-orange-700:focus {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-800:focus {
+  .sm\:focus\:mid-orange-800:focus {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-900:focus {
+  .sm\:focus\:mid-orange-900:focus {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-100:focus {
+  .sm\:focus\:mid-yellow-100:focus {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-200:focus {
+  .sm\:focus\:mid-yellow-200:focus {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-300:focus {
+  .sm\:focus\:mid-yellow-300:focus {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-400:focus {
+  .sm\:focus\:mid-yellow-400:focus {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-500:focus {
+  .sm\:focus\:mid-yellow-500:focus {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-600:focus {
+  .sm\:focus\:mid-yellow-600:focus {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-700:focus {
+  .sm\:focus\:mid-yellow-700:focus {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-800:focus {
+  .sm\:focus\:mid-yellow-800:focus {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-900:focus {
+  .sm\:focus\:mid-yellow-900:focus {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-100:focus {
+  .sm\:focus\:mid-green-100:focus {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-200:focus {
+  .sm\:focus\:mid-green-200:focus {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-300:focus {
+  .sm\:focus\:mid-green-300:focus {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-400:focus {
+  .sm\:focus\:mid-green-400:focus {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-500:focus {
+  .sm\:focus\:mid-green-500:focus {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-600:focus {
+  .sm\:focus\:mid-green-600:focus {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-700:focus {
+  .sm\:focus\:mid-green-700:focus {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-800:focus {
+  .sm\:focus\:mid-green-800:focus {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-900:focus {
+  .sm\:focus\:mid-green-900:focus {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-100:focus {
+  .sm\:focus\:mid-teal-100:focus {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-200:focus {
+  .sm\:focus\:mid-teal-200:focus {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-300:focus {
+  .sm\:focus\:mid-teal-300:focus {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-400:focus {
+  .sm\:focus\:mid-teal-400:focus {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-500:focus {
+  .sm\:focus\:mid-teal-500:focus {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-600:focus {
+  .sm\:focus\:mid-teal-600:focus {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-700:focus {
+  .sm\:focus\:mid-teal-700:focus {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-800:focus {
+  .sm\:focus\:mid-teal-800:focus {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-900:focus {
+  .sm\:focus\:mid-teal-900:focus {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-100:focus {
+  .sm\:focus\:mid-blue-100:focus {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-200:focus {
+  .sm\:focus\:mid-blue-200:focus {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-300:focus {
+  .sm\:focus\:mid-blue-300:focus {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-400:focus {
+  .sm\:focus\:mid-blue-400:focus {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-500:focus {
+  .sm\:focus\:mid-blue-500:focus {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-600:focus {
+  .sm\:focus\:mid-blue-600:focus {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-700:focus {
+  .sm\:focus\:mid-blue-700:focus {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-800:focus {
+  .sm\:focus\:mid-blue-800:focus {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-900:focus {
+  .sm\:focus\:mid-blue-900:focus {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-100:focus {
+  .sm\:focus\:mid-indigo-100:focus {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-200:focus {
+  .sm\:focus\:mid-indigo-200:focus {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-300:focus {
+  .sm\:focus\:mid-indigo-300:focus {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-400:focus {
+  .sm\:focus\:mid-indigo-400:focus {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-500:focus {
+  .sm\:focus\:mid-indigo-500:focus {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-600:focus {
+  .sm\:focus\:mid-indigo-600:focus {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-700:focus {
+  .sm\:focus\:mid-indigo-700:focus {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-800:focus {
+  .sm\:focus\:mid-indigo-800:focus {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-900:focus {
+  .sm\:focus\:mid-indigo-900:focus {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-100:focus {
+  .sm\:focus\:mid-purple-100:focus {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-200:focus {
+  .sm\:focus\:mid-purple-200:focus {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-300:focus {
+  .sm\:focus\:mid-purple-300:focus {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-400:focus {
+  .sm\:focus\:mid-purple-400:focus {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-500:focus {
+  .sm\:focus\:mid-purple-500:focus {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-600:focus {
+  .sm\:focus\:mid-purple-600:focus {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-700:focus {
+  .sm\:focus\:mid-purple-700:focus {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-800:focus {
+  .sm\:focus\:mid-purple-800:focus {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-900:focus {
+  .sm\:focus\:mid-purple-900:focus {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-100:focus {
+  .sm\:focus\:mid-pink-100:focus {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-200:focus {
+  .sm\:focus\:mid-pink-200:focus {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-300:focus {
+  .sm\:focus\:mid-pink-300:focus {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-400:focus {
+  .sm\:focus\:mid-pink-400:focus {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-500:focus {
+  .sm\:focus\:mid-pink-500:focus {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-600:focus {
+  .sm\:focus\:mid-pink-600:focus {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-700:focus {
+  .sm\:focus\:mid-pink-700:focus {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-800:focus {
+  .sm\:focus\:mid-pink-800:focus {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-900:focus {
+  .sm\:focus\:mid-pink-900:focus {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  }
+
+  .sm\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .sm\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .sm\:focus\:to-black:focus {
+    --gradient-to-color: #000;
+  }
+
+  .sm\:focus\:to-white:focus {
+    --gradient-to-color: #fff;
+  }
+
+  .sm\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .sm\:focus\:to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .sm\:focus\:to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .sm\:focus\:to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .sm\:focus\:to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .sm\:focus\:to-gray-600:focus {
+    --gradient-to-color: #718096;
+  }
+
+  .sm\:focus\:to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+  }
+
+  .sm\:focus\:to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+  }
+
+  .sm\:focus\:to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+  }
+
+  .sm\:focus\:to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .sm\:focus\:to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .sm\:focus\:to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .sm\:focus\:to-red-400:focus {
+    --gradient-to-color: #fc8181;
+  }
+
+  .sm\:focus\:to-red-500:focus {
+    --gradient-to-color: #f56565;
+  }
+
+  .sm\:focus\:to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .sm\:focus\:to-red-700:focus {
+    --gradient-to-color: #c53030;
+  }
+
+  .sm\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .sm\:focus\:to-red-900:focus {
+    --gradient-to-color: #742a2a;
+  }
+
+  .sm\:focus\:to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .sm\:focus\:to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+  }
+
+  .sm\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .sm\:focus\:to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .sm\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+  }
+
+  .sm\:focus\:to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .sm\:focus\:to-orange-700:focus {
+    --gradient-to-color: #c05621;
+  }
+
+  .sm\:focus\:to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+  }
+
+  .sm\:focus\:to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+  }
+
+  .sm\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+  }
+
+  .sm\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .sm\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+  }
+
+  .sm\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .sm\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .sm\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .sm\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+  }
+
+  .sm\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+  }
+
+  .sm\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #744210;
+  }
+
+  .sm\:focus\:to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .sm\:focus\:to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .sm\:focus\:to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .sm\:focus\:to-green-400:focus {
+    --gradient-to-color: #68d391;
+  }
+
+  .sm\:focus\:to-green-500:focus {
+    --gradient-to-color: #48bb78;
+  }
+
+  .sm\:focus\:to-green-600:focus {
+    --gradient-to-color: #38a169;
+  }
+
+  .sm\:focus\:to-green-700:focus {
+    --gradient-to-color: #2f855a;
+  }
+
+  .sm\:focus\:to-green-800:focus {
+    --gradient-to-color: #276749;
+  }
+
+  .sm\:focus\:to-green-900:focus {
+    --gradient-to-color: #22543d;
+  }
+
+  .sm\:focus\:to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .sm\:focus\:to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .sm\:focus\:to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .sm\:focus\:to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .sm\:focus\:to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .sm\:focus\:to-teal-600:focus {
+    --gradient-to-color: #319795;
+  }
+
+  .sm\:focus\:to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .sm\:focus\:to-teal-800:focus {
+    --gradient-to-color: #285e61;
+  }
+
+  .sm\:focus\:to-teal-900:focus {
+    --gradient-to-color: #234e52;
+  }
+
+  .sm\:focus\:to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .sm\:focus\:to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .sm\:focus\:to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .sm\:focus\:to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .sm\:focus\:to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+  }
+
+  .sm\:focus\:to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+  }
+
+  .sm\:focus\:to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .sm\:focus\:to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+  }
+
+  .sm\:focus\:to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+  }
+
+  .sm\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .sm\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .sm\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .sm\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .sm\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+  }
+
+  .sm\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .sm\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .sm\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #434190;
+  }
+
+  .sm\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+  }
+
+  .sm\:focus\:to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .sm\:focus\:to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .sm\:focus\:to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .sm\:focus\:to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+  }
+
+  .sm\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .sm\:focus\:to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+  }
+
+  .sm\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .sm\:focus\:to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+  }
+
+  .sm\:focus\:to-purple-900:focus {
+    --gradient-to-color: #44337a;
+  }
+
+  .sm\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .sm\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .sm\:focus\:to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .sm\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+  }
+
+  .sm\:focus\:to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .sm\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .sm\:focus\:to-pink-700:focus {
+    --gradient-to-color: #b83280;
+  }
+
+  .sm\:focus\:to-pink-800:focus {
+    --gradient-to-color: #97266d;
+  }
+
+  .sm\:focus\:to-pink-900:focus {
+    --gradient-to-color: #702459;
   }
 
   .sm\:bg-bottom {
@@ -34397,4250 +33865,3984 @@ video {
     background-color: #702459;
   }
 
-  .md\:bg-gradient-up {
-    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  .md\:bg-gradient-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  .md\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  .md\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  .md\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .md\:gradient-from-transparent {
+  .md\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .md\:from-transparent {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:gradient-from-current {
+  .md\:from-current {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:gradient-from-black {
+  .md\:from-black {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:gradient-from-white {
+  .md\:from-white {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:gradient-from-gray-100 {
+  .md\:from-gray-100 {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:gradient-from-gray-200 {
+  .md\:from-gray-200 {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:gradient-from-gray-300 {
+  .md\:from-gray-300 {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:gradient-from-gray-400 {
+  .md\:from-gray-400 {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:gradient-from-gray-500 {
+  .md\:from-gray-500 {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:gradient-from-gray-600 {
+  .md\:from-gray-600 {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:gradient-from-gray-700 {
+  .md\:from-gray-700 {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:gradient-from-gray-800 {
+  .md\:from-gray-800 {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:gradient-from-gray-900 {
+  .md\:from-gray-900 {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:gradient-from-red-100 {
+  .md\:from-red-100 {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:gradient-from-red-200 {
+  .md\:from-red-200 {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:gradient-from-red-300 {
+  .md\:from-red-300 {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:gradient-from-red-400 {
+  .md\:from-red-400 {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:gradient-from-red-500 {
+  .md\:from-red-500 {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:gradient-from-red-600 {
+  .md\:from-red-600 {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:gradient-from-red-700 {
+  .md\:from-red-700 {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:gradient-from-red-800 {
+  .md\:from-red-800 {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:gradient-from-red-900 {
+  .md\:from-red-900 {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:gradient-from-orange-100 {
+  .md\:from-orange-100 {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:gradient-from-orange-200 {
+  .md\:from-orange-200 {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:gradient-from-orange-300 {
+  .md\:from-orange-300 {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:gradient-from-orange-400 {
+  .md\:from-orange-400 {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:gradient-from-orange-500 {
+  .md\:from-orange-500 {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:gradient-from-orange-600 {
+  .md\:from-orange-600 {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:gradient-from-orange-700 {
+  .md\:from-orange-700 {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:gradient-from-orange-800 {
+  .md\:from-orange-800 {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:gradient-from-orange-900 {
+  .md\:from-orange-900 {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:gradient-from-yellow-100 {
+  .md\:from-yellow-100 {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:gradient-from-yellow-200 {
+  .md\:from-yellow-200 {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:gradient-from-yellow-300 {
+  .md\:from-yellow-300 {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:gradient-from-yellow-400 {
+  .md\:from-yellow-400 {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:gradient-from-yellow-500 {
+  .md\:from-yellow-500 {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:gradient-from-yellow-600 {
+  .md\:from-yellow-600 {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:gradient-from-yellow-700 {
+  .md\:from-yellow-700 {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:gradient-from-yellow-800 {
+  .md\:from-yellow-800 {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:gradient-from-yellow-900 {
+  .md\:from-yellow-900 {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:gradient-from-green-100 {
+  .md\:from-green-100 {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:gradient-from-green-200 {
+  .md\:from-green-200 {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:gradient-from-green-300 {
+  .md\:from-green-300 {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:gradient-from-green-400 {
+  .md\:from-green-400 {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:gradient-from-green-500 {
+  .md\:from-green-500 {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:gradient-from-green-600 {
+  .md\:from-green-600 {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:gradient-from-green-700 {
+  .md\:from-green-700 {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:gradient-from-green-800 {
+  .md\:from-green-800 {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:gradient-from-green-900 {
+  .md\:from-green-900 {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:gradient-from-teal-100 {
+  .md\:from-teal-100 {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:gradient-from-teal-200 {
+  .md\:from-teal-200 {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:gradient-from-teal-300 {
+  .md\:from-teal-300 {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:gradient-from-teal-400 {
+  .md\:from-teal-400 {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:gradient-from-teal-500 {
+  .md\:from-teal-500 {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:gradient-from-teal-600 {
+  .md\:from-teal-600 {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:gradient-from-teal-700 {
+  .md\:from-teal-700 {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:gradient-from-teal-800 {
+  .md\:from-teal-800 {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:gradient-from-teal-900 {
+  .md\:from-teal-900 {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:gradient-from-blue-100 {
+  .md\:from-blue-100 {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:gradient-from-blue-200 {
+  .md\:from-blue-200 {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:gradient-from-blue-300 {
+  .md\:from-blue-300 {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:gradient-from-blue-400 {
+  .md\:from-blue-400 {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:gradient-from-blue-500 {
+  .md\:from-blue-500 {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:gradient-from-blue-600 {
+  .md\:from-blue-600 {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:gradient-from-blue-700 {
+  .md\:from-blue-700 {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:gradient-from-blue-800 {
+  .md\:from-blue-800 {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:gradient-from-blue-900 {
+  .md\:from-blue-900 {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:gradient-from-indigo-100 {
+  .md\:from-indigo-100 {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:gradient-from-indigo-200 {
+  .md\:from-indigo-200 {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:gradient-from-indigo-300 {
+  .md\:from-indigo-300 {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:gradient-from-indigo-400 {
+  .md\:from-indigo-400 {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:gradient-from-indigo-500 {
+  .md\:from-indigo-500 {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:gradient-from-indigo-600 {
+  .md\:from-indigo-600 {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:gradient-from-indigo-700 {
+  .md\:from-indigo-700 {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:gradient-from-indigo-800 {
+  .md\:from-indigo-800 {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:gradient-from-indigo-900 {
+  .md\:from-indigo-900 {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:gradient-from-purple-100 {
+  .md\:from-purple-100 {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:gradient-from-purple-200 {
+  .md\:from-purple-200 {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:gradient-from-purple-300 {
+  .md\:from-purple-300 {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:gradient-from-purple-400 {
+  .md\:from-purple-400 {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:gradient-from-purple-500 {
+  .md\:from-purple-500 {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:gradient-from-purple-600 {
+  .md\:from-purple-600 {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:gradient-from-purple-700 {
+  .md\:from-purple-700 {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:gradient-from-purple-800 {
+  .md\:from-purple-800 {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:gradient-from-purple-900 {
+  .md\:from-purple-900 {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:gradient-from-pink-100 {
+  .md\:from-pink-100 {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:gradient-from-pink-200 {
+  .md\:from-pink-200 {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:gradient-from-pink-300 {
+  .md\:from-pink-300 {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:gradient-from-pink-400 {
+  .md\:from-pink-400 {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:gradient-from-pink-500 {
+  .md\:from-pink-500 {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:gradient-from-pink-600 {
+  .md\:from-pink-600 {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:gradient-from-pink-700 {
+  .md\:from-pink-700 {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:gradient-from-pink-800 {
+  .md\:from-pink-800 {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:gradient-from-pink-900 {
+  .md\:from-pink-900 {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .md\:mid-transparent {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:gradient-mid-current {
+  .md\:mid-current {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:gradient-mid-black {
+  .md\:mid-black {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:gradient-mid-white {
+  .md\:mid-white {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:gradient-mid-gray-100 {
+  .md\:mid-gray-100 {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:gradient-mid-gray-200 {
+  .md\:mid-gray-200 {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:gradient-mid-gray-300 {
+  .md\:mid-gray-300 {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:gradient-mid-gray-400 {
+  .md\:mid-gray-400 {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:gradient-mid-gray-500 {
+  .md\:mid-gray-500 {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:gradient-mid-gray-600 {
+  .md\:mid-gray-600 {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:gradient-mid-gray-700 {
+  .md\:mid-gray-700 {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:gradient-mid-gray-800 {
+  .md\:mid-gray-800 {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:gradient-mid-gray-900 {
+  .md\:mid-gray-900 {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:gradient-mid-red-100 {
+  .md\:mid-red-100 {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:gradient-mid-red-200 {
+  .md\:mid-red-200 {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:gradient-mid-red-300 {
+  .md\:mid-red-300 {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:gradient-mid-red-400 {
+  .md\:mid-red-400 {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:gradient-mid-red-500 {
+  .md\:mid-red-500 {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:gradient-mid-red-600 {
+  .md\:mid-red-600 {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:gradient-mid-red-700 {
+  .md\:mid-red-700 {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:gradient-mid-red-800 {
+  .md\:mid-red-800 {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:gradient-mid-red-900 {
+  .md\:mid-red-900 {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:gradient-mid-orange-100 {
+  .md\:mid-orange-100 {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:gradient-mid-orange-200 {
+  .md\:mid-orange-200 {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:gradient-mid-orange-300 {
+  .md\:mid-orange-300 {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:gradient-mid-orange-400 {
+  .md\:mid-orange-400 {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:gradient-mid-orange-500 {
+  .md\:mid-orange-500 {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:gradient-mid-orange-600 {
+  .md\:mid-orange-600 {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:gradient-mid-orange-700 {
+  .md\:mid-orange-700 {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:gradient-mid-orange-800 {
+  .md\:mid-orange-800 {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:gradient-mid-orange-900 {
+  .md\:mid-orange-900 {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:gradient-mid-yellow-100 {
+  .md\:mid-yellow-100 {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:gradient-mid-yellow-200 {
+  .md\:mid-yellow-200 {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:gradient-mid-yellow-300 {
+  .md\:mid-yellow-300 {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:gradient-mid-yellow-400 {
+  .md\:mid-yellow-400 {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:gradient-mid-yellow-500 {
+  .md\:mid-yellow-500 {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:gradient-mid-yellow-600 {
+  .md\:mid-yellow-600 {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:gradient-mid-yellow-700 {
+  .md\:mid-yellow-700 {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:gradient-mid-yellow-800 {
+  .md\:mid-yellow-800 {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:gradient-mid-yellow-900 {
+  .md\:mid-yellow-900 {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:gradient-mid-green-100 {
+  .md\:mid-green-100 {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:gradient-mid-green-200 {
+  .md\:mid-green-200 {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:gradient-mid-green-300 {
+  .md\:mid-green-300 {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:gradient-mid-green-400 {
+  .md\:mid-green-400 {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:gradient-mid-green-500 {
+  .md\:mid-green-500 {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:gradient-mid-green-600 {
+  .md\:mid-green-600 {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:gradient-mid-green-700 {
+  .md\:mid-green-700 {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:gradient-mid-green-800 {
+  .md\:mid-green-800 {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:gradient-mid-green-900 {
+  .md\:mid-green-900 {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:gradient-mid-teal-100 {
+  .md\:mid-teal-100 {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:gradient-mid-teal-200 {
+  .md\:mid-teal-200 {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:gradient-mid-teal-300 {
+  .md\:mid-teal-300 {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:gradient-mid-teal-400 {
+  .md\:mid-teal-400 {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:gradient-mid-teal-500 {
+  .md\:mid-teal-500 {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:gradient-mid-teal-600 {
+  .md\:mid-teal-600 {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:gradient-mid-teal-700 {
+  .md\:mid-teal-700 {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:gradient-mid-teal-800 {
+  .md\:mid-teal-800 {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:gradient-mid-teal-900 {
+  .md\:mid-teal-900 {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:gradient-mid-blue-100 {
+  .md\:mid-blue-100 {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:gradient-mid-blue-200 {
+  .md\:mid-blue-200 {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:gradient-mid-blue-300 {
+  .md\:mid-blue-300 {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:gradient-mid-blue-400 {
+  .md\:mid-blue-400 {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:gradient-mid-blue-500 {
+  .md\:mid-blue-500 {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:gradient-mid-blue-600 {
+  .md\:mid-blue-600 {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:gradient-mid-blue-700 {
+  .md\:mid-blue-700 {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:gradient-mid-blue-800 {
+  .md\:mid-blue-800 {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:gradient-mid-blue-900 {
+  .md\:mid-blue-900 {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:gradient-mid-indigo-100 {
+  .md\:mid-indigo-100 {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:gradient-mid-indigo-200 {
+  .md\:mid-indigo-200 {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:gradient-mid-indigo-300 {
+  .md\:mid-indigo-300 {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:gradient-mid-indigo-400 {
+  .md\:mid-indigo-400 {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:gradient-mid-indigo-500 {
+  .md\:mid-indigo-500 {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:gradient-mid-indigo-600 {
+  .md\:mid-indigo-600 {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:gradient-mid-indigo-700 {
+  .md\:mid-indigo-700 {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:gradient-mid-indigo-800 {
+  .md\:mid-indigo-800 {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:gradient-mid-indigo-900 {
+  .md\:mid-indigo-900 {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:gradient-mid-purple-100 {
+  .md\:mid-purple-100 {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:gradient-mid-purple-200 {
+  .md\:mid-purple-200 {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:gradient-mid-purple-300 {
+  .md\:mid-purple-300 {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:gradient-mid-purple-400 {
+  .md\:mid-purple-400 {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:gradient-mid-purple-500 {
+  .md\:mid-purple-500 {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:gradient-mid-purple-600 {
+  .md\:mid-purple-600 {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:gradient-mid-purple-700 {
+  .md\:mid-purple-700 {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:gradient-mid-purple-800 {
+  .md\:mid-purple-800 {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:gradient-mid-purple-900 {
+  .md\:mid-purple-900 {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:gradient-mid-pink-100 {
+  .md\:mid-pink-100 {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:gradient-mid-pink-200 {
+  .md\:mid-pink-200 {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:gradient-mid-pink-300 {
+  .md\:mid-pink-300 {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:gradient-mid-pink-400 {
+  .md\:mid-pink-400 {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:gradient-mid-pink-500 {
+  .md\:mid-pink-500 {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:gradient-mid-pink-600 {
+  .md\:mid-pink-600 {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:gradient-mid-pink-700 {
+  .md\:mid-pink-700 {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:gradient-mid-pink-800 {
+  .md\:mid-pink-800 {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:gradient-mid-pink-900 {
+  .md\:mid-pink-900 {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .md\:hover\:gradient-from-transparent:hover {
+  .md\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .md\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .md\:to-black {
+    --gradient-to-color: #000;
+  }
+
+  .md\:to-white {
+    --gradient-to-color: #fff;
+  }
+
+  .md\:to-gray-100 {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .md\:to-gray-200 {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .md\:to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .md\:to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .md\:to-gray-500 {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .md\:to-gray-600 {
+    --gradient-to-color: #718096;
+  }
+
+  .md\:to-gray-700 {
+    --gradient-to-color: #4a5568;
+  }
+
+  .md\:to-gray-800 {
+    --gradient-to-color: #2d3748;
+  }
+
+  .md\:to-gray-900 {
+    --gradient-to-color: #1a202c;
+  }
+
+  .md\:to-red-100 {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .md\:to-red-200 {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .md\:to-red-300 {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .md\:to-red-400 {
+    --gradient-to-color: #fc8181;
+  }
+
+  .md\:to-red-500 {
+    --gradient-to-color: #f56565;
+  }
+
+  .md\:to-red-600 {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .md\:to-red-700 {
+    --gradient-to-color: #c53030;
+  }
+
+  .md\:to-red-800 {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .md\:to-red-900 {
+    --gradient-to-color: #742a2a;
+  }
+
+  .md\:to-orange-100 {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .md\:to-orange-200 {
+    --gradient-to-color: #feebc8;
+  }
+
+  .md\:to-orange-300 {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .md\:to-orange-400 {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .md\:to-orange-500 {
+    --gradient-to-color: #ed8936;
+  }
+
+  .md\:to-orange-600 {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .md\:to-orange-700 {
+    --gradient-to-color: #c05621;
+  }
+
+  .md\:to-orange-800 {
+    --gradient-to-color: #9c4221;
+  }
+
+  .md\:to-orange-900 {
+    --gradient-to-color: #7b341e;
+  }
+
+  .md\:to-yellow-100 {
+    --gradient-to-color: #fffff0;
+  }
+
+  .md\:to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .md\:to-yellow-300 {
+    --gradient-to-color: #faf089;
+  }
+
+  .md\:to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .md\:to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .md\:to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .md\:to-yellow-700 {
+    --gradient-to-color: #b7791f;
+  }
+
+  .md\:to-yellow-800 {
+    --gradient-to-color: #975a16;
+  }
+
+  .md\:to-yellow-900 {
+    --gradient-to-color: #744210;
+  }
+
+  .md\:to-green-100 {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .md\:to-green-200 {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .md\:to-green-300 {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .md\:to-green-400 {
+    --gradient-to-color: #68d391;
+  }
+
+  .md\:to-green-500 {
+    --gradient-to-color: #48bb78;
+  }
+
+  .md\:to-green-600 {
+    --gradient-to-color: #38a169;
+  }
+
+  .md\:to-green-700 {
+    --gradient-to-color: #2f855a;
+  }
+
+  .md\:to-green-800 {
+    --gradient-to-color: #276749;
+  }
+
+  .md\:to-green-900 {
+    --gradient-to-color: #22543d;
+  }
+
+  .md\:to-teal-100 {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .md\:to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .md\:to-teal-300 {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .md\:to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .md\:to-teal-500 {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .md\:to-teal-600 {
+    --gradient-to-color: #319795;
+  }
+
+  .md\:to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .md\:to-teal-800 {
+    --gradient-to-color: #285e61;
+  }
+
+  .md\:to-teal-900 {
+    --gradient-to-color: #234e52;
+  }
+
+  .md\:to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .md\:to-blue-200 {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .md\:to-blue-300 {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .md\:to-blue-400 {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .md\:to-blue-500 {
+    --gradient-to-color: #4299e1;
+  }
+
+  .md\:to-blue-600 {
+    --gradient-to-color: #3182ce;
+  }
+
+  .md\:to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .md\:to-blue-800 {
+    --gradient-to-color: #2c5282;
+  }
+
+  .md\:to-blue-900 {
+    --gradient-to-color: #2a4365;
+  }
+
+  .md\:to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .md\:to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .md\:to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .md\:to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .md\:to-indigo-500 {
+    --gradient-to-color: #667eea;
+  }
+
+  .md\:to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .md\:to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .md\:to-indigo-800 {
+    --gradient-to-color: #434190;
+  }
+
+  .md\:to-indigo-900 {
+    --gradient-to-color: #3c366b;
+  }
+
+  .md\:to-purple-100 {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .md\:to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .md\:to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .md\:to-purple-400 {
+    --gradient-to-color: #b794f4;
+  }
+
+  .md\:to-purple-500 {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .md\:to-purple-600 {
+    --gradient-to-color: #805ad5;
+  }
+
+  .md\:to-purple-700 {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .md\:to-purple-800 {
+    --gradient-to-color: #553c9a;
+  }
+
+  .md\:to-purple-900 {
+    --gradient-to-color: #44337a;
+  }
+
+  .md\:to-pink-100 {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .md\:to-pink-200 {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .md\:to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .md\:to-pink-400 {
+    --gradient-to-color: #f687b3;
+  }
+
+  .md\:to-pink-500 {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .md\:to-pink-600 {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .md\:to-pink-700 {
+    --gradient-to-color: #b83280;
+  }
+
+  .md\:to-pink-800 {
+    --gradient-to-color: #97266d;
+  }
+
+  .md\:to-pink-900 {
+    --gradient-to-color: #702459;
+  }
+
+  .md\:hover\:from-transparent:hover {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:gradient-from-current:hover {
+  .md\:hover\:from-current:hover {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:gradient-from-black:hover {
+  .md\:hover\:from-black:hover {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:gradient-from-white:hover {
+  .md\:hover\:from-white:hover {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:gradient-from-gray-100:hover {
+  .md\:hover\:from-gray-100:hover {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:hover\:gradient-from-gray-200:hover {
+  .md\:hover\:from-gray-200:hover {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:hover\:gradient-from-gray-300:hover {
+  .md\:hover\:from-gray-300:hover {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:hover\:gradient-from-gray-400:hover {
+  .md\:hover\:from-gray-400:hover {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:hover\:gradient-from-gray-500:hover {
+  .md\:hover\:from-gray-500:hover {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:hover\:gradient-from-gray-600:hover {
+  .md\:hover\:from-gray-600:hover {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:hover\:gradient-from-gray-700:hover {
+  .md\:hover\:from-gray-700:hover {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:hover\:gradient-from-gray-800:hover {
+  .md\:hover\:from-gray-800:hover {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:hover\:gradient-from-gray-900:hover {
+  .md\:hover\:from-gray-900:hover {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:hover\:gradient-from-red-100:hover {
+  .md\:hover\:from-red-100:hover {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:hover\:gradient-from-red-200:hover {
+  .md\:hover\:from-red-200:hover {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:hover\:gradient-from-red-300:hover {
+  .md\:hover\:from-red-300:hover {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:hover\:gradient-from-red-400:hover {
+  .md\:hover\:from-red-400:hover {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:hover\:gradient-from-red-500:hover {
+  .md\:hover\:from-red-500:hover {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:hover\:gradient-from-red-600:hover {
+  .md\:hover\:from-red-600:hover {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:hover\:gradient-from-red-700:hover {
+  .md\:hover\:from-red-700:hover {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:hover\:gradient-from-red-800:hover {
+  .md\:hover\:from-red-800:hover {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:hover\:gradient-from-red-900:hover {
+  .md\:hover\:from-red-900:hover {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:hover\:gradient-from-orange-100:hover {
+  .md\:hover\:from-orange-100:hover {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:hover\:gradient-from-orange-200:hover {
+  .md\:hover\:from-orange-200:hover {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:hover\:gradient-from-orange-300:hover {
+  .md\:hover\:from-orange-300:hover {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:hover\:gradient-from-orange-400:hover {
+  .md\:hover\:from-orange-400:hover {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:hover\:gradient-from-orange-500:hover {
+  .md\:hover\:from-orange-500:hover {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:hover\:gradient-from-orange-600:hover {
+  .md\:hover\:from-orange-600:hover {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:hover\:gradient-from-orange-700:hover {
+  .md\:hover\:from-orange-700:hover {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:hover\:gradient-from-orange-800:hover {
+  .md\:hover\:from-orange-800:hover {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:hover\:gradient-from-orange-900:hover {
+  .md\:hover\:from-orange-900:hover {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-100:hover {
+  .md\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-200:hover {
+  .md\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-300:hover {
+  .md\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-400:hover {
+  .md\:hover\:from-yellow-400:hover {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-500:hover {
+  .md\:hover\:from-yellow-500:hover {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-600:hover {
+  .md\:hover\:from-yellow-600:hover {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-700:hover {
+  .md\:hover\:from-yellow-700:hover {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-800:hover {
+  .md\:hover\:from-yellow-800:hover {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-900:hover {
+  .md\:hover\:from-yellow-900:hover {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:hover\:gradient-from-green-100:hover {
+  .md\:hover\:from-green-100:hover {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:hover\:gradient-from-green-200:hover {
+  .md\:hover\:from-green-200:hover {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:hover\:gradient-from-green-300:hover {
+  .md\:hover\:from-green-300:hover {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:hover\:gradient-from-green-400:hover {
+  .md\:hover\:from-green-400:hover {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:hover\:gradient-from-green-500:hover {
+  .md\:hover\:from-green-500:hover {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:hover\:gradient-from-green-600:hover {
+  .md\:hover\:from-green-600:hover {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:hover\:gradient-from-green-700:hover {
+  .md\:hover\:from-green-700:hover {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:hover\:gradient-from-green-800:hover {
+  .md\:hover\:from-green-800:hover {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:hover\:gradient-from-green-900:hover {
+  .md\:hover\:from-green-900:hover {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:hover\:gradient-from-teal-100:hover {
+  .md\:hover\:from-teal-100:hover {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:hover\:gradient-from-teal-200:hover {
+  .md\:hover\:from-teal-200:hover {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:hover\:gradient-from-teal-300:hover {
+  .md\:hover\:from-teal-300:hover {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:hover\:gradient-from-teal-400:hover {
+  .md\:hover\:from-teal-400:hover {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:hover\:gradient-from-teal-500:hover {
+  .md\:hover\:from-teal-500:hover {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:hover\:gradient-from-teal-600:hover {
+  .md\:hover\:from-teal-600:hover {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:hover\:gradient-from-teal-700:hover {
+  .md\:hover\:from-teal-700:hover {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:hover\:gradient-from-teal-800:hover {
+  .md\:hover\:from-teal-800:hover {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:hover\:gradient-from-teal-900:hover {
+  .md\:hover\:from-teal-900:hover {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:hover\:gradient-from-blue-100:hover {
+  .md\:hover\:from-blue-100:hover {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:hover\:gradient-from-blue-200:hover {
+  .md\:hover\:from-blue-200:hover {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:hover\:gradient-from-blue-300:hover {
+  .md\:hover\:from-blue-300:hover {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:hover\:gradient-from-blue-400:hover {
+  .md\:hover\:from-blue-400:hover {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:hover\:gradient-from-blue-500:hover {
+  .md\:hover\:from-blue-500:hover {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:hover\:gradient-from-blue-600:hover {
+  .md\:hover\:from-blue-600:hover {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:hover\:gradient-from-blue-700:hover {
+  .md\:hover\:from-blue-700:hover {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:hover\:gradient-from-blue-800:hover {
+  .md\:hover\:from-blue-800:hover {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:hover\:gradient-from-blue-900:hover {
+  .md\:hover\:from-blue-900:hover {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-100:hover {
+  .md\:hover\:from-indigo-100:hover {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-200:hover {
+  .md\:hover\:from-indigo-200:hover {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-300:hover {
+  .md\:hover\:from-indigo-300:hover {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-400:hover {
+  .md\:hover\:from-indigo-400:hover {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-500:hover {
+  .md\:hover\:from-indigo-500:hover {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-600:hover {
+  .md\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-700:hover {
+  .md\:hover\:from-indigo-700:hover {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-800:hover {
+  .md\:hover\:from-indigo-800:hover {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-900:hover {
+  .md\:hover\:from-indigo-900:hover {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:hover\:gradient-from-purple-100:hover {
+  .md\:hover\:from-purple-100:hover {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:hover\:gradient-from-purple-200:hover {
+  .md\:hover\:from-purple-200:hover {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:hover\:gradient-from-purple-300:hover {
+  .md\:hover\:from-purple-300:hover {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:hover\:gradient-from-purple-400:hover {
+  .md\:hover\:from-purple-400:hover {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:hover\:gradient-from-purple-500:hover {
+  .md\:hover\:from-purple-500:hover {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:hover\:gradient-from-purple-600:hover {
+  .md\:hover\:from-purple-600:hover {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:hover\:gradient-from-purple-700:hover {
+  .md\:hover\:from-purple-700:hover {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:hover\:gradient-from-purple-800:hover {
+  .md\:hover\:from-purple-800:hover {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:hover\:gradient-from-purple-900:hover {
+  .md\:hover\:from-purple-900:hover {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:hover\:gradient-from-pink-100:hover {
+  .md\:hover\:from-pink-100:hover {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:hover\:gradient-from-pink-200:hover {
+  .md\:hover\:from-pink-200:hover {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:hover\:gradient-from-pink-300:hover {
+  .md\:hover\:from-pink-300:hover {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:hover\:gradient-from-pink-400:hover {
+  .md\:hover\:from-pink-400:hover {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:hover\:gradient-from-pink-500:hover {
+  .md\:hover\:from-pink-500:hover {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:hover\:gradient-from-pink-600:hover {
+  .md\:hover\:from-pink-600:hover {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:hover\:gradient-from-pink-700:hover {
+  .md\:hover\:from-pink-700:hover {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:hover\:gradient-from-pink-800:hover {
+  .md\:hover\:from-pink-800:hover {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:hover\:gradient-from-pink-900:hover {
+  .md\:hover\:from-pink-900:hover {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .md\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:gradient-mid-current:hover {
+  .md\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-black:hover {
+  .md\:hover\:mid-black:hover {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:gradient-mid-white:hover {
+  .md\:hover\:mid-white:hover {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-100:hover {
+  .md\:hover\:mid-gray-100:hover {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-200:hover {
+  .md\:hover\:mid-gray-200:hover {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-300:hover {
+  .md\:hover\:mid-gray-300:hover {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-400:hover {
+  .md\:hover\:mid-gray-400:hover {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-500:hover {
+  .md\:hover\:mid-gray-500:hover {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-600:hover {
+  .md\:hover\:mid-gray-600:hover {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-700:hover {
+  .md\:hover\:mid-gray-700:hover {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-800:hover {
+  .md\:hover\:mid-gray-800:hover {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-900:hover {
+  .md\:hover\:mid-gray-900:hover {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:hover\:gradient-mid-red-100:hover {
+  .md\:hover\:mid-red-100:hover {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:hover\:gradient-mid-red-200:hover {
+  .md\:hover\:mid-red-200:hover {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:hover\:gradient-mid-red-300:hover {
+  .md\:hover\:mid-red-300:hover {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:hover\:gradient-mid-red-400:hover {
+  .md\:hover\:mid-red-400:hover {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:hover\:gradient-mid-red-500:hover {
+  .md\:hover\:mid-red-500:hover {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:hover\:gradient-mid-red-600:hover {
+  .md\:hover\:mid-red-600:hover {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:hover\:gradient-mid-red-700:hover {
+  .md\:hover\:mid-red-700:hover {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:hover\:gradient-mid-red-800:hover {
+  .md\:hover\:mid-red-800:hover {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:hover\:gradient-mid-red-900:hover {
+  .md\:hover\:mid-red-900:hover {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-100:hover {
+  .md\:hover\:mid-orange-100:hover {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-200:hover {
+  .md\:hover\:mid-orange-200:hover {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-300:hover {
+  .md\:hover\:mid-orange-300:hover {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-400:hover {
+  .md\:hover\:mid-orange-400:hover {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-500:hover {
+  .md\:hover\:mid-orange-500:hover {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-600:hover {
+  .md\:hover\:mid-orange-600:hover {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-700:hover {
+  .md\:hover\:mid-orange-700:hover {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-800:hover {
+  .md\:hover\:mid-orange-800:hover {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-900:hover {
+  .md\:hover\:mid-orange-900:hover {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-100:hover {
+  .md\:hover\:mid-yellow-100:hover {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-200:hover {
+  .md\:hover\:mid-yellow-200:hover {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-300:hover {
+  .md\:hover\:mid-yellow-300:hover {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-400:hover {
+  .md\:hover\:mid-yellow-400:hover {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-500:hover {
+  .md\:hover\:mid-yellow-500:hover {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-600:hover {
+  .md\:hover\:mid-yellow-600:hover {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-700:hover {
+  .md\:hover\:mid-yellow-700:hover {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-800:hover {
+  .md\:hover\:mid-yellow-800:hover {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-900:hover {
+  .md\:hover\:mid-yellow-900:hover {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:hover\:gradient-mid-green-100:hover {
+  .md\:hover\:mid-green-100:hover {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:hover\:gradient-mid-green-200:hover {
+  .md\:hover\:mid-green-200:hover {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:hover\:gradient-mid-green-300:hover {
+  .md\:hover\:mid-green-300:hover {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:hover\:gradient-mid-green-400:hover {
+  .md\:hover\:mid-green-400:hover {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:hover\:gradient-mid-green-500:hover {
+  .md\:hover\:mid-green-500:hover {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:hover\:gradient-mid-green-600:hover {
+  .md\:hover\:mid-green-600:hover {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:hover\:gradient-mid-green-700:hover {
+  .md\:hover\:mid-green-700:hover {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:hover\:gradient-mid-green-800:hover {
+  .md\:hover\:mid-green-800:hover {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:hover\:gradient-mid-green-900:hover {
+  .md\:hover\:mid-green-900:hover {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-100:hover {
+  .md\:hover\:mid-teal-100:hover {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-200:hover {
+  .md\:hover\:mid-teal-200:hover {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-300:hover {
+  .md\:hover\:mid-teal-300:hover {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-400:hover {
+  .md\:hover\:mid-teal-400:hover {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-500:hover {
+  .md\:hover\:mid-teal-500:hover {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-600:hover {
+  .md\:hover\:mid-teal-600:hover {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-700:hover {
+  .md\:hover\:mid-teal-700:hover {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-800:hover {
+  .md\:hover\:mid-teal-800:hover {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-900:hover {
+  .md\:hover\:mid-teal-900:hover {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-100:hover {
+  .md\:hover\:mid-blue-100:hover {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-200:hover {
+  .md\:hover\:mid-blue-200:hover {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-300:hover {
+  .md\:hover\:mid-blue-300:hover {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-400:hover {
+  .md\:hover\:mid-blue-400:hover {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-500:hover {
+  .md\:hover\:mid-blue-500:hover {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-600:hover {
+  .md\:hover\:mid-blue-600:hover {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-700:hover {
+  .md\:hover\:mid-blue-700:hover {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-800:hover {
+  .md\:hover\:mid-blue-800:hover {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-900:hover {
+  .md\:hover\:mid-blue-900:hover {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-100:hover {
+  .md\:hover\:mid-indigo-100:hover {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-200:hover {
+  .md\:hover\:mid-indigo-200:hover {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-300:hover {
+  .md\:hover\:mid-indigo-300:hover {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-400:hover {
+  .md\:hover\:mid-indigo-400:hover {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-500:hover {
+  .md\:hover\:mid-indigo-500:hover {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-600:hover {
+  .md\:hover\:mid-indigo-600:hover {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-700:hover {
+  .md\:hover\:mid-indigo-700:hover {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-800:hover {
+  .md\:hover\:mid-indigo-800:hover {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-900:hover {
+  .md\:hover\:mid-indigo-900:hover {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-100:hover {
+  .md\:hover\:mid-purple-100:hover {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-200:hover {
+  .md\:hover\:mid-purple-200:hover {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-300:hover {
+  .md\:hover\:mid-purple-300:hover {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-400:hover {
+  .md\:hover\:mid-purple-400:hover {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-500:hover {
+  .md\:hover\:mid-purple-500:hover {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-600:hover {
+  .md\:hover\:mid-purple-600:hover {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-700:hover {
+  .md\:hover\:mid-purple-700:hover {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-800:hover {
+  .md\:hover\:mid-purple-800:hover {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-900:hover {
+  .md\:hover\:mid-purple-900:hover {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-100:hover {
+  .md\:hover\:mid-pink-100:hover {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-200:hover {
+  .md\:hover\:mid-pink-200:hover {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-300:hover {
+  .md\:hover\:mid-pink-300:hover {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-400:hover {
+  .md\:hover\:mid-pink-400:hover {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-500:hover {
+  .md\:hover\:mid-pink-500:hover {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-600:hover {
+  .md\:hover\:mid-pink-600:hover {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-700:hover {
+  .md\:hover\:mid-pink-700:hover {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-800:hover {
+  .md\:hover\:mid-pink-800:hover {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-900:hover {
+  .md\:hover\:mid-pink-900:hover {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .md\:focus\:gradient-from-transparent:focus {
+  .md\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .md\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .md\:hover\:to-black:hover {
+    --gradient-to-color: #000;
+  }
+
+  .md\:hover\:to-white:hover {
+    --gradient-to-color: #fff;
+  }
+
+  .md\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .md\:hover\:to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .md\:hover\:to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .md\:hover\:to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .md\:hover\:to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .md\:hover\:to-gray-600:hover {
+    --gradient-to-color: #718096;
+  }
+
+  .md\:hover\:to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+  }
+
+  .md\:hover\:to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+  }
+
+  .md\:hover\:to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+  }
+
+  .md\:hover\:to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .md\:hover\:to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .md\:hover\:to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .md\:hover\:to-red-400:hover {
+    --gradient-to-color: #fc8181;
+  }
+
+  .md\:hover\:to-red-500:hover {
+    --gradient-to-color: #f56565;
+  }
+
+  .md\:hover\:to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .md\:hover\:to-red-700:hover {
+    --gradient-to-color: #c53030;
+  }
+
+  .md\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .md\:hover\:to-red-900:hover {
+    --gradient-to-color: #742a2a;
+  }
+
+  .md\:hover\:to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .md\:hover\:to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+  }
+
+  .md\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .md\:hover\:to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .md\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+  }
+
+  .md\:hover\:to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .md\:hover\:to-orange-700:hover {
+    --gradient-to-color: #c05621;
+  }
+
+  .md\:hover\:to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+  }
+
+  .md\:hover\:to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+  }
+
+  .md\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+  }
+
+  .md\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .md\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+  }
+
+  .md\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .md\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .md\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .md\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+  }
+
+  .md\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+  }
+
+  .md\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #744210;
+  }
+
+  .md\:hover\:to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .md\:hover\:to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .md\:hover\:to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .md\:hover\:to-green-400:hover {
+    --gradient-to-color: #68d391;
+  }
+
+  .md\:hover\:to-green-500:hover {
+    --gradient-to-color: #48bb78;
+  }
+
+  .md\:hover\:to-green-600:hover {
+    --gradient-to-color: #38a169;
+  }
+
+  .md\:hover\:to-green-700:hover {
+    --gradient-to-color: #2f855a;
+  }
+
+  .md\:hover\:to-green-800:hover {
+    --gradient-to-color: #276749;
+  }
+
+  .md\:hover\:to-green-900:hover {
+    --gradient-to-color: #22543d;
+  }
+
+  .md\:hover\:to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .md\:hover\:to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .md\:hover\:to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .md\:hover\:to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .md\:hover\:to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .md\:hover\:to-teal-600:hover {
+    --gradient-to-color: #319795;
+  }
+
+  .md\:hover\:to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .md\:hover\:to-teal-800:hover {
+    --gradient-to-color: #285e61;
+  }
+
+  .md\:hover\:to-teal-900:hover {
+    --gradient-to-color: #234e52;
+  }
+
+  .md\:hover\:to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .md\:hover\:to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .md\:hover\:to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .md\:hover\:to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .md\:hover\:to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+  }
+
+  .md\:hover\:to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+  }
+
+  .md\:hover\:to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .md\:hover\:to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+  }
+
+  .md\:hover\:to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+  }
+
+  .md\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .md\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .md\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .md\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .md\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+  }
+
+  .md\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .md\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .md\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #434190;
+  }
+
+  .md\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+  }
+
+  .md\:hover\:to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .md\:hover\:to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .md\:hover\:to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .md\:hover\:to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+  }
+
+  .md\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .md\:hover\:to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+  }
+
+  .md\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .md\:hover\:to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+  }
+
+  .md\:hover\:to-purple-900:hover {
+    --gradient-to-color: #44337a;
+  }
+
+  .md\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .md\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .md\:hover\:to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .md\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+  }
+
+  .md\:hover\:to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .md\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .md\:hover\:to-pink-700:hover {
+    --gradient-to-color: #b83280;
+  }
+
+  .md\:hover\:to-pink-800:hover {
+    --gradient-to-color: #97266d;
+  }
+
+  .md\:hover\:to-pink-900:hover {
+    --gradient-to-color: #702459;
+  }
+
+  .md\:focus\:from-transparent:focus {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:gradient-from-current:focus {
+  .md\:focus\:from-current:focus {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:gradient-from-black:focus {
+  .md\:focus\:from-black:focus {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:gradient-from-white:focus {
+  .md\:focus\:from-white:focus {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:gradient-from-gray-100:focus {
+  .md\:focus\:from-gray-100:focus {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:focus\:gradient-from-gray-200:focus {
+  .md\:focus\:from-gray-200:focus {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:focus\:gradient-from-gray-300:focus {
+  .md\:focus\:from-gray-300:focus {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:focus\:gradient-from-gray-400:focus {
+  .md\:focus\:from-gray-400:focus {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:focus\:gradient-from-gray-500:focus {
+  .md\:focus\:from-gray-500:focus {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:focus\:gradient-from-gray-600:focus {
+  .md\:focus\:from-gray-600:focus {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:focus\:gradient-from-gray-700:focus {
+  .md\:focus\:from-gray-700:focus {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:focus\:gradient-from-gray-800:focus {
+  .md\:focus\:from-gray-800:focus {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:focus\:gradient-from-gray-900:focus {
+  .md\:focus\:from-gray-900:focus {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:focus\:gradient-from-red-100:focus {
+  .md\:focus\:from-red-100:focus {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:focus\:gradient-from-red-200:focus {
+  .md\:focus\:from-red-200:focus {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:focus\:gradient-from-red-300:focus {
+  .md\:focus\:from-red-300:focus {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:focus\:gradient-from-red-400:focus {
+  .md\:focus\:from-red-400:focus {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:focus\:gradient-from-red-500:focus {
+  .md\:focus\:from-red-500:focus {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:focus\:gradient-from-red-600:focus {
+  .md\:focus\:from-red-600:focus {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:focus\:gradient-from-red-700:focus {
+  .md\:focus\:from-red-700:focus {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:focus\:gradient-from-red-800:focus {
+  .md\:focus\:from-red-800:focus {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:focus\:gradient-from-red-900:focus {
+  .md\:focus\:from-red-900:focus {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:focus\:gradient-from-orange-100:focus {
+  .md\:focus\:from-orange-100:focus {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:focus\:gradient-from-orange-200:focus {
+  .md\:focus\:from-orange-200:focus {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:focus\:gradient-from-orange-300:focus {
+  .md\:focus\:from-orange-300:focus {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:focus\:gradient-from-orange-400:focus {
+  .md\:focus\:from-orange-400:focus {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:focus\:gradient-from-orange-500:focus {
+  .md\:focus\:from-orange-500:focus {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:focus\:gradient-from-orange-600:focus {
+  .md\:focus\:from-orange-600:focus {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:focus\:gradient-from-orange-700:focus {
+  .md\:focus\:from-orange-700:focus {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:focus\:gradient-from-orange-800:focus {
+  .md\:focus\:from-orange-800:focus {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:focus\:gradient-from-orange-900:focus {
+  .md\:focus\:from-orange-900:focus {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-100:focus {
+  .md\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-200:focus {
+  .md\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-300:focus {
+  .md\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-400:focus {
+  .md\:focus\:from-yellow-400:focus {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-500:focus {
+  .md\:focus\:from-yellow-500:focus {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-600:focus {
+  .md\:focus\:from-yellow-600:focus {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-700:focus {
+  .md\:focus\:from-yellow-700:focus {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-800:focus {
+  .md\:focus\:from-yellow-800:focus {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-900:focus {
+  .md\:focus\:from-yellow-900:focus {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:focus\:gradient-from-green-100:focus {
+  .md\:focus\:from-green-100:focus {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:focus\:gradient-from-green-200:focus {
+  .md\:focus\:from-green-200:focus {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:focus\:gradient-from-green-300:focus {
+  .md\:focus\:from-green-300:focus {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:focus\:gradient-from-green-400:focus {
+  .md\:focus\:from-green-400:focus {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:focus\:gradient-from-green-500:focus {
+  .md\:focus\:from-green-500:focus {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:focus\:gradient-from-green-600:focus {
+  .md\:focus\:from-green-600:focus {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:focus\:gradient-from-green-700:focus {
+  .md\:focus\:from-green-700:focus {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:focus\:gradient-from-green-800:focus {
+  .md\:focus\:from-green-800:focus {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:focus\:gradient-from-green-900:focus {
+  .md\:focus\:from-green-900:focus {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:focus\:gradient-from-teal-100:focus {
+  .md\:focus\:from-teal-100:focus {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:focus\:gradient-from-teal-200:focus {
+  .md\:focus\:from-teal-200:focus {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:focus\:gradient-from-teal-300:focus {
+  .md\:focus\:from-teal-300:focus {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:focus\:gradient-from-teal-400:focus {
+  .md\:focus\:from-teal-400:focus {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:focus\:gradient-from-teal-500:focus {
+  .md\:focus\:from-teal-500:focus {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:focus\:gradient-from-teal-600:focus {
+  .md\:focus\:from-teal-600:focus {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:focus\:gradient-from-teal-700:focus {
+  .md\:focus\:from-teal-700:focus {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:focus\:gradient-from-teal-800:focus {
+  .md\:focus\:from-teal-800:focus {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:focus\:gradient-from-teal-900:focus {
+  .md\:focus\:from-teal-900:focus {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:focus\:gradient-from-blue-100:focus {
+  .md\:focus\:from-blue-100:focus {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:focus\:gradient-from-blue-200:focus {
+  .md\:focus\:from-blue-200:focus {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:focus\:gradient-from-blue-300:focus {
+  .md\:focus\:from-blue-300:focus {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:focus\:gradient-from-blue-400:focus {
+  .md\:focus\:from-blue-400:focus {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:focus\:gradient-from-blue-500:focus {
+  .md\:focus\:from-blue-500:focus {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:focus\:gradient-from-blue-600:focus {
+  .md\:focus\:from-blue-600:focus {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:focus\:gradient-from-blue-700:focus {
+  .md\:focus\:from-blue-700:focus {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:focus\:gradient-from-blue-800:focus {
+  .md\:focus\:from-blue-800:focus {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:focus\:gradient-from-blue-900:focus {
+  .md\:focus\:from-blue-900:focus {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-100:focus {
+  .md\:focus\:from-indigo-100:focus {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-200:focus {
+  .md\:focus\:from-indigo-200:focus {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-300:focus {
+  .md\:focus\:from-indigo-300:focus {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-400:focus {
+  .md\:focus\:from-indigo-400:focus {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-500:focus {
+  .md\:focus\:from-indigo-500:focus {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-600:focus {
+  .md\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-700:focus {
+  .md\:focus\:from-indigo-700:focus {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-800:focus {
+  .md\:focus\:from-indigo-800:focus {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-900:focus {
+  .md\:focus\:from-indigo-900:focus {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:focus\:gradient-from-purple-100:focus {
+  .md\:focus\:from-purple-100:focus {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:focus\:gradient-from-purple-200:focus {
+  .md\:focus\:from-purple-200:focus {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:focus\:gradient-from-purple-300:focus {
+  .md\:focus\:from-purple-300:focus {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:focus\:gradient-from-purple-400:focus {
+  .md\:focus\:from-purple-400:focus {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:focus\:gradient-from-purple-500:focus {
+  .md\:focus\:from-purple-500:focus {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:focus\:gradient-from-purple-600:focus {
+  .md\:focus\:from-purple-600:focus {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:focus\:gradient-from-purple-700:focus {
+  .md\:focus\:from-purple-700:focus {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:focus\:gradient-from-purple-800:focus {
+  .md\:focus\:from-purple-800:focus {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:focus\:gradient-from-purple-900:focus {
+  .md\:focus\:from-purple-900:focus {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:focus\:gradient-from-pink-100:focus {
+  .md\:focus\:from-pink-100:focus {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:focus\:gradient-from-pink-200:focus {
+  .md\:focus\:from-pink-200:focus {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:focus\:gradient-from-pink-300:focus {
+  .md\:focus\:from-pink-300:focus {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:focus\:gradient-from-pink-400:focus {
+  .md\:focus\:from-pink-400:focus {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:focus\:gradient-from-pink-500:focus {
+  .md\:focus\:from-pink-500:focus {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:focus\:gradient-from-pink-600:focus {
+  .md\:focus\:from-pink-600:focus {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:focus\:gradient-from-pink-700:focus {
+  .md\:focus\:from-pink-700:focus {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:focus\:gradient-from-pink-800:focus {
+  .md\:focus\:from-pink-800:focus {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:focus\:gradient-from-pink-900:focus {
+  .md\:focus\:from-pink-900:focus {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .md\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:gradient-mid-current:focus {
+  .md\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-black:focus {
+  .md\:focus\:mid-black:focus {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:gradient-mid-white:focus {
+  .md\:focus\:mid-white:focus {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-100:focus {
+  .md\:focus\:mid-gray-100:focus {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-200:focus {
+  .md\:focus\:mid-gray-200:focus {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-300:focus {
+  .md\:focus\:mid-gray-300:focus {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-400:focus {
+  .md\:focus\:mid-gray-400:focus {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-500:focus {
+  .md\:focus\:mid-gray-500:focus {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-600:focus {
+  .md\:focus\:mid-gray-600:focus {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-700:focus {
+  .md\:focus\:mid-gray-700:focus {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-800:focus {
+  .md\:focus\:mid-gray-800:focus {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-900:focus {
+  .md\:focus\:mid-gray-900:focus {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:focus\:gradient-mid-red-100:focus {
+  .md\:focus\:mid-red-100:focus {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:focus\:gradient-mid-red-200:focus {
+  .md\:focus\:mid-red-200:focus {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:focus\:gradient-mid-red-300:focus {
+  .md\:focus\:mid-red-300:focus {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:focus\:gradient-mid-red-400:focus {
+  .md\:focus\:mid-red-400:focus {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:focus\:gradient-mid-red-500:focus {
+  .md\:focus\:mid-red-500:focus {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:focus\:gradient-mid-red-600:focus {
+  .md\:focus\:mid-red-600:focus {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:focus\:gradient-mid-red-700:focus {
+  .md\:focus\:mid-red-700:focus {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:focus\:gradient-mid-red-800:focus {
+  .md\:focus\:mid-red-800:focus {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:focus\:gradient-mid-red-900:focus {
+  .md\:focus\:mid-red-900:focus {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-100:focus {
+  .md\:focus\:mid-orange-100:focus {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-200:focus {
+  .md\:focus\:mid-orange-200:focus {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-300:focus {
+  .md\:focus\:mid-orange-300:focus {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-400:focus {
+  .md\:focus\:mid-orange-400:focus {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-500:focus {
+  .md\:focus\:mid-orange-500:focus {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-600:focus {
+  .md\:focus\:mid-orange-600:focus {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-700:focus {
+  .md\:focus\:mid-orange-700:focus {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-800:focus {
+  .md\:focus\:mid-orange-800:focus {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-900:focus {
+  .md\:focus\:mid-orange-900:focus {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-100:focus {
+  .md\:focus\:mid-yellow-100:focus {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-200:focus {
+  .md\:focus\:mid-yellow-200:focus {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-300:focus {
+  .md\:focus\:mid-yellow-300:focus {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-400:focus {
+  .md\:focus\:mid-yellow-400:focus {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-500:focus {
+  .md\:focus\:mid-yellow-500:focus {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-600:focus {
+  .md\:focus\:mid-yellow-600:focus {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-700:focus {
+  .md\:focus\:mid-yellow-700:focus {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-800:focus {
+  .md\:focus\:mid-yellow-800:focus {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-900:focus {
+  .md\:focus\:mid-yellow-900:focus {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:focus\:gradient-mid-green-100:focus {
+  .md\:focus\:mid-green-100:focus {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:focus\:gradient-mid-green-200:focus {
+  .md\:focus\:mid-green-200:focus {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:focus\:gradient-mid-green-300:focus {
+  .md\:focus\:mid-green-300:focus {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:focus\:gradient-mid-green-400:focus {
+  .md\:focus\:mid-green-400:focus {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:focus\:gradient-mid-green-500:focus {
+  .md\:focus\:mid-green-500:focus {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:focus\:gradient-mid-green-600:focus {
+  .md\:focus\:mid-green-600:focus {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:focus\:gradient-mid-green-700:focus {
+  .md\:focus\:mid-green-700:focus {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:focus\:gradient-mid-green-800:focus {
+  .md\:focus\:mid-green-800:focus {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:focus\:gradient-mid-green-900:focus {
+  .md\:focus\:mid-green-900:focus {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-100:focus {
+  .md\:focus\:mid-teal-100:focus {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-200:focus {
+  .md\:focus\:mid-teal-200:focus {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-300:focus {
+  .md\:focus\:mid-teal-300:focus {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-400:focus {
+  .md\:focus\:mid-teal-400:focus {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-500:focus {
+  .md\:focus\:mid-teal-500:focus {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-600:focus {
+  .md\:focus\:mid-teal-600:focus {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-700:focus {
+  .md\:focus\:mid-teal-700:focus {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-800:focus {
+  .md\:focus\:mid-teal-800:focus {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-900:focus {
+  .md\:focus\:mid-teal-900:focus {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-100:focus {
+  .md\:focus\:mid-blue-100:focus {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-200:focus {
+  .md\:focus\:mid-blue-200:focus {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-300:focus {
+  .md\:focus\:mid-blue-300:focus {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-400:focus {
+  .md\:focus\:mid-blue-400:focus {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-500:focus {
+  .md\:focus\:mid-blue-500:focus {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-600:focus {
+  .md\:focus\:mid-blue-600:focus {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-700:focus {
+  .md\:focus\:mid-blue-700:focus {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-800:focus {
+  .md\:focus\:mid-blue-800:focus {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-900:focus {
+  .md\:focus\:mid-blue-900:focus {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-100:focus {
+  .md\:focus\:mid-indigo-100:focus {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-200:focus {
+  .md\:focus\:mid-indigo-200:focus {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-300:focus {
+  .md\:focus\:mid-indigo-300:focus {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-400:focus {
+  .md\:focus\:mid-indigo-400:focus {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-500:focus {
+  .md\:focus\:mid-indigo-500:focus {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-600:focus {
+  .md\:focus\:mid-indigo-600:focus {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-700:focus {
+  .md\:focus\:mid-indigo-700:focus {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-800:focus {
+  .md\:focus\:mid-indigo-800:focus {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-900:focus {
+  .md\:focus\:mid-indigo-900:focus {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-100:focus {
+  .md\:focus\:mid-purple-100:focus {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-200:focus {
+  .md\:focus\:mid-purple-200:focus {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-300:focus {
+  .md\:focus\:mid-purple-300:focus {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-400:focus {
+  .md\:focus\:mid-purple-400:focus {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-500:focus {
+  .md\:focus\:mid-purple-500:focus {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-600:focus {
+  .md\:focus\:mid-purple-600:focus {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-700:focus {
+  .md\:focus\:mid-purple-700:focus {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-800:focus {
+  .md\:focus\:mid-purple-800:focus {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-900:focus {
+  .md\:focus\:mid-purple-900:focus {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-100:focus {
+  .md\:focus\:mid-pink-100:focus {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-200:focus {
+  .md\:focus\:mid-pink-200:focus {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-300:focus {
+  .md\:focus\:mid-pink-300:focus {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-400:focus {
+  .md\:focus\:mid-pink-400:focus {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-500:focus {
+  .md\:focus\:mid-pink-500:focus {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-600:focus {
+  .md\:focus\:mid-pink-600:focus {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-700:focus {
+  .md\:focus\:mid-pink-700:focus {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-800:focus {
+  .md\:focus\:mid-pink-800:focus {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-900:focus {
+  .md\:focus\:mid-pink-900:focus {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  }
+
+  .md\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .md\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .md\:focus\:to-black:focus {
+    --gradient-to-color: #000;
+  }
+
+  .md\:focus\:to-white:focus {
+    --gradient-to-color: #fff;
+  }
+
+  .md\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .md\:focus\:to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .md\:focus\:to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .md\:focus\:to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .md\:focus\:to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .md\:focus\:to-gray-600:focus {
+    --gradient-to-color: #718096;
+  }
+
+  .md\:focus\:to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+  }
+
+  .md\:focus\:to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+  }
+
+  .md\:focus\:to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+  }
+
+  .md\:focus\:to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .md\:focus\:to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .md\:focus\:to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .md\:focus\:to-red-400:focus {
+    --gradient-to-color: #fc8181;
+  }
+
+  .md\:focus\:to-red-500:focus {
+    --gradient-to-color: #f56565;
+  }
+
+  .md\:focus\:to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .md\:focus\:to-red-700:focus {
+    --gradient-to-color: #c53030;
+  }
+
+  .md\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .md\:focus\:to-red-900:focus {
+    --gradient-to-color: #742a2a;
+  }
+
+  .md\:focus\:to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .md\:focus\:to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+  }
+
+  .md\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .md\:focus\:to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .md\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+  }
+
+  .md\:focus\:to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .md\:focus\:to-orange-700:focus {
+    --gradient-to-color: #c05621;
+  }
+
+  .md\:focus\:to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+  }
+
+  .md\:focus\:to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+  }
+
+  .md\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+  }
+
+  .md\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .md\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+  }
+
+  .md\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .md\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .md\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .md\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+  }
+
+  .md\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+  }
+
+  .md\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #744210;
+  }
+
+  .md\:focus\:to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .md\:focus\:to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .md\:focus\:to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .md\:focus\:to-green-400:focus {
+    --gradient-to-color: #68d391;
+  }
+
+  .md\:focus\:to-green-500:focus {
+    --gradient-to-color: #48bb78;
+  }
+
+  .md\:focus\:to-green-600:focus {
+    --gradient-to-color: #38a169;
+  }
+
+  .md\:focus\:to-green-700:focus {
+    --gradient-to-color: #2f855a;
+  }
+
+  .md\:focus\:to-green-800:focus {
+    --gradient-to-color: #276749;
+  }
+
+  .md\:focus\:to-green-900:focus {
+    --gradient-to-color: #22543d;
+  }
+
+  .md\:focus\:to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .md\:focus\:to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .md\:focus\:to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .md\:focus\:to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .md\:focus\:to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .md\:focus\:to-teal-600:focus {
+    --gradient-to-color: #319795;
+  }
+
+  .md\:focus\:to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .md\:focus\:to-teal-800:focus {
+    --gradient-to-color: #285e61;
+  }
+
+  .md\:focus\:to-teal-900:focus {
+    --gradient-to-color: #234e52;
+  }
+
+  .md\:focus\:to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .md\:focus\:to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .md\:focus\:to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .md\:focus\:to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .md\:focus\:to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+  }
+
+  .md\:focus\:to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+  }
+
+  .md\:focus\:to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .md\:focus\:to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+  }
+
+  .md\:focus\:to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+  }
+
+  .md\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .md\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .md\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .md\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .md\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+  }
+
+  .md\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .md\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .md\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #434190;
+  }
+
+  .md\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+  }
+
+  .md\:focus\:to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .md\:focus\:to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .md\:focus\:to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .md\:focus\:to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+  }
+
+  .md\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .md\:focus\:to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+  }
+
+  .md\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .md\:focus\:to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+  }
+
+  .md\:focus\:to-purple-900:focus {
+    --gradient-to-color: #44337a;
+  }
+
+  .md\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .md\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .md\:focus\:to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .md\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+  }
+
+  .md\:focus\:to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .md\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .md\:focus\:to-pink-700:focus {
+    --gradient-to-color: #b83280;
+  }
+
+  .md\:focus\:to-pink-800:focus {
+    --gradient-to-color: #97266d;
+  }
+
+  .md\:focus\:to-pink-900:focus {
+    --gradient-to-color: #702459;
   }
 
   .md\:bg-bottom {
@@ -50227,4250 +49429,3984 @@ video {
     background-color: #702459;
   }
 
-  .lg\:bg-gradient-up {
-    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  .lg\:bg-gradient-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  .lg\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  .lg\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  .lg\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .lg\:gradient-from-transparent {
+  .lg\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .lg\:from-transparent {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:gradient-from-current {
+  .lg\:from-current {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:gradient-from-black {
+  .lg\:from-black {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:gradient-from-white {
+  .lg\:from-white {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:gradient-from-gray-100 {
+  .lg\:from-gray-100 {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:gradient-from-gray-200 {
+  .lg\:from-gray-200 {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:gradient-from-gray-300 {
+  .lg\:from-gray-300 {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:gradient-from-gray-400 {
+  .lg\:from-gray-400 {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:gradient-from-gray-500 {
+  .lg\:from-gray-500 {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:gradient-from-gray-600 {
+  .lg\:from-gray-600 {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:gradient-from-gray-700 {
+  .lg\:from-gray-700 {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:gradient-from-gray-800 {
+  .lg\:from-gray-800 {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:gradient-from-gray-900 {
+  .lg\:from-gray-900 {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:gradient-from-red-100 {
+  .lg\:from-red-100 {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:gradient-from-red-200 {
+  .lg\:from-red-200 {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:gradient-from-red-300 {
+  .lg\:from-red-300 {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:gradient-from-red-400 {
+  .lg\:from-red-400 {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:gradient-from-red-500 {
+  .lg\:from-red-500 {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:gradient-from-red-600 {
+  .lg\:from-red-600 {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:gradient-from-red-700 {
+  .lg\:from-red-700 {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:gradient-from-red-800 {
+  .lg\:from-red-800 {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:gradient-from-red-900 {
+  .lg\:from-red-900 {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:gradient-from-orange-100 {
+  .lg\:from-orange-100 {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:gradient-from-orange-200 {
+  .lg\:from-orange-200 {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:gradient-from-orange-300 {
+  .lg\:from-orange-300 {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:gradient-from-orange-400 {
+  .lg\:from-orange-400 {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:gradient-from-orange-500 {
+  .lg\:from-orange-500 {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:gradient-from-orange-600 {
+  .lg\:from-orange-600 {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:gradient-from-orange-700 {
+  .lg\:from-orange-700 {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:gradient-from-orange-800 {
+  .lg\:from-orange-800 {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:gradient-from-orange-900 {
+  .lg\:from-orange-900 {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:gradient-from-yellow-100 {
+  .lg\:from-yellow-100 {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:gradient-from-yellow-200 {
+  .lg\:from-yellow-200 {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:gradient-from-yellow-300 {
+  .lg\:from-yellow-300 {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:gradient-from-yellow-400 {
+  .lg\:from-yellow-400 {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:gradient-from-yellow-500 {
+  .lg\:from-yellow-500 {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:gradient-from-yellow-600 {
+  .lg\:from-yellow-600 {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:gradient-from-yellow-700 {
+  .lg\:from-yellow-700 {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:gradient-from-yellow-800 {
+  .lg\:from-yellow-800 {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:gradient-from-yellow-900 {
+  .lg\:from-yellow-900 {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:gradient-from-green-100 {
+  .lg\:from-green-100 {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:gradient-from-green-200 {
+  .lg\:from-green-200 {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:gradient-from-green-300 {
+  .lg\:from-green-300 {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:gradient-from-green-400 {
+  .lg\:from-green-400 {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:gradient-from-green-500 {
+  .lg\:from-green-500 {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:gradient-from-green-600 {
+  .lg\:from-green-600 {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:gradient-from-green-700 {
+  .lg\:from-green-700 {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:gradient-from-green-800 {
+  .lg\:from-green-800 {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:gradient-from-green-900 {
+  .lg\:from-green-900 {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:gradient-from-teal-100 {
+  .lg\:from-teal-100 {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:gradient-from-teal-200 {
+  .lg\:from-teal-200 {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:gradient-from-teal-300 {
+  .lg\:from-teal-300 {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:gradient-from-teal-400 {
+  .lg\:from-teal-400 {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:gradient-from-teal-500 {
+  .lg\:from-teal-500 {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:gradient-from-teal-600 {
+  .lg\:from-teal-600 {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:gradient-from-teal-700 {
+  .lg\:from-teal-700 {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:gradient-from-teal-800 {
+  .lg\:from-teal-800 {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:gradient-from-teal-900 {
+  .lg\:from-teal-900 {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:gradient-from-blue-100 {
+  .lg\:from-blue-100 {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:gradient-from-blue-200 {
+  .lg\:from-blue-200 {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:gradient-from-blue-300 {
+  .lg\:from-blue-300 {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:gradient-from-blue-400 {
+  .lg\:from-blue-400 {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:gradient-from-blue-500 {
+  .lg\:from-blue-500 {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:gradient-from-blue-600 {
+  .lg\:from-blue-600 {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:gradient-from-blue-700 {
+  .lg\:from-blue-700 {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:gradient-from-blue-800 {
+  .lg\:from-blue-800 {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:gradient-from-blue-900 {
+  .lg\:from-blue-900 {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:gradient-from-indigo-100 {
+  .lg\:from-indigo-100 {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:gradient-from-indigo-200 {
+  .lg\:from-indigo-200 {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:gradient-from-indigo-300 {
+  .lg\:from-indigo-300 {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:gradient-from-indigo-400 {
+  .lg\:from-indigo-400 {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:gradient-from-indigo-500 {
+  .lg\:from-indigo-500 {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:gradient-from-indigo-600 {
+  .lg\:from-indigo-600 {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:gradient-from-indigo-700 {
+  .lg\:from-indigo-700 {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:gradient-from-indigo-800 {
+  .lg\:from-indigo-800 {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:gradient-from-indigo-900 {
+  .lg\:from-indigo-900 {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:gradient-from-purple-100 {
+  .lg\:from-purple-100 {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:gradient-from-purple-200 {
+  .lg\:from-purple-200 {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:gradient-from-purple-300 {
+  .lg\:from-purple-300 {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:gradient-from-purple-400 {
+  .lg\:from-purple-400 {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:gradient-from-purple-500 {
+  .lg\:from-purple-500 {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:gradient-from-purple-600 {
+  .lg\:from-purple-600 {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:gradient-from-purple-700 {
+  .lg\:from-purple-700 {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:gradient-from-purple-800 {
+  .lg\:from-purple-800 {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:gradient-from-purple-900 {
+  .lg\:from-purple-900 {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:gradient-from-pink-100 {
+  .lg\:from-pink-100 {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:gradient-from-pink-200 {
+  .lg\:from-pink-200 {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:gradient-from-pink-300 {
+  .lg\:from-pink-300 {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:gradient-from-pink-400 {
+  .lg\:from-pink-400 {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:gradient-from-pink-500 {
+  .lg\:from-pink-500 {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:gradient-from-pink-600 {
+  .lg\:from-pink-600 {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:gradient-from-pink-700 {
+  .lg\:from-pink-700 {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:gradient-from-pink-800 {
+  .lg\:from-pink-800 {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:gradient-from-pink-900 {
+  .lg\:from-pink-900 {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .lg\:mid-transparent {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:gradient-mid-current {
+  .lg\:mid-current {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:gradient-mid-black {
+  .lg\:mid-black {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:gradient-mid-white {
+  .lg\:mid-white {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:gradient-mid-gray-100 {
+  .lg\:mid-gray-100 {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:gradient-mid-gray-200 {
+  .lg\:mid-gray-200 {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:gradient-mid-gray-300 {
+  .lg\:mid-gray-300 {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:gradient-mid-gray-400 {
+  .lg\:mid-gray-400 {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:gradient-mid-gray-500 {
+  .lg\:mid-gray-500 {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:gradient-mid-gray-600 {
+  .lg\:mid-gray-600 {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:gradient-mid-gray-700 {
+  .lg\:mid-gray-700 {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:gradient-mid-gray-800 {
+  .lg\:mid-gray-800 {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:gradient-mid-gray-900 {
+  .lg\:mid-gray-900 {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:gradient-mid-red-100 {
+  .lg\:mid-red-100 {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:gradient-mid-red-200 {
+  .lg\:mid-red-200 {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:gradient-mid-red-300 {
+  .lg\:mid-red-300 {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:gradient-mid-red-400 {
+  .lg\:mid-red-400 {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:gradient-mid-red-500 {
+  .lg\:mid-red-500 {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:gradient-mid-red-600 {
+  .lg\:mid-red-600 {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:gradient-mid-red-700 {
+  .lg\:mid-red-700 {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:gradient-mid-red-800 {
+  .lg\:mid-red-800 {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:gradient-mid-red-900 {
+  .lg\:mid-red-900 {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:gradient-mid-orange-100 {
+  .lg\:mid-orange-100 {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:gradient-mid-orange-200 {
+  .lg\:mid-orange-200 {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:gradient-mid-orange-300 {
+  .lg\:mid-orange-300 {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:gradient-mid-orange-400 {
+  .lg\:mid-orange-400 {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:gradient-mid-orange-500 {
+  .lg\:mid-orange-500 {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:gradient-mid-orange-600 {
+  .lg\:mid-orange-600 {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:gradient-mid-orange-700 {
+  .lg\:mid-orange-700 {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:gradient-mid-orange-800 {
+  .lg\:mid-orange-800 {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:gradient-mid-orange-900 {
+  .lg\:mid-orange-900 {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:gradient-mid-yellow-100 {
+  .lg\:mid-yellow-100 {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:gradient-mid-yellow-200 {
+  .lg\:mid-yellow-200 {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:gradient-mid-yellow-300 {
+  .lg\:mid-yellow-300 {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:gradient-mid-yellow-400 {
+  .lg\:mid-yellow-400 {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:gradient-mid-yellow-500 {
+  .lg\:mid-yellow-500 {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:gradient-mid-yellow-600 {
+  .lg\:mid-yellow-600 {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:gradient-mid-yellow-700 {
+  .lg\:mid-yellow-700 {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:gradient-mid-yellow-800 {
+  .lg\:mid-yellow-800 {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:gradient-mid-yellow-900 {
+  .lg\:mid-yellow-900 {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:gradient-mid-green-100 {
+  .lg\:mid-green-100 {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:gradient-mid-green-200 {
+  .lg\:mid-green-200 {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:gradient-mid-green-300 {
+  .lg\:mid-green-300 {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:gradient-mid-green-400 {
+  .lg\:mid-green-400 {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:gradient-mid-green-500 {
+  .lg\:mid-green-500 {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:gradient-mid-green-600 {
+  .lg\:mid-green-600 {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:gradient-mid-green-700 {
+  .lg\:mid-green-700 {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:gradient-mid-green-800 {
+  .lg\:mid-green-800 {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:gradient-mid-green-900 {
+  .lg\:mid-green-900 {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:gradient-mid-teal-100 {
+  .lg\:mid-teal-100 {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:gradient-mid-teal-200 {
+  .lg\:mid-teal-200 {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:gradient-mid-teal-300 {
+  .lg\:mid-teal-300 {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:gradient-mid-teal-400 {
+  .lg\:mid-teal-400 {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:gradient-mid-teal-500 {
+  .lg\:mid-teal-500 {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:gradient-mid-teal-600 {
+  .lg\:mid-teal-600 {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:gradient-mid-teal-700 {
+  .lg\:mid-teal-700 {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:gradient-mid-teal-800 {
+  .lg\:mid-teal-800 {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:gradient-mid-teal-900 {
+  .lg\:mid-teal-900 {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:gradient-mid-blue-100 {
+  .lg\:mid-blue-100 {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:gradient-mid-blue-200 {
+  .lg\:mid-blue-200 {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:gradient-mid-blue-300 {
+  .lg\:mid-blue-300 {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:gradient-mid-blue-400 {
+  .lg\:mid-blue-400 {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:gradient-mid-blue-500 {
+  .lg\:mid-blue-500 {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:gradient-mid-blue-600 {
+  .lg\:mid-blue-600 {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:gradient-mid-blue-700 {
+  .lg\:mid-blue-700 {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:gradient-mid-blue-800 {
+  .lg\:mid-blue-800 {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:gradient-mid-blue-900 {
+  .lg\:mid-blue-900 {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:gradient-mid-indigo-100 {
+  .lg\:mid-indigo-100 {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:gradient-mid-indigo-200 {
+  .lg\:mid-indigo-200 {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:gradient-mid-indigo-300 {
+  .lg\:mid-indigo-300 {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:gradient-mid-indigo-400 {
+  .lg\:mid-indigo-400 {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:gradient-mid-indigo-500 {
+  .lg\:mid-indigo-500 {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:gradient-mid-indigo-600 {
+  .lg\:mid-indigo-600 {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:gradient-mid-indigo-700 {
+  .lg\:mid-indigo-700 {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:gradient-mid-indigo-800 {
+  .lg\:mid-indigo-800 {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:gradient-mid-indigo-900 {
+  .lg\:mid-indigo-900 {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:gradient-mid-purple-100 {
+  .lg\:mid-purple-100 {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:gradient-mid-purple-200 {
+  .lg\:mid-purple-200 {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:gradient-mid-purple-300 {
+  .lg\:mid-purple-300 {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:gradient-mid-purple-400 {
+  .lg\:mid-purple-400 {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:gradient-mid-purple-500 {
+  .lg\:mid-purple-500 {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:gradient-mid-purple-600 {
+  .lg\:mid-purple-600 {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:gradient-mid-purple-700 {
+  .lg\:mid-purple-700 {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:gradient-mid-purple-800 {
+  .lg\:mid-purple-800 {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:gradient-mid-purple-900 {
+  .lg\:mid-purple-900 {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:gradient-mid-pink-100 {
+  .lg\:mid-pink-100 {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:gradient-mid-pink-200 {
+  .lg\:mid-pink-200 {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:gradient-mid-pink-300 {
+  .lg\:mid-pink-300 {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:gradient-mid-pink-400 {
+  .lg\:mid-pink-400 {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:gradient-mid-pink-500 {
+  .lg\:mid-pink-500 {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:gradient-mid-pink-600 {
+  .lg\:mid-pink-600 {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:gradient-mid-pink-700 {
+  .lg\:mid-pink-700 {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:gradient-mid-pink-800 {
+  .lg\:mid-pink-800 {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:gradient-mid-pink-900 {
+  .lg\:mid-pink-900 {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .lg\:hover\:gradient-from-transparent:hover {
+  .lg\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .lg\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .lg\:to-black {
+    --gradient-to-color: #000;
+  }
+
+  .lg\:to-white {
+    --gradient-to-color: #fff;
+  }
+
+  .lg\:to-gray-100 {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .lg\:to-gray-200 {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .lg\:to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .lg\:to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .lg\:to-gray-500 {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .lg\:to-gray-600 {
+    --gradient-to-color: #718096;
+  }
+
+  .lg\:to-gray-700 {
+    --gradient-to-color: #4a5568;
+  }
+
+  .lg\:to-gray-800 {
+    --gradient-to-color: #2d3748;
+  }
+
+  .lg\:to-gray-900 {
+    --gradient-to-color: #1a202c;
+  }
+
+  .lg\:to-red-100 {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .lg\:to-red-200 {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .lg\:to-red-300 {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .lg\:to-red-400 {
+    --gradient-to-color: #fc8181;
+  }
+
+  .lg\:to-red-500 {
+    --gradient-to-color: #f56565;
+  }
+
+  .lg\:to-red-600 {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .lg\:to-red-700 {
+    --gradient-to-color: #c53030;
+  }
+
+  .lg\:to-red-800 {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .lg\:to-red-900 {
+    --gradient-to-color: #742a2a;
+  }
+
+  .lg\:to-orange-100 {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .lg\:to-orange-200 {
+    --gradient-to-color: #feebc8;
+  }
+
+  .lg\:to-orange-300 {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .lg\:to-orange-400 {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .lg\:to-orange-500 {
+    --gradient-to-color: #ed8936;
+  }
+
+  .lg\:to-orange-600 {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .lg\:to-orange-700 {
+    --gradient-to-color: #c05621;
+  }
+
+  .lg\:to-orange-800 {
+    --gradient-to-color: #9c4221;
+  }
+
+  .lg\:to-orange-900 {
+    --gradient-to-color: #7b341e;
+  }
+
+  .lg\:to-yellow-100 {
+    --gradient-to-color: #fffff0;
+  }
+
+  .lg\:to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .lg\:to-yellow-300 {
+    --gradient-to-color: #faf089;
+  }
+
+  .lg\:to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .lg\:to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .lg\:to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .lg\:to-yellow-700 {
+    --gradient-to-color: #b7791f;
+  }
+
+  .lg\:to-yellow-800 {
+    --gradient-to-color: #975a16;
+  }
+
+  .lg\:to-yellow-900 {
+    --gradient-to-color: #744210;
+  }
+
+  .lg\:to-green-100 {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .lg\:to-green-200 {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .lg\:to-green-300 {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .lg\:to-green-400 {
+    --gradient-to-color: #68d391;
+  }
+
+  .lg\:to-green-500 {
+    --gradient-to-color: #48bb78;
+  }
+
+  .lg\:to-green-600 {
+    --gradient-to-color: #38a169;
+  }
+
+  .lg\:to-green-700 {
+    --gradient-to-color: #2f855a;
+  }
+
+  .lg\:to-green-800 {
+    --gradient-to-color: #276749;
+  }
+
+  .lg\:to-green-900 {
+    --gradient-to-color: #22543d;
+  }
+
+  .lg\:to-teal-100 {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .lg\:to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .lg\:to-teal-300 {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .lg\:to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .lg\:to-teal-500 {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .lg\:to-teal-600 {
+    --gradient-to-color: #319795;
+  }
+
+  .lg\:to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .lg\:to-teal-800 {
+    --gradient-to-color: #285e61;
+  }
+
+  .lg\:to-teal-900 {
+    --gradient-to-color: #234e52;
+  }
+
+  .lg\:to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .lg\:to-blue-200 {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .lg\:to-blue-300 {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .lg\:to-blue-400 {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .lg\:to-blue-500 {
+    --gradient-to-color: #4299e1;
+  }
+
+  .lg\:to-blue-600 {
+    --gradient-to-color: #3182ce;
+  }
+
+  .lg\:to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .lg\:to-blue-800 {
+    --gradient-to-color: #2c5282;
+  }
+
+  .lg\:to-blue-900 {
+    --gradient-to-color: #2a4365;
+  }
+
+  .lg\:to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .lg\:to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .lg\:to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .lg\:to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .lg\:to-indigo-500 {
+    --gradient-to-color: #667eea;
+  }
+
+  .lg\:to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .lg\:to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .lg\:to-indigo-800 {
+    --gradient-to-color: #434190;
+  }
+
+  .lg\:to-indigo-900 {
+    --gradient-to-color: #3c366b;
+  }
+
+  .lg\:to-purple-100 {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .lg\:to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .lg\:to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .lg\:to-purple-400 {
+    --gradient-to-color: #b794f4;
+  }
+
+  .lg\:to-purple-500 {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .lg\:to-purple-600 {
+    --gradient-to-color: #805ad5;
+  }
+
+  .lg\:to-purple-700 {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .lg\:to-purple-800 {
+    --gradient-to-color: #553c9a;
+  }
+
+  .lg\:to-purple-900 {
+    --gradient-to-color: #44337a;
+  }
+
+  .lg\:to-pink-100 {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .lg\:to-pink-200 {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .lg\:to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .lg\:to-pink-400 {
+    --gradient-to-color: #f687b3;
+  }
+
+  .lg\:to-pink-500 {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .lg\:to-pink-600 {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .lg\:to-pink-700 {
+    --gradient-to-color: #b83280;
+  }
+
+  .lg\:to-pink-800 {
+    --gradient-to-color: #97266d;
+  }
+
+  .lg\:to-pink-900 {
+    --gradient-to-color: #702459;
+  }
+
+  .lg\:hover\:from-transparent:hover {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:gradient-from-current:hover {
+  .lg\:hover\:from-current:hover {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-black:hover {
+  .lg\:hover\:from-black:hover {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:gradient-from-white:hover {
+  .lg\:hover\:from-white:hover {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-100:hover {
+  .lg\:hover\:from-gray-100:hover {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-200:hover {
+  .lg\:hover\:from-gray-200:hover {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-300:hover {
+  .lg\:hover\:from-gray-300:hover {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-400:hover {
+  .lg\:hover\:from-gray-400:hover {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-500:hover {
+  .lg\:hover\:from-gray-500:hover {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-600:hover {
+  .lg\:hover\:from-gray-600:hover {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-700:hover {
+  .lg\:hover\:from-gray-700:hover {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-800:hover {
+  .lg\:hover\:from-gray-800:hover {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-900:hover {
+  .lg\:hover\:from-gray-900:hover {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:hover\:gradient-from-red-100:hover {
+  .lg\:hover\:from-red-100:hover {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:hover\:gradient-from-red-200:hover {
+  .lg\:hover\:from-red-200:hover {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:hover\:gradient-from-red-300:hover {
+  .lg\:hover\:from-red-300:hover {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:hover\:gradient-from-red-400:hover {
+  .lg\:hover\:from-red-400:hover {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:hover\:gradient-from-red-500:hover {
+  .lg\:hover\:from-red-500:hover {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:hover\:gradient-from-red-600:hover {
+  .lg\:hover\:from-red-600:hover {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:hover\:gradient-from-red-700:hover {
+  .lg\:hover\:from-red-700:hover {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:hover\:gradient-from-red-800:hover {
+  .lg\:hover\:from-red-800:hover {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:hover\:gradient-from-red-900:hover {
+  .lg\:hover\:from-red-900:hover {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-100:hover {
+  .lg\:hover\:from-orange-100:hover {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-200:hover {
+  .lg\:hover\:from-orange-200:hover {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-300:hover {
+  .lg\:hover\:from-orange-300:hover {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-400:hover {
+  .lg\:hover\:from-orange-400:hover {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-500:hover {
+  .lg\:hover\:from-orange-500:hover {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-600:hover {
+  .lg\:hover\:from-orange-600:hover {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-700:hover {
+  .lg\:hover\:from-orange-700:hover {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-800:hover {
+  .lg\:hover\:from-orange-800:hover {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-900:hover {
+  .lg\:hover\:from-orange-900:hover {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-100:hover {
+  .lg\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-200:hover {
+  .lg\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-300:hover {
+  .lg\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-400:hover {
+  .lg\:hover\:from-yellow-400:hover {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-500:hover {
+  .lg\:hover\:from-yellow-500:hover {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-600:hover {
+  .lg\:hover\:from-yellow-600:hover {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-700:hover {
+  .lg\:hover\:from-yellow-700:hover {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-800:hover {
+  .lg\:hover\:from-yellow-800:hover {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-900:hover {
+  .lg\:hover\:from-yellow-900:hover {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:hover\:gradient-from-green-100:hover {
+  .lg\:hover\:from-green-100:hover {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:hover\:gradient-from-green-200:hover {
+  .lg\:hover\:from-green-200:hover {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:hover\:gradient-from-green-300:hover {
+  .lg\:hover\:from-green-300:hover {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:hover\:gradient-from-green-400:hover {
+  .lg\:hover\:from-green-400:hover {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:hover\:gradient-from-green-500:hover {
+  .lg\:hover\:from-green-500:hover {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:hover\:gradient-from-green-600:hover {
+  .lg\:hover\:from-green-600:hover {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:hover\:gradient-from-green-700:hover {
+  .lg\:hover\:from-green-700:hover {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:hover\:gradient-from-green-800:hover {
+  .lg\:hover\:from-green-800:hover {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:hover\:gradient-from-green-900:hover {
+  .lg\:hover\:from-green-900:hover {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-100:hover {
+  .lg\:hover\:from-teal-100:hover {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-200:hover {
+  .lg\:hover\:from-teal-200:hover {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-300:hover {
+  .lg\:hover\:from-teal-300:hover {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-400:hover {
+  .lg\:hover\:from-teal-400:hover {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-500:hover {
+  .lg\:hover\:from-teal-500:hover {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-600:hover {
+  .lg\:hover\:from-teal-600:hover {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-700:hover {
+  .lg\:hover\:from-teal-700:hover {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-800:hover {
+  .lg\:hover\:from-teal-800:hover {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-900:hover {
+  .lg\:hover\:from-teal-900:hover {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-100:hover {
+  .lg\:hover\:from-blue-100:hover {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-200:hover {
+  .lg\:hover\:from-blue-200:hover {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-300:hover {
+  .lg\:hover\:from-blue-300:hover {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-400:hover {
+  .lg\:hover\:from-blue-400:hover {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-500:hover {
+  .lg\:hover\:from-blue-500:hover {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-600:hover {
+  .lg\:hover\:from-blue-600:hover {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-700:hover {
+  .lg\:hover\:from-blue-700:hover {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-800:hover {
+  .lg\:hover\:from-blue-800:hover {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-900:hover {
+  .lg\:hover\:from-blue-900:hover {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-100:hover {
+  .lg\:hover\:from-indigo-100:hover {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-200:hover {
+  .lg\:hover\:from-indigo-200:hover {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-300:hover {
+  .lg\:hover\:from-indigo-300:hover {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-400:hover {
+  .lg\:hover\:from-indigo-400:hover {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-500:hover {
+  .lg\:hover\:from-indigo-500:hover {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-600:hover {
+  .lg\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-700:hover {
+  .lg\:hover\:from-indigo-700:hover {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-800:hover {
+  .lg\:hover\:from-indigo-800:hover {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-900:hover {
+  .lg\:hover\:from-indigo-900:hover {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-100:hover {
+  .lg\:hover\:from-purple-100:hover {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-200:hover {
+  .lg\:hover\:from-purple-200:hover {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-300:hover {
+  .lg\:hover\:from-purple-300:hover {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-400:hover {
+  .lg\:hover\:from-purple-400:hover {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-500:hover {
+  .lg\:hover\:from-purple-500:hover {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-600:hover {
+  .lg\:hover\:from-purple-600:hover {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-700:hover {
+  .lg\:hover\:from-purple-700:hover {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-800:hover {
+  .lg\:hover\:from-purple-800:hover {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-900:hover {
+  .lg\:hover\:from-purple-900:hover {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-100:hover {
+  .lg\:hover\:from-pink-100:hover {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-200:hover {
+  .lg\:hover\:from-pink-200:hover {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-300:hover {
+  .lg\:hover\:from-pink-300:hover {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-400:hover {
+  .lg\:hover\:from-pink-400:hover {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-500:hover {
+  .lg\:hover\:from-pink-500:hover {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-600:hover {
+  .lg\:hover\:from-pink-600:hover {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-700:hover {
+  .lg\:hover\:from-pink-700:hover {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-800:hover {
+  .lg\:hover\:from-pink-800:hover {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-900:hover {
+  .lg\:hover\:from-pink-900:hover {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .lg\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:gradient-mid-current:hover {
+  .lg\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-black:hover {
+  .lg\:hover\:mid-black:hover {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:gradient-mid-white:hover {
+  .lg\:hover\:mid-white:hover {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-100:hover {
+  .lg\:hover\:mid-gray-100:hover {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-200:hover {
+  .lg\:hover\:mid-gray-200:hover {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-300:hover {
+  .lg\:hover\:mid-gray-300:hover {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-400:hover {
+  .lg\:hover\:mid-gray-400:hover {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-500:hover {
+  .lg\:hover\:mid-gray-500:hover {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-600:hover {
+  .lg\:hover\:mid-gray-600:hover {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-700:hover {
+  .lg\:hover\:mid-gray-700:hover {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-800:hover {
+  .lg\:hover\:mid-gray-800:hover {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-900:hover {
+  .lg\:hover\:mid-gray-900:hover {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-100:hover {
+  .lg\:hover\:mid-red-100:hover {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-200:hover {
+  .lg\:hover\:mid-red-200:hover {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-300:hover {
+  .lg\:hover\:mid-red-300:hover {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-400:hover {
+  .lg\:hover\:mid-red-400:hover {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-500:hover {
+  .lg\:hover\:mid-red-500:hover {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-600:hover {
+  .lg\:hover\:mid-red-600:hover {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-700:hover {
+  .lg\:hover\:mid-red-700:hover {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-800:hover {
+  .lg\:hover\:mid-red-800:hover {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-900:hover {
+  .lg\:hover\:mid-red-900:hover {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-100:hover {
+  .lg\:hover\:mid-orange-100:hover {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-200:hover {
+  .lg\:hover\:mid-orange-200:hover {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-300:hover {
+  .lg\:hover\:mid-orange-300:hover {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-400:hover {
+  .lg\:hover\:mid-orange-400:hover {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-500:hover {
+  .lg\:hover\:mid-orange-500:hover {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-600:hover {
+  .lg\:hover\:mid-orange-600:hover {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-700:hover {
+  .lg\:hover\:mid-orange-700:hover {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-800:hover {
+  .lg\:hover\:mid-orange-800:hover {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-900:hover {
+  .lg\:hover\:mid-orange-900:hover {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-100:hover {
+  .lg\:hover\:mid-yellow-100:hover {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-200:hover {
+  .lg\:hover\:mid-yellow-200:hover {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-300:hover {
+  .lg\:hover\:mid-yellow-300:hover {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-400:hover {
+  .lg\:hover\:mid-yellow-400:hover {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-500:hover {
+  .lg\:hover\:mid-yellow-500:hover {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-600:hover {
+  .lg\:hover\:mid-yellow-600:hover {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-700:hover {
+  .lg\:hover\:mid-yellow-700:hover {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-800:hover {
+  .lg\:hover\:mid-yellow-800:hover {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-900:hover {
+  .lg\:hover\:mid-yellow-900:hover {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-100:hover {
+  .lg\:hover\:mid-green-100:hover {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-200:hover {
+  .lg\:hover\:mid-green-200:hover {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-300:hover {
+  .lg\:hover\:mid-green-300:hover {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-400:hover {
+  .lg\:hover\:mid-green-400:hover {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-500:hover {
+  .lg\:hover\:mid-green-500:hover {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-600:hover {
+  .lg\:hover\:mid-green-600:hover {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-700:hover {
+  .lg\:hover\:mid-green-700:hover {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-800:hover {
+  .lg\:hover\:mid-green-800:hover {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-900:hover {
+  .lg\:hover\:mid-green-900:hover {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-100:hover {
+  .lg\:hover\:mid-teal-100:hover {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-200:hover {
+  .lg\:hover\:mid-teal-200:hover {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-300:hover {
+  .lg\:hover\:mid-teal-300:hover {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-400:hover {
+  .lg\:hover\:mid-teal-400:hover {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-500:hover {
+  .lg\:hover\:mid-teal-500:hover {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-600:hover {
+  .lg\:hover\:mid-teal-600:hover {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-700:hover {
+  .lg\:hover\:mid-teal-700:hover {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-800:hover {
+  .lg\:hover\:mid-teal-800:hover {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-900:hover {
+  .lg\:hover\:mid-teal-900:hover {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-100:hover {
+  .lg\:hover\:mid-blue-100:hover {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-200:hover {
+  .lg\:hover\:mid-blue-200:hover {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-300:hover {
+  .lg\:hover\:mid-blue-300:hover {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-400:hover {
+  .lg\:hover\:mid-blue-400:hover {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-500:hover {
+  .lg\:hover\:mid-blue-500:hover {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-600:hover {
+  .lg\:hover\:mid-blue-600:hover {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-700:hover {
+  .lg\:hover\:mid-blue-700:hover {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-800:hover {
+  .lg\:hover\:mid-blue-800:hover {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-900:hover {
+  .lg\:hover\:mid-blue-900:hover {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-100:hover {
+  .lg\:hover\:mid-indigo-100:hover {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-200:hover {
+  .lg\:hover\:mid-indigo-200:hover {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-300:hover {
+  .lg\:hover\:mid-indigo-300:hover {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-400:hover {
+  .lg\:hover\:mid-indigo-400:hover {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-500:hover {
+  .lg\:hover\:mid-indigo-500:hover {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-600:hover {
+  .lg\:hover\:mid-indigo-600:hover {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-700:hover {
+  .lg\:hover\:mid-indigo-700:hover {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-800:hover {
+  .lg\:hover\:mid-indigo-800:hover {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-900:hover {
+  .lg\:hover\:mid-indigo-900:hover {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-100:hover {
+  .lg\:hover\:mid-purple-100:hover {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-200:hover {
+  .lg\:hover\:mid-purple-200:hover {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-300:hover {
+  .lg\:hover\:mid-purple-300:hover {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-400:hover {
+  .lg\:hover\:mid-purple-400:hover {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-500:hover {
+  .lg\:hover\:mid-purple-500:hover {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-600:hover {
+  .lg\:hover\:mid-purple-600:hover {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-700:hover {
+  .lg\:hover\:mid-purple-700:hover {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-800:hover {
+  .lg\:hover\:mid-purple-800:hover {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-900:hover {
+  .lg\:hover\:mid-purple-900:hover {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-100:hover {
+  .lg\:hover\:mid-pink-100:hover {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-200:hover {
+  .lg\:hover\:mid-pink-200:hover {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-300:hover {
+  .lg\:hover\:mid-pink-300:hover {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-400:hover {
+  .lg\:hover\:mid-pink-400:hover {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-500:hover {
+  .lg\:hover\:mid-pink-500:hover {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-600:hover {
+  .lg\:hover\:mid-pink-600:hover {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-700:hover {
+  .lg\:hover\:mid-pink-700:hover {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-800:hover {
+  .lg\:hover\:mid-pink-800:hover {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-900:hover {
+  .lg\:hover\:mid-pink-900:hover {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .lg\:focus\:gradient-from-transparent:focus {
+  .lg\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .lg\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .lg\:hover\:to-black:hover {
+    --gradient-to-color: #000;
+  }
+
+  .lg\:hover\:to-white:hover {
+    --gradient-to-color: #fff;
+  }
+
+  .lg\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .lg\:hover\:to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .lg\:hover\:to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .lg\:hover\:to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .lg\:hover\:to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .lg\:hover\:to-gray-600:hover {
+    --gradient-to-color: #718096;
+  }
+
+  .lg\:hover\:to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+  }
+
+  .lg\:hover\:to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+  }
+
+  .lg\:hover\:to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+  }
+
+  .lg\:hover\:to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .lg\:hover\:to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .lg\:hover\:to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .lg\:hover\:to-red-400:hover {
+    --gradient-to-color: #fc8181;
+  }
+
+  .lg\:hover\:to-red-500:hover {
+    --gradient-to-color: #f56565;
+  }
+
+  .lg\:hover\:to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .lg\:hover\:to-red-700:hover {
+    --gradient-to-color: #c53030;
+  }
+
+  .lg\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .lg\:hover\:to-red-900:hover {
+    --gradient-to-color: #742a2a;
+  }
+
+  .lg\:hover\:to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .lg\:hover\:to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+  }
+
+  .lg\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .lg\:hover\:to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .lg\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+  }
+
+  .lg\:hover\:to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .lg\:hover\:to-orange-700:hover {
+    --gradient-to-color: #c05621;
+  }
+
+  .lg\:hover\:to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+  }
+
+  .lg\:hover\:to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+  }
+
+  .lg\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+  }
+
+  .lg\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .lg\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+  }
+
+  .lg\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .lg\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .lg\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .lg\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+  }
+
+  .lg\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+  }
+
+  .lg\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #744210;
+  }
+
+  .lg\:hover\:to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .lg\:hover\:to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .lg\:hover\:to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .lg\:hover\:to-green-400:hover {
+    --gradient-to-color: #68d391;
+  }
+
+  .lg\:hover\:to-green-500:hover {
+    --gradient-to-color: #48bb78;
+  }
+
+  .lg\:hover\:to-green-600:hover {
+    --gradient-to-color: #38a169;
+  }
+
+  .lg\:hover\:to-green-700:hover {
+    --gradient-to-color: #2f855a;
+  }
+
+  .lg\:hover\:to-green-800:hover {
+    --gradient-to-color: #276749;
+  }
+
+  .lg\:hover\:to-green-900:hover {
+    --gradient-to-color: #22543d;
+  }
+
+  .lg\:hover\:to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .lg\:hover\:to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .lg\:hover\:to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .lg\:hover\:to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .lg\:hover\:to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .lg\:hover\:to-teal-600:hover {
+    --gradient-to-color: #319795;
+  }
+
+  .lg\:hover\:to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .lg\:hover\:to-teal-800:hover {
+    --gradient-to-color: #285e61;
+  }
+
+  .lg\:hover\:to-teal-900:hover {
+    --gradient-to-color: #234e52;
+  }
+
+  .lg\:hover\:to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .lg\:hover\:to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .lg\:hover\:to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .lg\:hover\:to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .lg\:hover\:to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+  }
+
+  .lg\:hover\:to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+  }
+
+  .lg\:hover\:to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .lg\:hover\:to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+  }
+
+  .lg\:hover\:to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+  }
+
+  .lg\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .lg\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .lg\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .lg\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .lg\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+  }
+
+  .lg\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .lg\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .lg\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #434190;
+  }
+
+  .lg\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+  }
+
+  .lg\:hover\:to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .lg\:hover\:to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .lg\:hover\:to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .lg\:hover\:to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+  }
+
+  .lg\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .lg\:hover\:to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+  }
+
+  .lg\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .lg\:hover\:to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+  }
+
+  .lg\:hover\:to-purple-900:hover {
+    --gradient-to-color: #44337a;
+  }
+
+  .lg\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .lg\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .lg\:hover\:to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .lg\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+  }
+
+  .lg\:hover\:to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .lg\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .lg\:hover\:to-pink-700:hover {
+    --gradient-to-color: #b83280;
+  }
+
+  .lg\:hover\:to-pink-800:hover {
+    --gradient-to-color: #97266d;
+  }
+
+  .lg\:hover\:to-pink-900:hover {
+    --gradient-to-color: #702459;
+  }
+
+  .lg\:focus\:from-transparent:focus {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:gradient-from-current:focus {
+  .lg\:focus\:from-current:focus {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-black:focus {
+  .lg\:focus\:from-black:focus {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:gradient-from-white:focus {
+  .lg\:focus\:from-white:focus {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-100:focus {
+  .lg\:focus\:from-gray-100:focus {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-200:focus {
+  .lg\:focus\:from-gray-200:focus {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-300:focus {
+  .lg\:focus\:from-gray-300:focus {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-400:focus {
+  .lg\:focus\:from-gray-400:focus {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-500:focus {
+  .lg\:focus\:from-gray-500:focus {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-600:focus {
+  .lg\:focus\:from-gray-600:focus {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-700:focus {
+  .lg\:focus\:from-gray-700:focus {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-800:focus {
+  .lg\:focus\:from-gray-800:focus {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-900:focus {
+  .lg\:focus\:from-gray-900:focus {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:focus\:gradient-from-red-100:focus {
+  .lg\:focus\:from-red-100:focus {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:focus\:gradient-from-red-200:focus {
+  .lg\:focus\:from-red-200:focus {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:focus\:gradient-from-red-300:focus {
+  .lg\:focus\:from-red-300:focus {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:focus\:gradient-from-red-400:focus {
+  .lg\:focus\:from-red-400:focus {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:focus\:gradient-from-red-500:focus {
+  .lg\:focus\:from-red-500:focus {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:focus\:gradient-from-red-600:focus {
+  .lg\:focus\:from-red-600:focus {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:focus\:gradient-from-red-700:focus {
+  .lg\:focus\:from-red-700:focus {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:focus\:gradient-from-red-800:focus {
+  .lg\:focus\:from-red-800:focus {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:focus\:gradient-from-red-900:focus {
+  .lg\:focus\:from-red-900:focus {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-100:focus {
+  .lg\:focus\:from-orange-100:focus {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-200:focus {
+  .lg\:focus\:from-orange-200:focus {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-300:focus {
+  .lg\:focus\:from-orange-300:focus {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-400:focus {
+  .lg\:focus\:from-orange-400:focus {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-500:focus {
+  .lg\:focus\:from-orange-500:focus {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-600:focus {
+  .lg\:focus\:from-orange-600:focus {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-700:focus {
+  .lg\:focus\:from-orange-700:focus {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-800:focus {
+  .lg\:focus\:from-orange-800:focus {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-900:focus {
+  .lg\:focus\:from-orange-900:focus {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-100:focus {
+  .lg\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-200:focus {
+  .lg\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-300:focus {
+  .lg\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-400:focus {
+  .lg\:focus\:from-yellow-400:focus {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-500:focus {
+  .lg\:focus\:from-yellow-500:focus {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-600:focus {
+  .lg\:focus\:from-yellow-600:focus {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-700:focus {
+  .lg\:focus\:from-yellow-700:focus {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-800:focus {
+  .lg\:focus\:from-yellow-800:focus {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-900:focus {
+  .lg\:focus\:from-yellow-900:focus {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:focus\:gradient-from-green-100:focus {
+  .lg\:focus\:from-green-100:focus {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:focus\:gradient-from-green-200:focus {
+  .lg\:focus\:from-green-200:focus {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:focus\:gradient-from-green-300:focus {
+  .lg\:focus\:from-green-300:focus {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:focus\:gradient-from-green-400:focus {
+  .lg\:focus\:from-green-400:focus {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:focus\:gradient-from-green-500:focus {
+  .lg\:focus\:from-green-500:focus {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:focus\:gradient-from-green-600:focus {
+  .lg\:focus\:from-green-600:focus {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:focus\:gradient-from-green-700:focus {
+  .lg\:focus\:from-green-700:focus {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:focus\:gradient-from-green-800:focus {
+  .lg\:focus\:from-green-800:focus {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:focus\:gradient-from-green-900:focus {
+  .lg\:focus\:from-green-900:focus {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-100:focus {
+  .lg\:focus\:from-teal-100:focus {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-200:focus {
+  .lg\:focus\:from-teal-200:focus {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-300:focus {
+  .lg\:focus\:from-teal-300:focus {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-400:focus {
+  .lg\:focus\:from-teal-400:focus {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-500:focus {
+  .lg\:focus\:from-teal-500:focus {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-600:focus {
+  .lg\:focus\:from-teal-600:focus {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-700:focus {
+  .lg\:focus\:from-teal-700:focus {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-800:focus {
+  .lg\:focus\:from-teal-800:focus {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-900:focus {
+  .lg\:focus\:from-teal-900:focus {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-100:focus {
+  .lg\:focus\:from-blue-100:focus {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-200:focus {
+  .lg\:focus\:from-blue-200:focus {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-300:focus {
+  .lg\:focus\:from-blue-300:focus {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-400:focus {
+  .lg\:focus\:from-blue-400:focus {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-500:focus {
+  .lg\:focus\:from-blue-500:focus {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-600:focus {
+  .lg\:focus\:from-blue-600:focus {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-700:focus {
+  .lg\:focus\:from-blue-700:focus {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-800:focus {
+  .lg\:focus\:from-blue-800:focus {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-900:focus {
+  .lg\:focus\:from-blue-900:focus {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-100:focus {
+  .lg\:focus\:from-indigo-100:focus {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-200:focus {
+  .lg\:focus\:from-indigo-200:focus {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-300:focus {
+  .lg\:focus\:from-indigo-300:focus {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-400:focus {
+  .lg\:focus\:from-indigo-400:focus {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-500:focus {
+  .lg\:focus\:from-indigo-500:focus {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-600:focus {
+  .lg\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-700:focus {
+  .lg\:focus\:from-indigo-700:focus {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-800:focus {
+  .lg\:focus\:from-indigo-800:focus {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-900:focus {
+  .lg\:focus\:from-indigo-900:focus {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-100:focus {
+  .lg\:focus\:from-purple-100:focus {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-200:focus {
+  .lg\:focus\:from-purple-200:focus {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-300:focus {
+  .lg\:focus\:from-purple-300:focus {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-400:focus {
+  .lg\:focus\:from-purple-400:focus {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-500:focus {
+  .lg\:focus\:from-purple-500:focus {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-600:focus {
+  .lg\:focus\:from-purple-600:focus {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-700:focus {
+  .lg\:focus\:from-purple-700:focus {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-800:focus {
+  .lg\:focus\:from-purple-800:focus {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-900:focus {
+  .lg\:focus\:from-purple-900:focus {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-100:focus {
+  .lg\:focus\:from-pink-100:focus {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-200:focus {
+  .lg\:focus\:from-pink-200:focus {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-300:focus {
+  .lg\:focus\:from-pink-300:focus {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-400:focus {
+  .lg\:focus\:from-pink-400:focus {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-500:focus {
+  .lg\:focus\:from-pink-500:focus {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-600:focus {
+  .lg\:focus\:from-pink-600:focus {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-700:focus {
+  .lg\:focus\:from-pink-700:focus {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-800:focus {
+  .lg\:focus\:from-pink-800:focus {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-900:focus {
+  .lg\:focus\:from-pink-900:focus {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .lg\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:gradient-mid-current:focus {
+  .lg\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-black:focus {
+  .lg\:focus\:mid-black:focus {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:gradient-mid-white:focus {
+  .lg\:focus\:mid-white:focus {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-100:focus {
+  .lg\:focus\:mid-gray-100:focus {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-200:focus {
+  .lg\:focus\:mid-gray-200:focus {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-300:focus {
+  .lg\:focus\:mid-gray-300:focus {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-400:focus {
+  .lg\:focus\:mid-gray-400:focus {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-500:focus {
+  .lg\:focus\:mid-gray-500:focus {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-600:focus {
+  .lg\:focus\:mid-gray-600:focus {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-700:focus {
+  .lg\:focus\:mid-gray-700:focus {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-800:focus {
+  .lg\:focus\:mid-gray-800:focus {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-900:focus {
+  .lg\:focus\:mid-gray-900:focus {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-100:focus {
+  .lg\:focus\:mid-red-100:focus {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-200:focus {
+  .lg\:focus\:mid-red-200:focus {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-300:focus {
+  .lg\:focus\:mid-red-300:focus {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-400:focus {
+  .lg\:focus\:mid-red-400:focus {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-500:focus {
+  .lg\:focus\:mid-red-500:focus {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-600:focus {
+  .lg\:focus\:mid-red-600:focus {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-700:focus {
+  .lg\:focus\:mid-red-700:focus {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-800:focus {
+  .lg\:focus\:mid-red-800:focus {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-900:focus {
+  .lg\:focus\:mid-red-900:focus {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-100:focus {
+  .lg\:focus\:mid-orange-100:focus {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-200:focus {
+  .lg\:focus\:mid-orange-200:focus {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-300:focus {
+  .lg\:focus\:mid-orange-300:focus {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-400:focus {
+  .lg\:focus\:mid-orange-400:focus {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-500:focus {
+  .lg\:focus\:mid-orange-500:focus {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-600:focus {
+  .lg\:focus\:mid-orange-600:focus {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-700:focus {
+  .lg\:focus\:mid-orange-700:focus {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-800:focus {
+  .lg\:focus\:mid-orange-800:focus {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-900:focus {
+  .lg\:focus\:mid-orange-900:focus {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-100:focus {
+  .lg\:focus\:mid-yellow-100:focus {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-200:focus {
+  .lg\:focus\:mid-yellow-200:focus {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-300:focus {
+  .lg\:focus\:mid-yellow-300:focus {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-400:focus {
+  .lg\:focus\:mid-yellow-400:focus {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-500:focus {
+  .lg\:focus\:mid-yellow-500:focus {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-600:focus {
+  .lg\:focus\:mid-yellow-600:focus {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-700:focus {
+  .lg\:focus\:mid-yellow-700:focus {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-800:focus {
+  .lg\:focus\:mid-yellow-800:focus {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-900:focus {
+  .lg\:focus\:mid-yellow-900:focus {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-100:focus {
+  .lg\:focus\:mid-green-100:focus {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-200:focus {
+  .lg\:focus\:mid-green-200:focus {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-300:focus {
+  .lg\:focus\:mid-green-300:focus {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-400:focus {
+  .lg\:focus\:mid-green-400:focus {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-500:focus {
+  .lg\:focus\:mid-green-500:focus {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-600:focus {
+  .lg\:focus\:mid-green-600:focus {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-700:focus {
+  .lg\:focus\:mid-green-700:focus {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-800:focus {
+  .lg\:focus\:mid-green-800:focus {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-900:focus {
+  .lg\:focus\:mid-green-900:focus {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-100:focus {
+  .lg\:focus\:mid-teal-100:focus {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-200:focus {
+  .lg\:focus\:mid-teal-200:focus {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-300:focus {
+  .lg\:focus\:mid-teal-300:focus {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-400:focus {
+  .lg\:focus\:mid-teal-400:focus {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-500:focus {
+  .lg\:focus\:mid-teal-500:focus {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-600:focus {
+  .lg\:focus\:mid-teal-600:focus {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-700:focus {
+  .lg\:focus\:mid-teal-700:focus {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-800:focus {
+  .lg\:focus\:mid-teal-800:focus {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-900:focus {
+  .lg\:focus\:mid-teal-900:focus {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-100:focus {
+  .lg\:focus\:mid-blue-100:focus {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-200:focus {
+  .lg\:focus\:mid-blue-200:focus {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-300:focus {
+  .lg\:focus\:mid-blue-300:focus {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-400:focus {
+  .lg\:focus\:mid-blue-400:focus {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-500:focus {
+  .lg\:focus\:mid-blue-500:focus {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-600:focus {
+  .lg\:focus\:mid-blue-600:focus {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-700:focus {
+  .lg\:focus\:mid-blue-700:focus {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-800:focus {
+  .lg\:focus\:mid-blue-800:focus {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-900:focus {
+  .lg\:focus\:mid-blue-900:focus {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-100:focus {
+  .lg\:focus\:mid-indigo-100:focus {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-200:focus {
+  .lg\:focus\:mid-indigo-200:focus {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-300:focus {
+  .lg\:focus\:mid-indigo-300:focus {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-400:focus {
+  .lg\:focus\:mid-indigo-400:focus {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-500:focus {
+  .lg\:focus\:mid-indigo-500:focus {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-600:focus {
+  .lg\:focus\:mid-indigo-600:focus {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-700:focus {
+  .lg\:focus\:mid-indigo-700:focus {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-800:focus {
+  .lg\:focus\:mid-indigo-800:focus {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-900:focus {
+  .lg\:focus\:mid-indigo-900:focus {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-100:focus {
+  .lg\:focus\:mid-purple-100:focus {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-200:focus {
+  .lg\:focus\:mid-purple-200:focus {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-300:focus {
+  .lg\:focus\:mid-purple-300:focus {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-400:focus {
+  .lg\:focus\:mid-purple-400:focus {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-500:focus {
+  .lg\:focus\:mid-purple-500:focus {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-600:focus {
+  .lg\:focus\:mid-purple-600:focus {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-700:focus {
+  .lg\:focus\:mid-purple-700:focus {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-800:focus {
+  .lg\:focus\:mid-purple-800:focus {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-900:focus {
+  .lg\:focus\:mid-purple-900:focus {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-100:focus {
+  .lg\:focus\:mid-pink-100:focus {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-200:focus {
+  .lg\:focus\:mid-pink-200:focus {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-300:focus {
+  .lg\:focus\:mid-pink-300:focus {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-400:focus {
+  .lg\:focus\:mid-pink-400:focus {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-500:focus {
+  .lg\:focus\:mid-pink-500:focus {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-600:focus {
+  .lg\:focus\:mid-pink-600:focus {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-700:focus {
+  .lg\:focus\:mid-pink-700:focus {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-800:focus {
+  .lg\:focus\:mid-pink-800:focus {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-900:focus {
+  .lg\:focus\:mid-pink-900:focus {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  }
+
+  .lg\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .lg\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .lg\:focus\:to-black:focus {
+    --gradient-to-color: #000;
+  }
+
+  .lg\:focus\:to-white:focus {
+    --gradient-to-color: #fff;
+  }
+
+  .lg\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .lg\:focus\:to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .lg\:focus\:to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .lg\:focus\:to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .lg\:focus\:to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .lg\:focus\:to-gray-600:focus {
+    --gradient-to-color: #718096;
+  }
+
+  .lg\:focus\:to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+  }
+
+  .lg\:focus\:to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+  }
+
+  .lg\:focus\:to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+  }
+
+  .lg\:focus\:to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .lg\:focus\:to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .lg\:focus\:to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .lg\:focus\:to-red-400:focus {
+    --gradient-to-color: #fc8181;
+  }
+
+  .lg\:focus\:to-red-500:focus {
+    --gradient-to-color: #f56565;
+  }
+
+  .lg\:focus\:to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .lg\:focus\:to-red-700:focus {
+    --gradient-to-color: #c53030;
+  }
+
+  .lg\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .lg\:focus\:to-red-900:focus {
+    --gradient-to-color: #742a2a;
+  }
+
+  .lg\:focus\:to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .lg\:focus\:to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+  }
+
+  .lg\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .lg\:focus\:to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .lg\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+  }
+
+  .lg\:focus\:to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .lg\:focus\:to-orange-700:focus {
+    --gradient-to-color: #c05621;
+  }
+
+  .lg\:focus\:to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+  }
+
+  .lg\:focus\:to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+  }
+
+  .lg\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+  }
+
+  .lg\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .lg\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+  }
+
+  .lg\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .lg\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .lg\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .lg\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+  }
+
+  .lg\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+  }
+
+  .lg\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #744210;
+  }
+
+  .lg\:focus\:to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .lg\:focus\:to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .lg\:focus\:to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .lg\:focus\:to-green-400:focus {
+    --gradient-to-color: #68d391;
+  }
+
+  .lg\:focus\:to-green-500:focus {
+    --gradient-to-color: #48bb78;
+  }
+
+  .lg\:focus\:to-green-600:focus {
+    --gradient-to-color: #38a169;
+  }
+
+  .lg\:focus\:to-green-700:focus {
+    --gradient-to-color: #2f855a;
+  }
+
+  .lg\:focus\:to-green-800:focus {
+    --gradient-to-color: #276749;
+  }
+
+  .lg\:focus\:to-green-900:focus {
+    --gradient-to-color: #22543d;
+  }
+
+  .lg\:focus\:to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .lg\:focus\:to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .lg\:focus\:to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .lg\:focus\:to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .lg\:focus\:to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .lg\:focus\:to-teal-600:focus {
+    --gradient-to-color: #319795;
+  }
+
+  .lg\:focus\:to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .lg\:focus\:to-teal-800:focus {
+    --gradient-to-color: #285e61;
+  }
+
+  .lg\:focus\:to-teal-900:focus {
+    --gradient-to-color: #234e52;
+  }
+
+  .lg\:focus\:to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .lg\:focus\:to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .lg\:focus\:to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .lg\:focus\:to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .lg\:focus\:to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+  }
+
+  .lg\:focus\:to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+  }
+
+  .lg\:focus\:to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .lg\:focus\:to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+  }
+
+  .lg\:focus\:to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+  }
+
+  .lg\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .lg\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .lg\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .lg\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .lg\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+  }
+
+  .lg\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .lg\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .lg\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #434190;
+  }
+
+  .lg\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+  }
+
+  .lg\:focus\:to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .lg\:focus\:to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .lg\:focus\:to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .lg\:focus\:to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+  }
+
+  .lg\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .lg\:focus\:to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+  }
+
+  .lg\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .lg\:focus\:to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+  }
+
+  .lg\:focus\:to-purple-900:focus {
+    --gradient-to-color: #44337a;
+  }
+
+  .lg\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .lg\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .lg\:focus\:to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .lg\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+  }
+
+  .lg\:focus\:to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .lg\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .lg\:focus\:to-pink-700:focus {
+    --gradient-to-color: #b83280;
+  }
+
+  .lg\:focus\:to-pink-800:focus {
+    --gradient-to-color: #97266d;
+  }
+
+  .lg\:focus\:to-pink-900:focus {
+    --gradient-to-color: #702459;
   }
 
   .lg\:bg-bottom {
@@ -66057,4250 +64993,3984 @@ video {
     background-color: #702459;
   }
 
-  .xl\:bg-gradient-up {
-    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  .xl\:bg-gradient-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  .xl\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  .xl\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  .xl\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .xl\:gradient-from-transparent {
+  .xl\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .xl\:from-transparent {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:gradient-from-current {
+  .xl\:from-current {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:gradient-from-black {
+  .xl\:from-black {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:gradient-from-white {
+  .xl\:from-white {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:gradient-from-gray-100 {
+  .xl\:from-gray-100 {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:gradient-from-gray-200 {
+  .xl\:from-gray-200 {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:gradient-from-gray-300 {
+  .xl\:from-gray-300 {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:gradient-from-gray-400 {
+  .xl\:from-gray-400 {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:gradient-from-gray-500 {
+  .xl\:from-gray-500 {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:gradient-from-gray-600 {
+  .xl\:from-gray-600 {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:gradient-from-gray-700 {
+  .xl\:from-gray-700 {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:gradient-from-gray-800 {
+  .xl\:from-gray-800 {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:gradient-from-gray-900 {
+  .xl\:from-gray-900 {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:gradient-from-red-100 {
+  .xl\:from-red-100 {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:gradient-from-red-200 {
+  .xl\:from-red-200 {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:gradient-from-red-300 {
+  .xl\:from-red-300 {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:gradient-from-red-400 {
+  .xl\:from-red-400 {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:gradient-from-red-500 {
+  .xl\:from-red-500 {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:gradient-from-red-600 {
+  .xl\:from-red-600 {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:gradient-from-red-700 {
+  .xl\:from-red-700 {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:gradient-from-red-800 {
+  .xl\:from-red-800 {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:gradient-from-red-900 {
+  .xl\:from-red-900 {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:gradient-from-orange-100 {
+  .xl\:from-orange-100 {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:gradient-from-orange-200 {
+  .xl\:from-orange-200 {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:gradient-from-orange-300 {
+  .xl\:from-orange-300 {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:gradient-from-orange-400 {
+  .xl\:from-orange-400 {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:gradient-from-orange-500 {
+  .xl\:from-orange-500 {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:gradient-from-orange-600 {
+  .xl\:from-orange-600 {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:gradient-from-orange-700 {
+  .xl\:from-orange-700 {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:gradient-from-orange-800 {
+  .xl\:from-orange-800 {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:gradient-from-orange-900 {
+  .xl\:from-orange-900 {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:gradient-from-yellow-100 {
+  .xl\:from-yellow-100 {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:gradient-from-yellow-200 {
+  .xl\:from-yellow-200 {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:gradient-from-yellow-300 {
+  .xl\:from-yellow-300 {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:gradient-from-yellow-400 {
+  .xl\:from-yellow-400 {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:gradient-from-yellow-500 {
+  .xl\:from-yellow-500 {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:gradient-from-yellow-600 {
+  .xl\:from-yellow-600 {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:gradient-from-yellow-700 {
+  .xl\:from-yellow-700 {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:gradient-from-yellow-800 {
+  .xl\:from-yellow-800 {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:gradient-from-yellow-900 {
+  .xl\:from-yellow-900 {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:gradient-from-green-100 {
+  .xl\:from-green-100 {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:gradient-from-green-200 {
+  .xl\:from-green-200 {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:gradient-from-green-300 {
+  .xl\:from-green-300 {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:gradient-from-green-400 {
+  .xl\:from-green-400 {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:gradient-from-green-500 {
+  .xl\:from-green-500 {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:gradient-from-green-600 {
+  .xl\:from-green-600 {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:gradient-from-green-700 {
+  .xl\:from-green-700 {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:gradient-from-green-800 {
+  .xl\:from-green-800 {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:gradient-from-green-900 {
+  .xl\:from-green-900 {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:gradient-from-teal-100 {
+  .xl\:from-teal-100 {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:gradient-from-teal-200 {
+  .xl\:from-teal-200 {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:gradient-from-teal-300 {
+  .xl\:from-teal-300 {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:gradient-from-teal-400 {
+  .xl\:from-teal-400 {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:gradient-from-teal-500 {
+  .xl\:from-teal-500 {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:gradient-from-teal-600 {
+  .xl\:from-teal-600 {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:gradient-from-teal-700 {
+  .xl\:from-teal-700 {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:gradient-from-teal-800 {
+  .xl\:from-teal-800 {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:gradient-from-teal-900 {
+  .xl\:from-teal-900 {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:gradient-from-blue-100 {
+  .xl\:from-blue-100 {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:gradient-from-blue-200 {
+  .xl\:from-blue-200 {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:gradient-from-blue-300 {
+  .xl\:from-blue-300 {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:gradient-from-blue-400 {
+  .xl\:from-blue-400 {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:gradient-from-blue-500 {
+  .xl\:from-blue-500 {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:gradient-from-blue-600 {
+  .xl\:from-blue-600 {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:gradient-from-blue-700 {
+  .xl\:from-blue-700 {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:gradient-from-blue-800 {
+  .xl\:from-blue-800 {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:gradient-from-blue-900 {
+  .xl\:from-blue-900 {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:gradient-from-indigo-100 {
+  .xl\:from-indigo-100 {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:gradient-from-indigo-200 {
+  .xl\:from-indigo-200 {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:gradient-from-indigo-300 {
+  .xl\:from-indigo-300 {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:gradient-from-indigo-400 {
+  .xl\:from-indigo-400 {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:gradient-from-indigo-500 {
+  .xl\:from-indigo-500 {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:gradient-from-indigo-600 {
+  .xl\:from-indigo-600 {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:gradient-from-indigo-700 {
+  .xl\:from-indigo-700 {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:gradient-from-indigo-800 {
+  .xl\:from-indigo-800 {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:gradient-from-indigo-900 {
+  .xl\:from-indigo-900 {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:gradient-from-purple-100 {
+  .xl\:from-purple-100 {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:gradient-from-purple-200 {
+  .xl\:from-purple-200 {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:gradient-from-purple-300 {
+  .xl\:from-purple-300 {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:gradient-from-purple-400 {
+  .xl\:from-purple-400 {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:gradient-from-purple-500 {
+  .xl\:from-purple-500 {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:gradient-from-purple-600 {
+  .xl\:from-purple-600 {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:gradient-from-purple-700 {
+  .xl\:from-purple-700 {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:gradient-from-purple-800 {
+  .xl\:from-purple-800 {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:gradient-from-purple-900 {
+  .xl\:from-purple-900 {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:gradient-from-pink-100 {
+  .xl\:from-pink-100 {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:gradient-from-pink-200 {
+  .xl\:from-pink-200 {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:gradient-from-pink-300 {
+  .xl\:from-pink-300 {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:gradient-from-pink-400 {
+  .xl\:from-pink-400 {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:gradient-from-pink-500 {
+  .xl\:from-pink-500 {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:gradient-from-pink-600 {
+  .xl\:from-pink-600 {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:gradient-from-pink-700 {
+  .xl\:from-pink-700 {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:gradient-from-pink-800 {
+  .xl\:from-pink-800 {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:gradient-from-pink-900 {
+  .xl\:from-pink-900 {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .xl\:mid-transparent {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:gradient-mid-current {
+  .xl\:mid-current {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:gradient-mid-black {
+  .xl\:mid-black {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:gradient-mid-white {
+  .xl\:mid-white {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:gradient-mid-gray-100 {
+  .xl\:mid-gray-100 {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:gradient-mid-gray-200 {
+  .xl\:mid-gray-200 {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:gradient-mid-gray-300 {
+  .xl\:mid-gray-300 {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:gradient-mid-gray-400 {
+  .xl\:mid-gray-400 {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:gradient-mid-gray-500 {
+  .xl\:mid-gray-500 {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:gradient-mid-gray-600 {
+  .xl\:mid-gray-600 {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:gradient-mid-gray-700 {
+  .xl\:mid-gray-700 {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:gradient-mid-gray-800 {
+  .xl\:mid-gray-800 {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:gradient-mid-gray-900 {
+  .xl\:mid-gray-900 {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:gradient-mid-red-100 {
+  .xl\:mid-red-100 {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:gradient-mid-red-200 {
+  .xl\:mid-red-200 {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:gradient-mid-red-300 {
+  .xl\:mid-red-300 {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:gradient-mid-red-400 {
+  .xl\:mid-red-400 {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:gradient-mid-red-500 {
+  .xl\:mid-red-500 {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:gradient-mid-red-600 {
+  .xl\:mid-red-600 {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:gradient-mid-red-700 {
+  .xl\:mid-red-700 {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:gradient-mid-red-800 {
+  .xl\:mid-red-800 {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:gradient-mid-red-900 {
+  .xl\:mid-red-900 {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:gradient-mid-orange-100 {
+  .xl\:mid-orange-100 {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:gradient-mid-orange-200 {
+  .xl\:mid-orange-200 {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:gradient-mid-orange-300 {
+  .xl\:mid-orange-300 {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:gradient-mid-orange-400 {
+  .xl\:mid-orange-400 {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:gradient-mid-orange-500 {
+  .xl\:mid-orange-500 {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:gradient-mid-orange-600 {
+  .xl\:mid-orange-600 {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:gradient-mid-orange-700 {
+  .xl\:mid-orange-700 {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:gradient-mid-orange-800 {
+  .xl\:mid-orange-800 {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:gradient-mid-orange-900 {
+  .xl\:mid-orange-900 {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:gradient-mid-yellow-100 {
+  .xl\:mid-yellow-100 {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:gradient-mid-yellow-200 {
+  .xl\:mid-yellow-200 {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:gradient-mid-yellow-300 {
+  .xl\:mid-yellow-300 {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:gradient-mid-yellow-400 {
+  .xl\:mid-yellow-400 {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:gradient-mid-yellow-500 {
+  .xl\:mid-yellow-500 {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:gradient-mid-yellow-600 {
+  .xl\:mid-yellow-600 {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:gradient-mid-yellow-700 {
+  .xl\:mid-yellow-700 {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:gradient-mid-yellow-800 {
+  .xl\:mid-yellow-800 {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:gradient-mid-yellow-900 {
+  .xl\:mid-yellow-900 {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:gradient-mid-green-100 {
+  .xl\:mid-green-100 {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:gradient-mid-green-200 {
+  .xl\:mid-green-200 {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:gradient-mid-green-300 {
+  .xl\:mid-green-300 {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:gradient-mid-green-400 {
+  .xl\:mid-green-400 {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:gradient-mid-green-500 {
+  .xl\:mid-green-500 {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:gradient-mid-green-600 {
+  .xl\:mid-green-600 {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:gradient-mid-green-700 {
+  .xl\:mid-green-700 {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:gradient-mid-green-800 {
+  .xl\:mid-green-800 {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:gradient-mid-green-900 {
+  .xl\:mid-green-900 {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:gradient-mid-teal-100 {
+  .xl\:mid-teal-100 {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:gradient-mid-teal-200 {
+  .xl\:mid-teal-200 {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:gradient-mid-teal-300 {
+  .xl\:mid-teal-300 {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:gradient-mid-teal-400 {
+  .xl\:mid-teal-400 {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:gradient-mid-teal-500 {
+  .xl\:mid-teal-500 {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:gradient-mid-teal-600 {
+  .xl\:mid-teal-600 {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:gradient-mid-teal-700 {
+  .xl\:mid-teal-700 {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:gradient-mid-teal-800 {
+  .xl\:mid-teal-800 {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:gradient-mid-teal-900 {
+  .xl\:mid-teal-900 {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:gradient-mid-blue-100 {
+  .xl\:mid-blue-100 {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:gradient-mid-blue-200 {
+  .xl\:mid-blue-200 {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:gradient-mid-blue-300 {
+  .xl\:mid-blue-300 {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:gradient-mid-blue-400 {
+  .xl\:mid-blue-400 {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:gradient-mid-blue-500 {
+  .xl\:mid-blue-500 {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:gradient-mid-blue-600 {
+  .xl\:mid-blue-600 {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:gradient-mid-blue-700 {
+  .xl\:mid-blue-700 {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:gradient-mid-blue-800 {
+  .xl\:mid-blue-800 {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:gradient-mid-blue-900 {
+  .xl\:mid-blue-900 {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:gradient-mid-indigo-100 {
+  .xl\:mid-indigo-100 {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:gradient-mid-indigo-200 {
+  .xl\:mid-indigo-200 {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:gradient-mid-indigo-300 {
+  .xl\:mid-indigo-300 {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:gradient-mid-indigo-400 {
+  .xl\:mid-indigo-400 {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:gradient-mid-indigo-500 {
+  .xl\:mid-indigo-500 {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:gradient-mid-indigo-600 {
+  .xl\:mid-indigo-600 {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:gradient-mid-indigo-700 {
+  .xl\:mid-indigo-700 {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:gradient-mid-indigo-800 {
+  .xl\:mid-indigo-800 {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:gradient-mid-indigo-900 {
+  .xl\:mid-indigo-900 {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:gradient-mid-purple-100 {
+  .xl\:mid-purple-100 {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:gradient-mid-purple-200 {
+  .xl\:mid-purple-200 {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:gradient-mid-purple-300 {
+  .xl\:mid-purple-300 {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:gradient-mid-purple-400 {
+  .xl\:mid-purple-400 {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:gradient-mid-purple-500 {
+  .xl\:mid-purple-500 {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:gradient-mid-purple-600 {
+  .xl\:mid-purple-600 {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:gradient-mid-purple-700 {
+  .xl\:mid-purple-700 {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:gradient-mid-purple-800 {
+  .xl\:mid-purple-800 {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:gradient-mid-purple-900 {
+  .xl\:mid-purple-900 {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:gradient-mid-pink-100 {
+  .xl\:mid-pink-100 {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:gradient-mid-pink-200 {
+  .xl\:mid-pink-200 {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:gradient-mid-pink-300 {
+  .xl\:mid-pink-300 {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:gradient-mid-pink-400 {
+  .xl\:mid-pink-400 {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:gradient-mid-pink-500 {
+  .xl\:mid-pink-500 {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:gradient-mid-pink-600 {
+  .xl\:mid-pink-600 {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:gradient-mid-pink-700 {
+  .xl\:mid-pink-700 {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:gradient-mid-pink-800 {
+  .xl\:mid-pink-800 {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:gradient-mid-pink-900 {
+  .xl\:mid-pink-900 {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .xl\:hover\:gradient-from-transparent:hover {
+  .xl\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .xl\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .xl\:to-black {
+    --gradient-to-color: #000;
+  }
+
+  .xl\:to-white {
+    --gradient-to-color: #fff;
+  }
+
+  .xl\:to-gray-100 {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .xl\:to-gray-200 {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .xl\:to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .xl\:to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .xl\:to-gray-500 {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .xl\:to-gray-600 {
+    --gradient-to-color: #718096;
+  }
+
+  .xl\:to-gray-700 {
+    --gradient-to-color: #4a5568;
+  }
+
+  .xl\:to-gray-800 {
+    --gradient-to-color: #2d3748;
+  }
+
+  .xl\:to-gray-900 {
+    --gradient-to-color: #1a202c;
+  }
+
+  .xl\:to-red-100 {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .xl\:to-red-200 {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .xl\:to-red-300 {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .xl\:to-red-400 {
+    --gradient-to-color: #fc8181;
+  }
+
+  .xl\:to-red-500 {
+    --gradient-to-color: #f56565;
+  }
+
+  .xl\:to-red-600 {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .xl\:to-red-700 {
+    --gradient-to-color: #c53030;
+  }
+
+  .xl\:to-red-800 {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .xl\:to-red-900 {
+    --gradient-to-color: #742a2a;
+  }
+
+  .xl\:to-orange-100 {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .xl\:to-orange-200 {
+    --gradient-to-color: #feebc8;
+  }
+
+  .xl\:to-orange-300 {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .xl\:to-orange-400 {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .xl\:to-orange-500 {
+    --gradient-to-color: #ed8936;
+  }
+
+  .xl\:to-orange-600 {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .xl\:to-orange-700 {
+    --gradient-to-color: #c05621;
+  }
+
+  .xl\:to-orange-800 {
+    --gradient-to-color: #9c4221;
+  }
+
+  .xl\:to-orange-900 {
+    --gradient-to-color: #7b341e;
+  }
+
+  .xl\:to-yellow-100 {
+    --gradient-to-color: #fffff0;
+  }
+
+  .xl\:to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .xl\:to-yellow-300 {
+    --gradient-to-color: #faf089;
+  }
+
+  .xl\:to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .xl\:to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .xl\:to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .xl\:to-yellow-700 {
+    --gradient-to-color: #b7791f;
+  }
+
+  .xl\:to-yellow-800 {
+    --gradient-to-color: #975a16;
+  }
+
+  .xl\:to-yellow-900 {
+    --gradient-to-color: #744210;
+  }
+
+  .xl\:to-green-100 {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .xl\:to-green-200 {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .xl\:to-green-300 {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .xl\:to-green-400 {
+    --gradient-to-color: #68d391;
+  }
+
+  .xl\:to-green-500 {
+    --gradient-to-color: #48bb78;
+  }
+
+  .xl\:to-green-600 {
+    --gradient-to-color: #38a169;
+  }
+
+  .xl\:to-green-700 {
+    --gradient-to-color: #2f855a;
+  }
+
+  .xl\:to-green-800 {
+    --gradient-to-color: #276749;
+  }
+
+  .xl\:to-green-900 {
+    --gradient-to-color: #22543d;
+  }
+
+  .xl\:to-teal-100 {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .xl\:to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .xl\:to-teal-300 {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .xl\:to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .xl\:to-teal-500 {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .xl\:to-teal-600 {
+    --gradient-to-color: #319795;
+  }
+
+  .xl\:to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .xl\:to-teal-800 {
+    --gradient-to-color: #285e61;
+  }
+
+  .xl\:to-teal-900 {
+    --gradient-to-color: #234e52;
+  }
+
+  .xl\:to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .xl\:to-blue-200 {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .xl\:to-blue-300 {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .xl\:to-blue-400 {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .xl\:to-blue-500 {
+    --gradient-to-color: #4299e1;
+  }
+
+  .xl\:to-blue-600 {
+    --gradient-to-color: #3182ce;
+  }
+
+  .xl\:to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .xl\:to-blue-800 {
+    --gradient-to-color: #2c5282;
+  }
+
+  .xl\:to-blue-900 {
+    --gradient-to-color: #2a4365;
+  }
+
+  .xl\:to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .xl\:to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .xl\:to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .xl\:to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .xl\:to-indigo-500 {
+    --gradient-to-color: #667eea;
+  }
+
+  .xl\:to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .xl\:to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .xl\:to-indigo-800 {
+    --gradient-to-color: #434190;
+  }
+
+  .xl\:to-indigo-900 {
+    --gradient-to-color: #3c366b;
+  }
+
+  .xl\:to-purple-100 {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .xl\:to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .xl\:to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .xl\:to-purple-400 {
+    --gradient-to-color: #b794f4;
+  }
+
+  .xl\:to-purple-500 {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .xl\:to-purple-600 {
+    --gradient-to-color: #805ad5;
+  }
+
+  .xl\:to-purple-700 {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .xl\:to-purple-800 {
+    --gradient-to-color: #553c9a;
+  }
+
+  .xl\:to-purple-900 {
+    --gradient-to-color: #44337a;
+  }
+
+  .xl\:to-pink-100 {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .xl\:to-pink-200 {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .xl\:to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .xl\:to-pink-400 {
+    --gradient-to-color: #f687b3;
+  }
+
+  .xl\:to-pink-500 {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .xl\:to-pink-600 {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .xl\:to-pink-700 {
+    --gradient-to-color: #b83280;
+  }
+
+  .xl\:to-pink-800 {
+    --gradient-to-color: #97266d;
+  }
+
+  .xl\:to-pink-900 {
+    --gradient-to-color: #702459;
+  }
+
+  .xl\:hover\:from-transparent:hover {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:gradient-from-current:hover {
+  .xl\:hover\:from-current:hover {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-black:hover {
+  .xl\:hover\:from-black:hover {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:gradient-from-white:hover {
+  .xl\:hover\:from-white:hover {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-100:hover {
+  .xl\:hover\:from-gray-100:hover {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-200:hover {
+  .xl\:hover\:from-gray-200:hover {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-300:hover {
+  .xl\:hover\:from-gray-300:hover {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-400:hover {
+  .xl\:hover\:from-gray-400:hover {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-500:hover {
+  .xl\:hover\:from-gray-500:hover {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-600:hover {
+  .xl\:hover\:from-gray-600:hover {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-700:hover {
+  .xl\:hover\:from-gray-700:hover {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-800:hover {
+  .xl\:hover\:from-gray-800:hover {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-900:hover {
+  .xl\:hover\:from-gray-900:hover {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:hover\:gradient-from-red-100:hover {
+  .xl\:hover\:from-red-100:hover {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:hover\:gradient-from-red-200:hover {
+  .xl\:hover\:from-red-200:hover {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:hover\:gradient-from-red-300:hover {
+  .xl\:hover\:from-red-300:hover {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:hover\:gradient-from-red-400:hover {
+  .xl\:hover\:from-red-400:hover {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:hover\:gradient-from-red-500:hover {
+  .xl\:hover\:from-red-500:hover {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:hover\:gradient-from-red-600:hover {
+  .xl\:hover\:from-red-600:hover {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:hover\:gradient-from-red-700:hover {
+  .xl\:hover\:from-red-700:hover {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:hover\:gradient-from-red-800:hover {
+  .xl\:hover\:from-red-800:hover {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:hover\:gradient-from-red-900:hover {
+  .xl\:hover\:from-red-900:hover {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-100:hover {
+  .xl\:hover\:from-orange-100:hover {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-200:hover {
+  .xl\:hover\:from-orange-200:hover {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-300:hover {
+  .xl\:hover\:from-orange-300:hover {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-400:hover {
+  .xl\:hover\:from-orange-400:hover {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-500:hover {
+  .xl\:hover\:from-orange-500:hover {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-600:hover {
+  .xl\:hover\:from-orange-600:hover {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-700:hover {
+  .xl\:hover\:from-orange-700:hover {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-800:hover {
+  .xl\:hover\:from-orange-800:hover {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-900:hover {
+  .xl\:hover\:from-orange-900:hover {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-100:hover {
+  .xl\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-200:hover {
+  .xl\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-300:hover {
+  .xl\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-400:hover {
+  .xl\:hover\:from-yellow-400:hover {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-500:hover {
+  .xl\:hover\:from-yellow-500:hover {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-600:hover {
+  .xl\:hover\:from-yellow-600:hover {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-700:hover {
+  .xl\:hover\:from-yellow-700:hover {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-800:hover {
+  .xl\:hover\:from-yellow-800:hover {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-900:hover {
+  .xl\:hover\:from-yellow-900:hover {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:hover\:gradient-from-green-100:hover {
+  .xl\:hover\:from-green-100:hover {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:hover\:gradient-from-green-200:hover {
+  .xl\:hover\:from-green-200:hover {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:hover\:gradient-from-green-300:hover {
+  .xl\:hover\:from-green-300:hover {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:hover\:gradient-from-green-400:hover {
+  .xl\:hover\:from-green-400:hover {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:hover\:gradient-from-green-500:hover {
+  .xl\:hover\:from-green-500:hover {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:hover\:gradient-from-green-600:hover {
+  .xl\:hover\:from-green-600:hover {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:hover\:gradient-from-green-700:hover {
+  .xl\:hover\:from-green-700:hover {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:hover\:gradient-from-green-800:hover {
+  .xl\:hover\:from-green-800:hover {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:hover\:gradient-from-green-900:hover {
+  .xl\:hover\:from-green-900:hover {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-100:hover {
+  .xl\:hover\:from-teal-100:hover {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-200:hover {
+  .xl\:hover\:from-teal-200:hover {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-300:hover {
+  .xl\:hover\:from-teal-300:hover {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-400:hover {
+  .xl\:hover\:from-teal-400:hover {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-500:hover {
+  .xl\:hover\:from-teal-500:hover {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-600:hover {
+  .xl\:hover\:from-teal-600:hover {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-700:hover {
+  .xl\:hover\:from-teal-700:hover {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-800:hover {
+  .xl\:hover\:from-teal-800:hover {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-900:hover {
+  .xl\:hover\:from-teal-900:hover {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-100:hover {
+  .xl\:hover\:from-blue-100:hover {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-200:hover {
+  .xl\:hover\:from-blue-200:hover {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-300:hover {
+  .xl\:hover\:from-blue-300:hover {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-400:hover {
+  .xl\:hover\:from-blue-400:hover {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-500:hover {
+  .xl\:hover\:from-blue-500:hover {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-600:hover {
+  .xl\:hover\:from-blue-600:hover {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-700:hover {
+  .xl\:hover\:from-blue-700:hover {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-800:hover {
+  .xl\:hover\:from-blue-800:hover {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-900:hover {
+  .xl\:hover\:from-blue-900:hover {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-100:hover {
+  .xl\:hover\:from-indigo-100:hover {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-200:hover {
+  .xl\:hover\:from-indigo-200:hover {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-300:hover {
+  .xl\:hover\:from-indigo-300:hover {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-400:hover {
+  .xl\:hover\:from-indigo-400:hover {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-500:hover {
+  .xl\:hover\:from-indigo-500:hover {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-600:hover {
+  .xl\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-700:hover {
+  .xl\:hover\:from-indigo-700:hover {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-800:hover {
+  .xl\:hover\:from-indigo-800:hover {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-900:hover {
+  .xl\:hover\:from-indigo-900:hover {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-100:hover {
+  .xl\:hover\:from-purple-100:hover {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-200:hover {
+  .xl\:hover\:from-purple-200:hover {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-300:hover {
+  .xl\:hover\:from-purple-300:hover {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-400:hover {
+  .xl\:hover\:from-purple-400:hover {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-500:hover {
+  .xl\:hover\:from-purple-500:hover {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-600:hover {
+  .xl\:hover\:from-purple-600:hover {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-700:hover {
+  .xl\:hover\:from-purple-700:hover {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-800:hover {
+  .xl\:hover\:from-purple-800:hover {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-900:hover {
+  .xl\:hover\:from-purple-900:hover {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-100:hover {
+  .xl\:hover\:from-pink-100:hover {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-200:hover {
+  .xl\:hover\:from-pink-200:hover {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-300:hover {
+  .xl\:hover\:from-pink-300:hover {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-400:hover {
+  .xl\:hover\:from-pink-400:hover {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-500:hover {
+  .xl\:hover\:from-pink-500:hover {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-600:hover {
+  .xl\:hover\:from-pink-600:hover {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-700:hover {
+  .xl\:hover\:from-pink-700:hover {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-800:hover {
+  .xl\:hover\:from-pink-800:hover {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-900:hover {
+  .xl\:hover\:from-pink-900:hover {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .xl\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:gradient-mid-current:hover {
+  .xl\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-black:hover {
+  .xl\:hover\:mid-black:hover {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:gradient-mid-white:hover {
+  .xl\:hover\:mid-white:hover {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-100:hover {
+  .xl\:hover\:mid-gray-100:hover {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-200:hover {
+  .xl\:hover\:mid-gray-200:hover {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-300:hover {
+  .xl\:hover\:mid-gray-300:hover {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-400:hover {
+  .xl\:hover\:mid-gray-400:hover {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-500:hover {
+  .xl\:hover\:mid-gray-500:hover {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-600:hover {
+  .xl\:hover\:mid-gray-600:hover {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-700:hover {
+  .xl\:hover\:mid-gray-700:hover {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-800:hover {
+  .xl\:hover\:mid-gray-800:hover {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-900:hover {
+  .xl\:hover\:mid-gray-900:hover {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-100:hover {
+  .xl\:hover\:mid-red-100:hover {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-200:hover {
+  .xl\:hover\:mid-red-200:hover {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-300:hover {
+  .xl\:hover\:mid-red-300:hover {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-400:hover {
+  .xl\:hover\:mid-red-400:hover {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-500:hover {
+  .xl\:hover\:mid-red-500:hover {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-600:hover {
+  .xl\:hover\:mid-red-600:hover {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-700:hover {
+  .xl\:hover\:mid-red-700:hover {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-800:hover {
+  .xl\:hover\:mid-red-800:hover {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-900:hover {
+  .xl\:hover\:mid-red-900:hover {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-100:hover {
+  .xl\:hover\:mid-orange-100:hover {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-200:hover {
+  .xl\:hover\:mid-orange-200:hover {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-300:hover {
+  .xl\:hover\:mid-orange-300:hover {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-400:hover {
+  .xl\:hover\:mid-orange-400:hover {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-500:hover {
+  .xl\:hover\:mid-orange-500:hover {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-600:hover {
+  .xl\:hover\:mid-orange-600:hover {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-700:hover {
+  .xl\:hover\:mid-orange-700:hover {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-800:hover {
+  .xl\:hover\:mid-orange-800:hover {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-900:hover {
+  .xl\:hover\:mid-orange-900:hover {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-100:hover {
+  .xl\:hover\:mid-yellow-100:hover {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-200:hover {
+  .xl\:hover\:mid-yellow-200:hover {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-300:hover {
+  .xl\:hover\:mid-yellow-300:hover {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-400:hover {
+  .xl\:hover\:mid-yellow-400:hover {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-500:hover {
+  .xl\:hover\:mid-yellow-500:hover {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-600:hover {
+  .xl\:hover\:mid-yellow-600:hover {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-700:hover {
+  .xl\:hover\:mid-yellow-700:hover {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-800:hover {
+  .xl\:hover\:mid-yellow-800:hover {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-900:hover {
+  .xl\:hover\:mid-yellow-900:hover {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-100:hover {
+  .xl\:hover\:mid-green-100:hover {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-200:hover {
+  .xl\:hover\:mid-green-200:hover {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-300:hover {
+  .xl\:hover\:mid-green-300:hover {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-400:hover {
+  .xl\:hover\:mid-green-400:hover {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-500:hover {
+  .xl\:hover\:mid-green-500:hover {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-600:hover {
+  .xl\:hover\:mid-green-600:hover {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-700:hover {
+  .xl\:hover\:mid-green-700:hover {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-800:hover {
+  .xl\:hover\:mid-green-800:hover {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-900:hover {
+  .xl\:hover\:mid-green-900:hover {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-100:hover {
+  .xl\:hover\:mid-teal-100:hover {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-200:hover {
+  .xl\:hover\:mid-teal-200:hover {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-300:hover {
+  .xl\:hover\:mid-teal-300:hover {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-400:hover {
+  .xl\:hover\:mid-teal-400:hover {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-500:hover {
+  .xl\:hover\:mid-teal-500:hover {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-600:hover {
+  .xl\:hover\:mid-teal-600:hover {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-700:hover {
+  .xl\:hover\:mid-teal-700:hover {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-800:hover {
+  .xl\:hover\:mid-teal-800:hover {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-900:hover {
+  .xl\:hover\:mid-teal-900:hover {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-100:hover {
+  .xl\:hover\:mid-blue-100:hover {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-200:hover {
+  .xl\:hover\:mid-blue-200:hover {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-300:hover {
+  .xl\:hover\:mid-blue-300:hover {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-400:hover {
+  .xl\:hover\:mid-blue-400:hover {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-500:hover {
+  .xl\:hover\:mid-blue-500:hover {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-600:hover {
+  .xl\:hover\:mid-blue-600:hover {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-700:hover {
+  .xl\:hover\:mid-blue-700:hover {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-800:hover {
+  .xl\:hover\:mid-blue-800:hover {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-900:hover {
+  .xl\:hover\:mid-blue-900:hover {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-100:hover {
+  .xl\:hover\:mid-indigo-100:hover {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-200:hover {
+  .xl\:hover\:mid-indigo-200:hover {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-300:hover {
+  .xl\:hover\:mid-indigo-300:hover {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-400:hover {
+  .xl\:hover\:mid-indigo-400:hover {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-500:hover {
+  .xl\:hover\:mid-indigo-500:hover {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-600:hover {
+  .xl\:hover\:mid-indigo-600:hover {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-700:hover {
+  .xl\:hover\:mid-indigo-700:hover {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-800:hover {
+  .xl\:hover\:mid-indigo-800:hover {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-900:hover {
+  .xl\:hover\:mid-indigo-900:hover {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-100:hover {
+  .xl\:hover\:mid-purple-100:hover {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-200:hover {
+  .xl\:hover\:mid-purple-200:hover {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-300:hover {
+  .xl\:hover\:mid-purple-300:hover {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-400:hover {
+  .xl\:hover\:mid-purple-400:hover {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-500:hover {
+  .xl\:hover\:mid-purple-500:hover {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-600:hover {
+  .xl\:hover\:mid-purple-600:hover {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-700:hover {
+  .xl\:hover\:mid-purple-700:hover {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-800:hover {
+  .xl\:hover\:mid-purple-800:hover {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-900:hover {
+  .xl\:hover\:mid-purple-900:hover {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-100:hover {
+  .xl\:hover\:mid-pink-100:hover {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-200:hover {
+  .xl\:hover\:mid-pink-200:hover {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-300:hover {
+  .xl\:hover\:mid-pink-300:hover {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-400:hover {
+  .xl\:hover\:mid-pink-400:hover {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-500:hover {
+  .xl\:hover\:mid-pink-500:hover {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-600:hover {
+  .xl\:hover\:mid-pink-600:hover {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-700:hover {
+  .xl\:hover\:mid-pink-700:hover {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-800:hover {
+  .xl\:hover\:mid-pink-800:hover {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-900:hover {
+  .xl\:hover\:mid-pink-900:hover {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .xl\:focus\:gradient-from-transparent:focus {
+  .xl\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .xl\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .xl\:hover\:to-black:hover {
+    --gradient-to-color: #000;
+  }
+
+  .xl\:hover\:to-white:hover {
+    --gradient-to-color: #fff;
+  }
+
+  .xl\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .xl\:hover\:to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .xl\:hover\:to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .xl\:hover\:to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .xl\:hover\:to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .xl\:hover\:to-gray-600:hover {
+    --gradient-to-color: #718096;
+  }
+
+  .xl\:hover\:to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+  }
+
+  .xl\:hover\:to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+  }
+
+  .xl\:hover\:to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+  }
+
+  .xl\:hover\:to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .xl\:hover\:to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .xl\:hover\:to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .xl\:hover\:to-red-400:hover {
+    --gradient-to-color: #fc8181;
+  }
+
+  .xl\:hover\:to-red-500:hover {
+    --gradient-to-color: #f56565;
+  }
+
+  .xl\:hover\:to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .xl\:hover\:to-red-700:hover {
+    --gradient-to-color: #c53030;
+  }
+
+  .xl\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .xl\:hover\:to-red-900:hover {
+    --gradient-to-color: #742a2a;
+  }
+
+  .xl\:hover\:to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .xl\:hover\:to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+  }
+
+  .xl\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .xl\:hover\:to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .xl\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+  }
+
+  .xl\:hover\:to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .xl\:hover\:to-orange-700:hover {
+    --gradient-to-color: #c05621;
+  }
+
+  .xl\:hover\:to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+  }
+
+  .xl\:hover\:to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+  }
+
+  .xl\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+  }
+
+  .xl\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .xl\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+  }
+
+  .xl\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .xl\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .xl\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .xl\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+  }
+
+  .xl\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+  }
+
+  .xl\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #744210;
+  }
+
+  .xl\:hover\:to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .xl\:hover\:to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .xl\:hover\:to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .xl\:hover\:to-green-400:hover {
+    --gradient-to-color: #68d391;
+  }
+
+  .xl\:hover\:to-green-500:hover {
+    --gradient-to-color: #48bb78;
+  }
+
+  .xl\:hover\:to-green-600:hover {
+    --gradient-to-color: #38a169;
+  }
+
+  .xl\:hover\:to-green-700:hover {
+    --gradient-to-color: #2f855a;
+  }
+
+  .xl\:hover\:to-green-800:hover {
+    --gradient-to-color: #276749;
+  }
+
+  .xl\:hover\:to-green-900:hover {
+    --gradient-to-color: #22543d;
+  }
+
+  .xl\:hover\:to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .xl\:hover\:to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .xl\:hover\:to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .xl\:hover\:to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .xl\:hover\:to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .xl\:hover\:to-teal-600:hover {
+    --gradient-to-color: #319795;
+  }
+
+  .xl\:hover\:to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .xl\:hover\:to-teal-800:hover {
+    --gradient-to-color: #285e61;
+  }
+
+  .xl\:hover\:to-teal-900:hover {
+    --gradient-to-color: #234e52;
+  }
+
+  .xl\:hover\:to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .xl\:hover\:to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .xl\:hover\:to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .xl\:hover\:to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .xl\:hover\:to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+  }
+
+  .xl\:hover\:to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+  }
+
+  .xl\:hover\:to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .xl\:hover\:to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+  }
+
+  .xl\:hover\:to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+  }
+
+  .xl\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .xl\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .xl\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .xl\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .xl\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+  }
+
+  .xl\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .xl\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .xl\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #434190;
+  }
+
+  .xl\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+  }
+
+  .xl\:hover\:to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .xl\:hover\:to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .xl\:hover\:to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .xl\:hover\:to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+  }
+
+  .xl\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .xl\:hover\:to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+  }
+
+  .xl\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .xl\:hover\:to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+  }
+
+  .xl\:hover\:to-purple-900:hover {
+    --gradient-to-color: #44337a;
+  }
+
+  .xl\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .xl\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .xl\:hover\:to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .xl\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+  }
+
+  .xl\:hover\:to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .xl\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .xl\:hover\:to-pink-700:hover {
+    --gradient-to-color: #b83280;
+  }
+
+  .xl\:hover\:to-pink-800:hover {
+    --gradient-to-color: #97266d;
+  }
+
+  .xl\:hover\:to-pink-900:hover {
+    --gradient-to-color: #702459;
+  }
+
+  .xl\:focus\:from-transparent:focus {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:gradient-from-current:focus {
+  .xl\:focus\:from-current:focus {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-black:focus {
+  .xl\:focus\:from-black:focus {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:gradient-from-white:focus {
+  .xl\:focus\:from-white:focus {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-100:focus {
+  .xl\:focus\:from-gray-100:focus {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-200:focus {
+  .xl\:focus\:from-gray-200:focus {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-300:focus {
+  .xl\:focus\:from-gray-300:focus {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-400:focus {
+  .xl\:focus\:from-gray-400:focus {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-500:focus {
+  .xl\:focus\:from-gray-500:focus {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-600:focus {
+  .xl\:focus\:from-gray-600:focus {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-700:focus {
+  .xl\:focus\:from-gray-700:focus {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-800:focus {
+  .xl\:focus\:from-gray-800:focus {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-900:focus {
+  .xl\:focus\:from-gray-900:focus {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:focus\:gradient-from-red-100:focus {
+  .xl\:focus\:from-red-100:focus {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:focus\:gradient-from-red-200:focus {
+  .xl\:focus\:from-red-200:focus {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:focus\:gradient-from-red-300:focus {
+  .xl\:focus\:from-red-300:focus {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:focus\:gradient-from-red-400:focus {
+  .xl\:focus\:from-red-400:focus {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:focus\:gradient-from-red-500:focus {
+  .xl\:focus\:from-red-500:focus {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:focus\:gradient-from-red-600:focus {
+  .xl\:focus\:from-red-600:focus {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:focus\:gradient-from-red-700:focus {
+  .xl\:focus\:from-red-700:focus {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:focus\:gradient-from-red-800:focus {
+  .xl\:focus\:from-red-800:focus {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:focus\:gradient-from-red-900:focus {
+  .xl\:focus\:from-red-900:focus {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-100:focus {
+  .xl\:focus\:from-orange-100:focus {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-200:focus {
+  .xl\:focus\:from-orange-200:focus {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-300:focus {
+  .xl\:focus\:from-orange-300:focus {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-400:focus {
+  .xl\:focus\:from-orange-400:focus {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-500:focus {
+  .xl\:focus\:from-orange-500:focus {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-600:focus {
+  .xl\:focus\:from-orange-600:focus {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-700:focus {
+  .xl\:focus\:from-orange-700:focus {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-800:focus {
+  .xl\:focus\:from-orange-800:focus {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-900:focus {
+  .xl\:focus\:from-orange-900:focus {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-100:focus {
+  .xl\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-200:focus {
+  .xl\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-300:focus {
+  .xl\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-400:focus {
+  .xl\:focus\:from-yellow-400:focus {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-500:focus {
+  .xl\:focus\:from-yellow-500:focus {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-600:focus {
+  .xl\:focus\:from-yellow-600:focus {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-700:focus {
+  .xl\:focus\:from-yellow-700:focus {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-800:focus {
+  .xl\:focus\:from-yellow-800:focus {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-900:focus {
+  .xl\:focus\:from-yellow-900:focus {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:focus\:gradient-from-green-100:focus {
+  .xl\:focus\:from-green-100:focus {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:focus\:gradient-from-green-200:focus {
+  .xl\:focus\:from-green-200:focus {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:focus\:gradient-from-green-300:focus {
+  .xl\:focus\:from-green-300:focus {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:focus\:gradient-from-green-400:focus {
+  .xl\:focus\:from-green-400:focus {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:focus\:gradient-from-green-500:focus {
+  .xl\:focus\:from-green-500:focus {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:focus\:gradient-from-green-600:focus {
+  .xl\:focus\:from-green-600:focus {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:focus\:gradient-from-green-700:focus {
+  .xl\:focus\:from-green-700:focus {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:focus\:gradient-from-green-800:focus {
+  .xl\:focus\:from-green-800:focus {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:focus\:gradient-from-green-900:focus {
+  .xl\:focus\:from-green-900:focus {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-100:focus {
+  .xl\:focus\:from-teal-100:focus {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-200:focus {
+  .xl\:focus\:from-teal-200:focus {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-300:focus {
+  .xl\:focus\:from-teal-300:focus {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-400:focus {
+  .xl\:focus\:from-teal-400:focus {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-500:focus {
+  .xl\:focus\:from-teal-500:focus {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-600:focus {
+  .xl\:focus\:from-teal-600:focus {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-700:focus {
+  .xl\:focus\:from-teal-700:focus {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-800:focus {
+  .xl\:focus\:from-teal-800:focus {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-900:focus {
+  .xl\:focus\:from-teal-900:focus {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-100:focus {
+  .xl\:focus\:from-blue-100:focus {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-200:focus {
+  .xl\:focus\:from-blue-200:focus {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-300:focus {
+  .xl\:focus\:from-blue-300:focus {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-400:focus {
+  .xl\:focus\:from-blue-400:focus {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-500:focus {
+  .xl\:focus\:from-blue-500:focus {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-600:focus {
+  .xl\:focus\:from-blue-600:focus {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-700:focus {
+  .xl\:focus\:from-blue-700:focus {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-800:focus {
+  .xl\:focus\:from-blue-800:focus {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-900:focus {
+  .xl\:focus\:from-blue-900:focus {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-100:focus {
+  .xl\:focus\:from-indigo-100:focus {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-200:focus {
+  .xl\:focus\:from-indigo-200:focus {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-300:focus {
+  .xl\:focus\:from-indigo-300:focus {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-400:focus {
+  .xl\:focus\:from-indigo-400:focus {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-500:focus {
+  .xl\:focus\:from-indigo-500:focus {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-600:focus {
+  .xl\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-700:focus {
+  .xl\:focus\:from-indigo-700:focus {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-800:focus {
+  .xl\:focus\:from-indigo-800:focus {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-900:focus {
+  .xl\:focus\:from-indigo-900:focus {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-100:focus {
+  .xl\:focus\:from-purple-100:focus {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-200:focus {
+  .xl\:focus\:from-purple-200:focus {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-300:focus {
+  .xl\:focus\:from-purple-300:focus {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-400:focus {
+  .xl\:focus\:from-purple-400:focus {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-500:focus {
+  .xl\:focus\:from-purple-500:focus {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-600:focus {
+  .xl\:focus\:from-purple-600:focus {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-700:focus {
+  .xl\:focus\:from-purple-700:focus {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-800:focus {
+  .xl\:focus\:from-purple-800:focus {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-900:focus {
+  .xl\:focus\:from-purple-900:focus {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-100:focus {
+  .xl\:focus\:from-pink-100:focus {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-200:focus {
+  .xl\:focus\:from-pink-200:focus {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-300:focus {
+  .xl\:focus\:from-pink-300:focus {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-400:focus {
+  .xl\:focus\:from-pink-400:focus {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-500:focus {
+  .xl\:focus\:from-pink-500:focus {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-600:focus {
+  .xl\:focus\:from-pink-600:focus {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-700:focus {
+  .xl\:focus\:from-pink-700:focus {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-800:focus {
+  .xl\:focus\:from-pink-800:focus {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-900:focus {
+  .xl\:focus\:from-pink-900:focus {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .xl\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:gradient-mid-current:focus {
+  .xl\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-black:focus {
+  .xl\:focus\:mid-black:focus {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:gradient-mid-white:focus {
+  .xl\:focus\:mid-white:focus {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-100:focus {
+  .xl\:focus\:mid-gray-100:focus {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-200:focus {
+  .xl\:focus\:mid-gray-200:focus {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-300:focus {
+  .xl\:focus\:mid-gray-300:focus {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-400:focus {
+  .xl\:focus\:mid-gray-400:focus {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-500:focus {
+  .xl\:focus\:mid-gray-500:focus {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-600:focus {
+  .xl\:focus\:mid-gray-600:focus {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-700:focus {
+  .xl\:focus\:mid-gray-700:focus {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-800:focus {
+  .xl\:focus\:mid-gray-800:focus {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-900:focus {
+  .xl\:focus\:mid-gray-900:focus {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-100:focus {
+  .xl\:focus\:mid-red-100:focus {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-200:focus {
+  .xl\:focus\:mid-red-200:focus {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-300:focus {
+  .xl\:focus\:mid-red-300:focus {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-400:focus {
+  .xl\:focus\:mid-red-400:focus {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-500:focus {
+  .xl\:focus\:mid-red-500:focus {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-600:focus {
+  .xl\:focus\:mid-red-600:focus {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-700:focus {
+  .xl\:focus\:mid-red-700:focus {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-800:focus {
+  .xl\:focus\:mid-red-800:focus {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-900:focus {
+  .xl\:focus\:mid-red-900:focus {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-100:focus {
+  .xl\:focus\:mid-orange-100:focus {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-200:focus {
+  .xl\:focus\:mid-orange-200:focus {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-300:focus {
+  .xl\:focus\:mid-orange-300:focus {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-400:focus {
+  .xl\:focus\:mid-orange-400:focus {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-500:focus {
+  .xl\:focus\:mid-orange-500:focus {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-600:focus {
+  .xl\:focus\:mid-orange-600:focus {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-700:focus {
+  .xl\:focus\:mid-orange-700:focus {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-800:focus {
+  .xl\:focus\:mid-orange-800:focus {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-900:focus {
+  .xl\:focus\:mid-orange-900:focus {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-100:focus {
+  .xl\:focus\:mid-yellow-100:focus {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-200:focus {
+  .xl\:focus\:mid-yellow-200:focus {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-300:focus {
+  .xl\:focus\:mid-yellow-300:focus {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-400:focus {
+  .xl\:focus\:mid-yellow-400:focus {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-500:focus {
+  .xl\:focus\:mid-yellow-500:focus {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-600:focus {
+  .xl\:focus\:mid-yellow-600:focus {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-700:focus {
+  .xl\:focus\:mid-yellow-700:focus {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-800:focus {
+  .xl\:focus\:mid-yellow-800:focus {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-900:focus {
+  .xl\:focus\:mid-yellow-900:focus {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-100:focus {
+  .xl\:focus\:mid-green-100:focus {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-200:focus {
+  .xl\:focus\:mid-green-200:focus {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-300:focus {
+  .xl\:focus\:mid-green-300:focus {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-400:focus {
+  .xl\:focus\:mid-green-400:focus {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-500:focus {
+  .xl\:focus\:mid-green-500:focus {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-600:focus {
+  .xl\:focus\:mid-green-600:focus {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-700:focus {
+  .xl\:focus\:mid-green-700:focus {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-800:focus {
+  .xl\:focus\:mid-green-800:focus {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-900:focus {
+  .xl\:focus\:mid-green-900:focus {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-100:focus {
+  .xl\:focus\:mid-teal-100:focus {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-200:focus {
+  .xl\:focus\:mid-teal-200:focus {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-300:focus {
+  .xl\:focus\:mid-teal-300:focus {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-400:focus {
+  .xl\:focus\:mid-teal-400:focus {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-500:focus {
+  .xl\:focus\:mid-teal-500:focus {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-600:focus {
+  .xl\:focus\:mid-teal-600:focus {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-700:focus {
+  .xl\:focus\:mid-teal-700:focus {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-800:focus {
+  .xl\:focus\:mid-teal-800:focus {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-900:focus {
+  .xl\:focus\:mid-teal-900:focus {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-100:focus {
+  .xl\:focus\:mid-blue-100:focus {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-200:focus {
+  .xl\:focus\:mid-blue-200:focus {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-300:focus {
+  .xl\:focus\:mid-blue-300:focus {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-400:focus {
+  .xl\:focus\:mid-blue-400:focus {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-500:focus {
+  .xl\:focus\:mid-blue-500:focus {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-600:focus {
+  .xl\:focus\:mid-blue-600:focus {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-700:focus {
+  .xl\:focus\:mid-blue-700:focus {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-800:focus {
+  .xl\:focus\:mid-blue-800:focus {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-900:focus {
+  .xl\:focus\:mid-blue-900:focus {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-100:focus {
+  .xl\:focus\:mid-indigo-100:focus {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-200:focus {
+  .xl\:focus\:mid-indigo-200:focus {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-300:focus {
+  .xl\:focus\:mid-indigo-300:focus {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-400:focus {
+  .xl\:focus\:mid-indigo-400:focus {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-500:focus {
+  .xl\:focus\:mid-indigo-500:focus {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-600:focus {
+  .xl\:focus\:mid-indigo-600:focus {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-700:focus {
+  .xl\:focus\:mid-indigo-700:focus {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-800:focus {
+  .xl\:focus\:mid-indigo-800:focus {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-900:focus {
+  .xl\:focus\:mid-indigo-900:focus {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-100:focus {
+  .xl\:focus\:mid-purple-100:focus {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-200:focus {
+  .xl\:focus\:mid-purple-200:focus {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-300:focus {
+  .xl\:focus\:mid-purple-300:focus {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-400:focus {
+  .xl\:focus\:mid-purple-400:focus {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-500:focus {
+  .xl\:focus\:mid-purple-500:focus {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-600:focus {
+  .xl\:focus\:mid-purple-600:focus {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-700:focus {
+  .xl\:focus\:mid-purple-700:focus {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-800:focus {
+  .xl\:focus\:mid-purple-800:focus {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-900:focus {
+  .xl\:focus\:mid-purple-900:focus {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-100:focus {
+  .xl\:focus\:mid-pink-100:focus {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-200:focus {
+  .xl\:focus\:mid-pink-200:focus {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-300:focus {
+  .xl\:focus\:mid-pink-300:focus {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-400:focus {
+  .xl\:focus\:mid-pink-400:focus {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-500:focus {
+  .xl\:focus\:mid-pink-500:focus {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-600:focus {
+  .xl\:focus\:mid-pink-600:focus {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-700:focus {
+  .xl\:focus\:mid-pink-700:focus {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-800:focus {
+  .xl\:focus\:mid-pink-800:focus {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-900:focus {
+  .xl\:focus\:mid-pink-900:focus {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  }
+
+  .xl\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .xl\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .xl\:focus\:to-black:focus {
+    --gradient-to-color: #000;
+  }
+
+  .xl\:focus\:to-white:focus {
+    --gradient-to-color: #fff;
+  }
+
+  .xl\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .xl\:focus\:to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .xl\:focus\:to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .xl\:focus\:to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .xl\:focus\:to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .xl\:focus\:to-gray-600:focus {
+    --gradient-to-color: #718096;
+  }
+
+  .xl\:focus\:to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+  }
+
+  .xl\:focus\:to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+  }
+
+  .xl\:focus\:to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+  }
+
+  .xl\:focus\:to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .xl\:focus\:to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .xl\:focus\:to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .xl\:focus\:to-red-400:focus {
+    --gradient-to-color: #fc8181;
+  }
+
+  .xl\:focus\:to-red-500:focus {
+    --gradient-to-color: #f56565;
+  }
+
+  .xl\:focus\:to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .xl\:focus\:to-red-700:focus {
+    --gradient-to-color: #c53030;
+  }
+
+  .xl\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .xl\:focus\:to-red-900:focus {
+    --gradient-to-color: #742a2a;
+  }
+
+  .xl\:focus\:to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .xl\:focus\:to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+  }
+
+  .xl\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .xl\:focus\:to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .xl\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+  }
+
+  .xl\:focus\:to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .xl\:focus\:to-orange-700:focus {
+    --gradient-to-color: #c05621;
+  }
+
+  .xl\:focus\:to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+  }
+
+  .xl\:focus\:to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+  }
+
+  .xl\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+  }
+
+  .xl\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .xl\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+  }
+
+  .xl\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .xl\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .xl\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .xl\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+  }
+
+  .xl\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+  }
+
+  .xl\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #744210;
+  }
+
+  .xl\:focus\:to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .xl\:focus\:to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .xl\:focus\:to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .xl\:focus\:to-green-400:focus {
+    --gradient-to-color: #68d391;
+  }
+
+  .xl\:focus\:to-green-500:focus {
+    --gradient-to-color: #48bb78;
+  }
+
+  .xl\:focus\:to-green-600:focus {
+    --gradient-to-color: #38a169;
+  }
+
+  .xl\:focus\:to-green-700:focus {
+    --gradient-to-color: #2f855a;
+  }
+
+  .xl\:focus\:to-green-800:focus {
+    --gradient-to-color: #276749;
+  }
+
+  .xl\:focus\:to-green-900:focus {
+    --gradient-to-color: #22543d;
+  }
+
+  .xl\:focus\:to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .xl\:focus\:to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .xl\:focus\:to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .xl\:focus\:to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .xl\:focus\:to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .xl\:focus\:to-teal-600:focus {
+    --gradient-to-color: #319795;
+  }
+
+  .xl\:focus\:to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .xl\:focus\:to-teal-800:focus {
+    --gradient-to-color: #285e61;
+  }
+
+  .xl\:focus\:to-teal-900:focus {
+    --gradient-to-color: #234e52;
+  }
+
+  .xl\:focus\:to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .xl\:focus\:to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .xl\:focus\:to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .xl\:focus\:to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .xl\:focus\:to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+  }
+
+  .xl\:focus\:to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+  }
+
+  .xl\:focus\:to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .xl\:focus\:to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+  }
+
+  .xl\:focus\:to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+  }
+
+  .xl\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .xl\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .xl\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .xl\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .xl\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+  }
+
+  .xl\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .xl\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .xl\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #434190;
+  }
+
+  .xl\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+  }
+
+  .xl\:focus\:to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .xl\:focus\:to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .xl\:focus\:to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .xl\:focus\:to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+  }
+
+  .xl\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .xl\:focus\:to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+  }
+
+  .xl\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .xl\:focus\:to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+  }
+
+  .xl\:focus\:to-purple-900:focus {
+    --gradient-to-color: #44337a;
+  }
+
+  .xl\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .xl\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .xl\:focus\:to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .xl\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+  }
+
+  .xl\:focus\:to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .xl\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .xl\:focus\:to-pink-700:focus {
+    --gradient-to-color: #b83280;
+  }
+
+  .xl\:focus\:to-pink-800:focus {
+    --gradient-to-color: #97266d;
+  }
+
+  .xl\:focus\:to-pink-900:focus {
+    --gradient-to-color: #702459;
   }
 
   .xl\:bg-bottom {
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 164cbc601..3a9146aed 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -3463,4250 +3463,3984 @@ video {
   background-color: rgba(112, 36, 89, var(--bg-opacity));
 }
 
-.bg-gradient-up {
-  background-image: linear-gradient(0deg, var(--gradient-color-stops));
+.bg-gradient-t {
+  background-image: linear-gradient(to top, var(--gradient-color-stops));
 }
 
-.bg-gradient-right {
-  background-image: linear-gradient(90deg, var(--gradient-color-stops));
+.bg-gradient-tr {
+  background-image: linear-gradient(to top right, var(--gradient-color-stops));
 }
 
-.bg-gradient-down {
-  background-image: linear-gradient(180deg, var(--gradient-color-stops));
+.bg-gradient-r {
+  background-image: linear-gradient(to right, var(--gradient-color-stops));
 }
 
-.bg-gradient-left {
-  background-image: linear-gradient(270deg, var(--gradient-color-stops));
+.bg-gradient-br {
+  background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
 }
 
-.gradient-from-transparent {
+.bg-gradient-b {
+  background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+}
+
+.bg-gradient-bl {
+  background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+}
+
+.bg-gradient-l {
+  background-image: linear-gradient(to left, var(--gradient-color-stops));
+}
+
+.bg-gradient-tl {
+  background-image: linear-gradient(to top left, var(--gradient-color-stops));
+}
+
+.from-transparent {
   --gradient-from-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.gradient-from-current {
+.from-current {
   --gradient-from-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.gradient-from-black {
+.from-black {
   --gradient-from-color: #000;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.gradient-from-white {
+.from-white {
   --gradient-from-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.gradient-from-gray-100 {
+.from-gray-100 {
   --gradient-from-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.gradient-from-gray-200 {
+.from-gray-200 {
   --gradient-from-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.gradient-from-gray-300 {
+.from-gray-300 {
   --gradient-from-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.gradient-from-gray-400 {
+.from-gray-400 {
   --gradient-from-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.gradient-from-gray-500 {
+.from-gray-500 {
   --gradient-from-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.gradient-from-gray-600 {
+.from-gray-600 {
   --gradient-from-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.gradient-from-gray-700 {
+.from-gray-700 {
   --gradient-from-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.gradient-from-gray-800 {
+.from-gray-800 {
   --gradient-from-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.gradient-from-gray-900 {
+.from-gray-900 {
   --gradient-from-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.gradient-from-red-100 {
+.from-red-100 {
   --gradient-from-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.gradient-from-red-200 {
+.from-red-200 {
   --gradient-from-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.gradient-from-red-300 {
+.from-red-300 {
   --gradient-from-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.gradient-from-red-400 {
+.from-red-400 {
   --gradient-from-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.gradient-from-red-500 {
+.from-red-500 {
   --gradient-from-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.gradient-from-red-600 {
+.from-red-600 {
   --gradient-from-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.gradient-from-red-700 {
+.from-red-700 {
   --gradient-from-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.gradient-from-red-800 {
+.from-red-800 {
   --gradient-from-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.gradient-from-red-900 {
+.from-red-900 {
   --gradient-from-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.gradient-from-orange-100 {
+.from-orange-100 {
   --gradient-from-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.gradient-from-orange-200 {
+.from-orange-200 {
   --gradient-from-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.gradient-from-orange-300 {
+.from-orange-300 {
   --gradient-from-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.gradient-from-orange-400 {
+.from-orange-400 {
   --gradient-from-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.gradient-from-orange-500 {
+.from-orange-500 {
   --gradient-from-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.gradient-from-orange-600 {
+.from-orange-600 {
   --gradient-from-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.gradient-from-orange-700 {
+.from-orange-700 {
   --gradient-from-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.gradient-from-orange-800 {
+.from-orange-800 {
   --gradient-from-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.gradient-from-orange-900 {
+.from-orange-900 {
   --gradient-from-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.gradient-from-yellow-100 {
+.from-yellow-100 {
   --gradient-from-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.gradient-from-yellow-200 {
+.from-yellow-200 {
   --gradient-from-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.gradient-from-yellow-300 {
+.from-yellow-300 {
   --gradient-from-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.gradient-from-yellow-400 {
+.from-yellow-400 {
   --gradient-from-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.gradient-from-yellow-500 {
+.from-yellow-500 {
   --gradient-from-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.gradient-from-yellow-600 {
+.from-yellow-600 {
   --gradient-from-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.gradient-from-yellow-700 {
+.from-yellow-700 {
   --gradient-from-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.gradient-from-yellow-800 {
+.from-yellow-800 {
   --gradient-from-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.gradient-from-yellow-900 {
+.from-yellow-900 {
   --gradient-from-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.gradient-from-green-100 {
+.from-green-100 {
   --gradient-from-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.gradient-from-green-200 {
+.from-green-200 {
   --gradient-from-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.gradient-from-green-300 {
+.from-green-300 {
   --gradient-from-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.gradient-from-green-400 {
+.from-green-400 {
   --gradient-from-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.gradient-from-green-500 {
+.from-green-500 {
   --gradient-from-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.gradient-from-green-600 {
+.from-green-600 {
   --gradient-from-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.gradient-from-green-700 {
+.from-green-700 {
   --gradient-from-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.gradient-from-green-800 {
+.from-green-800 {
   --gradient-from-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.gradient-from-green-900 {
+.from-green-900 {
   --gradient-from-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.gradient-from-teal-100 {
+.from-teal-100 {
   --gradient-from-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.gradient-from-teal-200 {
+.from-teal-200 {
   --gradient-from-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.gradient-from-teal-300 {
+.from-teal-300 {
   --gradient-from-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.gradient-from-teal-400 {
+.from-teal-400 {
   --gradient-from-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.gradient-from-teal-500 {
+.from-teal-500 {
   --gradient-from-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.gradient-from-teal-600 {
+.from-teal-600 {
   --gradient-from-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.gradient-from-teal-700 {
+.from-teal-700 {
   --gradient-from-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.gradient-from-teal-800 {
+.from-teal-800 {
   --gradient-from-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.gradient-from-teal-900 {
+.from-teal-900 {
   --gradient-from-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.gradient-from-blue-100 {
+.from-blue-100 {
   --gradient-from-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.gradient-from-blue-200 {
+.from-blue-200 {
   --gradient-from-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.gradient-from-blue-300 {
+.from-blue-300 {
   --gradient-from-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.gradient-from-blue-400 {
+.from-blue-400 {
   --gradient-from-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.gradient-from-blue-500 {
+.from-blue-500 {
   --gradient-from-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.gradient-from-blue-600 {
+.from-blue-600 {
   --gradient-from-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.gradient-from-blue-700 {
+.from-blue-700 {
   --gradient-from-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.gradient-from-blue-800 {
+.from-blue-800 {
   --gradient-from-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.gradient-from-blue-900 {
+.from-blue-900 {
   --gradient-from-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.gradient-from-indigo-100 {
+.from-indigo-100 {
   --gradient-from-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.gradient-from-indigo-200 {
+.from-indigo-200 {
   --gradient-from-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.gradient-from-indigo-300 {
+.from-indigo-300 {
   --gradient-from-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.gradient-from-indigo-400 {
+.from-indigo-400 {
   --gradient-from-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.gradient-from-indigo-500 {
+.from-indigo-500 {
   --gradient-from-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.gradient-from-indigo-600 {
+.from-indigo-600 {
   --gradient-from-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.gradient-from-indigo-700 {
+.from-indigo-700 {
   --gradient-from-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.gradient-from-indigo-800 {
+.from-indigo-800 {
   --gradient-from-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.gradient-from-indigo-900 {
+.from-indigo-900 {
   --gradient-from-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.gradient-from-purple-100 {
+.from-purple-100 {
   --gradient-from-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.gradient-from-purple-200 {
+.from-purple-200 {
   --gradient-from-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.gradient-from-purple-300 {
+.from-purple-300 {
   --gradient-from-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.gradient-from-purple-400 {
+.from-purple-400 {
   --gradient-from-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.gradient-from-purple-500 {
+.from-purple-500 {
   --gradient-from-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.gradient-from-purple-600 {
+.from-purple-600 {
   --gradient-from-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.gradient-from-purple-700 {
+.from-purple-700 {
   --gradient-from-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.gradient-from-purple-800 {
+.from-purple-800 {
   --gradient-from-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.gradient-from-purple-900 {
+.from-purple-900 {
   --gradient-from-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.gradient-from-pink-100 {
+.from-pink-100 {
   --gradient-from-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.gradient-from-pink-200 {
+.from-pink-200 {
   --gradient-from-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.gradient-from-pink-300 {
+.from-pink-300 {
   --gradient-from-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.gradient-from-pink-400 {
+.from-pink-400 {
   --gradient-from-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.gradient-from-pink-500 {
+.from-pink-500 {
   --gradient-from-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.gradient-from-pink-600 {
+.from-pink-600 {
   --gradient-from-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.gradient-from-pink-700 {
+.from-pink-700 {
   --gradient-from-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.gradient-from-pink-800 {
+.from-pink-800 {
   --gradient-from-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.gradient-from-pink-900 {
+.from-pink-900 {
   --gradient-from-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.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 {
+.mid-transparent {
   --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.gradient-mid-current {
+.mid-current {
   --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.gradient-mid-black {
+.mid-black {
   --gradient-mid-color: #000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.gradient-mid-white {
+.mid-white {
   --gradient-mid-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.gradient-mid-gray-100 {
+.mid-gray-100 {
   --gradient-mid-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.gradient-mid-gray-200 {
+.mid-gray-200 {
   --gradient-mid-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.gradient-mid-gray-300 {
+.mid-gray-300 {
   --gradient-mid-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.gradient-mid-gray-400 {
+.mid-gray-400 {
   --gradient-mid-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.gradient-mid-gray-500 {
+.mid-gray-500 {
   --gradient-mid-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.gradient-mid-gray-600 {
+.mid-gray-600 {
   --gradient-mid-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.gradient-mid-gray-700 {
+.mid-gray-700 {
   --gradient-mid-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.gradient-mid-gray-800 {
+.mid-gray-800 {
   --gradient-mid-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.gradient-mid-gray-900 {
+.mid-gray-900 {
   --gradient-mid-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.gradient-mid-red-100 {
+.mid-red-100 {
   --gradient-mid-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.gradient-mid-red-200 {
+.mid-red-200 {
   --gradient-mid-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.gradient-mid-red-300 {
+.mid-red-300 {
   --gradient-mid-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.gradient-mid-red-400 {
+.mid-red-400 {
   --gradient-mid-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.gradient-mid-red-500 {
+.mid-red-500 {
   --gradient-mid-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.gradient-mid-red-600 {
+.mid-red-600 {
   --gradient-mid-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.gradient-mid-red-700 {
+.mid-red-700 {
   --gradient-mid-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.gradient-mid-red-800 {
+.mid-red-800 {
   --gradient-mid-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.gradient-mid-red-900 {
+.mid-red-900 {
   --gradient-mid-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.gradient-mid-orange-100 {
+.mid-orange-100 {
   --gradient-mid-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.gradient-mid-orange-200 {
+.mid-orange-200 {
   --gradient-mid-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.gradient-mid-orange-300 {
+.mid-orange-300 {
   --gradient-mid-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.gradient-mid-orange-400 {
+.mid-orange-400 {
   --gradient-mid-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.gradient-mid-orange-500 {
+.mid-orange-500 {
   --gradient-mid-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.gradient-mid-orange-600 {
+.mid-orange-600 {
   --gradient-mid-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.gradient-mid-orange-700 {
+.mid-orange-700 {
   --gradient-mid-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.gradient-mid-orange-800 {
+.mid-orange-800 {
   --gradient-mid-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.gradient-mid-orange-900 {
+.mid-orange-900 {
   --gradient-mid-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.gradient-mid-yellow-100 {
+.mid-yellow-100 {
   --gradient-mid-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.gradient-mid-yellow-200 {
+.mid-yellow-200 {
   --gradient-mid-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.gradient-mid-yellow-300 {
+.mid-yellow-300 {
   --gradient-mid-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.gradient-mid-yellow-400 {
+.mid-yellow-400 {
   --gradient-mid-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.gradient-mid-yellow-500 {
+.mid-yellow-500 {
   --gradient-mid-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.gradient-mid-yellow-600 {
+.mid-yellow-600 {
   --gradient-mid-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.gradient-mid-yellow-700 {
+.mid-yellow-700 {
   --gradient-mid-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.gradient-mid-yellow-800 {
+.mid-yellow-800 {
   --gradient-mid-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.gradient-mid-yellow-900 {
+.mid-yellow-900 {
   --gradient-mid-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.gradient-mid-green-100 {
+.mid-green-100 {
   --gradient-mid-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.gradient-mid-green-200 {
+.mid-green-200 {
   --gradient-mid-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.gradient-mid-green-300 {
+.mid-green-300 {
   --gradient-mid-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.gradient-mid-green-400 {
+.mid-green-400 {
   --gradient-mid-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.gradient-mid-green-500 {
+.mid-green-500 {
   --gradient-mid-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.gradient-mid-green-600 {
+.mid-green-600 {
   --gradient-mid-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.gradient-mid-green-700 {
+.mid-green-700 {
   --gradient-mid-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.gradient-mid-green-800 {
+.mid-green-800 {
   --gradient-mid-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.gradient-mid-green-900 {
+.mid-green-900 {
   --gradient-mid-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.gradient-mid-teal-100 {
+.mid-teal-100 {
   --gradient-mid-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.gradient-mid-teal-200 {
+.mid-teal-200 {
   --gradient-mid-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.gradient-mid-teal-300 {
+.mid-teal-300 {
   --gradient-mid-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.gradient-mid-teal-400 {
+.mid-teal-400 {
   --gradient-mid-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.gradient-mid-teal-500 {
+.mid-teal-500 {
   --gradient-mid-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.gradient-mid-teal-600 {
+.mid-teal-600 {
   --gradient-mid-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.gradient-mid-teal-700 {
+.mid-teal-700 {
   --gradient-mid-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.gradient-mid-teal-800 {
+.mid-teal-800 {
   --gradient-mid-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.gradient-mid-teal-900 {
+.mid-teal-900 {
   --gradient-mid-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.gradient-mid-blue-100 {
+.mid-blue-100 {
   --gradient-mid-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.gradient-mid-blue-200 {
+.mid-blue-200 {
   --gradient-mid-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.gradient-mid-blue-300 {
+.mid-blue-300 {
   --gradient-mid-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.gradient-mid-blue-400 {
+.mid-blue-400 {
   --gradient-mid-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.gradient-mid-blue-500 {
+.mid-blue-500 {
   --gradient-mid-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.gradient-mid-blue-600 {
+.mid-blue-600 {
   --gradient-mid-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.gradient-mid-blue-700 {
+.mid-blue-700 {
   --gradient-mid-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.gradient-mid-blue-800 {
+.mid-blue-800 {
   --gradient-mid-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.gradient-mid-blue-900 {
+.mid-blue-900 {
   --gradient-mid-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.gradient-mid-indigo-100 {
+.mid-indigo-100 {
   --gradient-mid-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.gradient-mid-indigo-200 {
+.mid-indigo-200 {
   --gradient-mid-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.gradient-mid-indigo-300 {
+.mid-indigo-300 {
   --gradient-mid-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.gradient-mid-indigo-400 {
+.mid-indigo-400 {
   --gradient-mid-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.gradient-mid-indigo-500 {
+.mid-indigo-500 {
   --gradient-mid-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.gradient-mid-indigo-600 {
+.mid-indigo-600 {
   --gradient-mid-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.gradient-mid-indigo-700 {
+.mid-indigo-700 {
   --gradient-mid-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.gradient-mid-indigo-800 {
+.mid-indigo-800 {
   --gradient-mid-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.gradient-mid-indigo-900 {
+.mid-indigo-900 {
   --gradient-mid-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.gradient-mid-purple-100 {
+.mid-purple-100 {
   --gradient-mid-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.gradient-mid-purple-200 {
+.mid-purple-200 {
   --gradient-mid-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.gradient-mid-purple-300 {
+.mid-purple-300 {
   --gradient-mid-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.gradient-mid-purple-400 {
+.mid-purple-400 {
   --gradient-mid-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.gradient-mid-purple-500 {
+.mid-purple-500 {
   --gradient-mid-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.gradient-mid-purple-600 {
+.mid-purple-600 {
   --gradient-mid-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.gradient-mid-purple-700 {
+.mid-purple-700 {
   --gradient-mid-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.gradient-mid-purple-800 {
+.mid-purple-800 {
   --gradient-mid-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.gradient-mid-purple-900 {
+.mid-purple-900 {
   --gradient-mid-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.gradient-mid-pink-100 {
+.mid-pink-100 {
   --gradient-mid-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.gradient-mid-pink-200 {
+.mid-pink-200 {
   --gradient-mid-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.gradient-mid-pink-300 {
+.mid-pink-300 {
   --gradient-mid-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.gradient-mid-pink-400 {
+.mid-pink-400 {
   --gradient-mid-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.gradient-mid-pink-500 {
+.mid-pink-500 {
   --gradient-mid-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.gradient-mid-pink-600 {
+.mid-pink-600 {
   --gradient-mid-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.gradient-mid-pink-700 {
+.mid-pink-700 {
   --gradient-mid-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.gradient-mid-pink-800 {
+.mid-pink-800 {
   --gradient-mid-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.gradient-mid-pink-900 {
+.mid-pink-900 {
   --gradient-mid-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.hover\:gradient-from-transparent:hover {
+.to-transparent {
+  --gradient-to-color: transparent;
+}
+
+.to-current {
+  --gradient-to-color: currentColor;
+}
+
+.to-black {
+  --gradient-to-color: #000;
+}
+
+.to-white {
+  --gradient-to-color: #fff;
+}
+
+.to-gray-100 {
+  --gradient-to-color: #f7fafc;
+}
+
+.to-gray-200 {
+  --gradient-to-color: #edf2f7;
+}
+
+.to-gray-300 {
+  --gradient-to-color: #e2e8f0;
+}
+
+.to-gray-400 {
+  --gradient-to-color: #cbd5e0;
+}
+
+.to-gray-500 {
+  --gradient-to-color: #a0aec0;
+}
+
+.to-gray-600 {
+  --gradient-to-color: #718096;
+}
+
+.to-gray-700 {
+  --gradient-to-color: #4a5568;
+}
+
+.to-gray-800 {
+  --gradient-to-color: #2d3748;
+}
+
+.to-gray-900 {
+  --gradient-to-color: #1a202c;
+}
+
+.to-red-100 {
+  --gradient-to-color: #fff5f5;
+}
+
+.to-red-200 {
+  --gradient-to-color: #fed7d7;
+}
+
+.to-red-300 {
+  --gradient-to-color: #feb2b2;
+}
+
+.to-red-400 {
+  --gradient-to-color: #fc8181;
+}
+
+.to-red-500 {
+  --gradient-to-color: #f56565;
+}
+
+.to-red-600 {
+  --gradient-to-color: #e53e3e;
+}
+
+.to-red-700 {
+  --gradient-to-color: #c53030;
+}
+
+.to-red-800 {
+  --gradient-to-color: #9b2c2c;
+}
+
+.to-red-900 {
+  --gradient-to-color: #742a2a;
+}
+
+.to-orange-100 {
+  --gradient-to-color: #fffaf0;
+}
+
+.to-orange-200 {
+  --gradient-to-color: #feebc8;
+}
+
+.to-orange-300 {
+  --gradient-to-color: #fbd38d;
+}
+
+.to-orange-400 {
+  --gradient-to-color: #f6ad55;
+}
+
+.to-orange-500 {
+  --gradient-to-color: #ed8936;
+}
+
+.to-orange-600 {
+  --gradient-to-color: #dd6b20;
+}
+
+.to-orange-700 {
+  --gradient-to-color: #c05621;
+}
+
+.to-orange-800 {
+  --gradient-to-color: #9c4221;
+}
+
+.to-orange-900 {
+  --gradient-to-color: #7b341e;
+}
+
+.to-yellow-100 {
+  --gradient-to-color: #fffff0;
+}
+
+.to-yellow-200 {
+  --gradient-to-color: #fefcbf;
+}
+
+.to-yellow-300 {
+  --gradient-to-color: #faf089;
+}
+
+.to-yellow-400 {
+  --gradient-to-color: #f6e05e;
+}
+
+.to-yellow-500 {
+  --gradient-to-color: #ecc94b;
+}
+
+.to-yellow-600 {
+  --gradient-to-color: #d69e2e;
+}
+
+.to-yellow-700 {
+  --gradient-to-color: #b7791f;
+}
+
+.to-yellow-800 {
+  --gradient-to-color: #975a16;
+}
+
+.to-yellow-900 {
+  --gradient-to-color: #744210;
+}
+
+.to-green-100 {
+  --gradient-to-color: #f0fff4;
+}
+
+.to-green-200 {
+  --gradient-to-color: #c6f6d5;
+}
+
+.to-green-300 {
+  --gradient-to-color: #9ae6b4;
+}
+
+.to-green-400 {
+  --gradient-to-color: #68d391;
+}
+
+.to-green-500 {
+  --gradient-to-color: #48bb78;
+}
+
+.to-green-600 {
+  --gradient-to-color: #38a169;
+}
+
+.to-green-700 {
+  --gradient-to-color: #2f855a;
+}
+
+.to-green-800 {
+  --gradient-to-color: #276749;
+}
+
+.to-green-900 {
+  --gradient-to-color: #22543d;
+}
+
+.to-teal-100 {
+  --gradient-to-color: #e6fffa;
+}
+
+.to-teal-200 {
+  --gradient-to-color: #b2f5ea;
+}
+
+.to-teal-300 {
+  --gradient-to-color: #81e6d9;
+}
+
+.to-teal-400 {
+  --gradient-to-color: #4fd1c5;
+}
+
+.to-teal-500 {
+  --gradient-to-color: #38b2ac;
+}
+
+.to-teal-600 {
+  --gradient-to-color: #319795;
+}
+
+.to-teal-700 {
+  --gradient-to-color: #2c7a7b;
+}
+
+.to-teal-800 {
+  --gradient-to-color: #285e61;
+}
+
+.to-teal-900 {
+  --gradient-to-color: #234e52;
+}
+
+.to-blue-100 {
+  --gradient-to-color: #ebf8ff;
+}
+
+.to-blue-200 {
+  --gradient-to-color: #bee3f8;
+}
+
+.to-blue-300 {
+  --gradient-to-color: #90cdf4;
+}
+
+.to-blue-400 {
+  --gradient-to-color: #63b3ed;
+}
+
+.to-blue-500 {
+  --gradient-to-color: #4299e1;
+}
+
+.to-blue-600 {
+  --gradient-to-color: #3182ce;
+}
+
+.to-blue-700 {
+  --gradient-to-color: #2b6cb0;
+}
+
+.to-blue-800 {
+  --gradient-to-color: #2c5282;
+}
+
+.to-blue-900 {
+  --gradient-to-color: #2a4365;
+}
+
+.to-indigo-100 {
+  --gradient-to-color: #ebf4ff;
+}
+
+.to-indigo-200 {
+  --gradient-to-color: #c3dafe;
+}
+
+.to-indigo-300 {
+  --gradient-to-color: #a3bffa;
+}
+
+.to-indigo-400 {
+  --gradient-to-color: #7f9cf5;
+}
+
+.to-indigo-500 {
+  --gradient-to-color: #667eea;
+}
+
+.to-indigo-600 {
+  --gradient-to-color: #5a67d8;
+}
+
+.to-indigo-700 {
+  --gradient-to-color: #4c51bf;
+}
+
+.to-indigo-800 {
+  --gradient-to-color: #434190;
+}
+
+.to-indigo-900 {
+  --gradient-to-color: #3c366b;
+}
+
+.to-purple-100 {
+  --gradient-to-color: #faf5ff;
+}
+
+.to-purple-200 {
+  --gradient-to-color: #e9d8fd;
+}
+
+.to-purple-300 {
+  --gradient-to-color: #d6bcfa;
+}
+
+.to-purple-400 {
+  --gradient-to-color: #b794f4;
+}
+
+.to-purple-500 {
+  --gradient-to-color: #9f7aea;
+}
+
+.to-purple-600 {
+  --gradient-to-color: #805ad5;
+}
+
+.to-purple-700 {
+  --gradient-to-color: #6b46c1;
+}
+
+.to-purple-800 {
+  --gradient-to-color: #553c9a;
+}
+
+.to-purple-900 {
+  --gradient-to-color: #44337a;
+}
+
+.to-pink-100 {
+  --gradient-to-color: #fff5f7;
+}
+
+.to-pink-200 {
+  --gradient-to-color: #fed7e2;
+}
+
+.to-pink-300 {
+  --gradient-to-color: #fbb6ce;
+}
+
+.to-pink-400 {
+  --gradient-to-color: #f687b3;
+}
+
+.to-pink-500 {
+  --gradient-to-color: #ed64a6;
+}
+
+.to-pink-600 {
+  --gradient-to-color: #d53f8c;
+}
+
+.to-pink-700 {
+  --gradient-to-color: #b83280;
+}
+
+.to-pink-800 {
+  --gradient-to-color: #97266d;
+}
+
+.to-pink-900 {
+  --gradient-to-color: #702459;
+}
+
+.hover\:from-transparent:hover {
   --gradient-from-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:gradient-from-current:hover {
+.hover\:from-current:hover {
   --gradient-from-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:gradient-from-black:hover {
+.hover\:from-black:hover {
   --gradient-from-color: #000;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:gradient-from-white:hover {
+.hover\:from-white:hover {
   --gradient-from-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:gradient-from-gray-100:hover {
+.hover\:from-gray-100:hover {
   --gradient-from-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.hover\:gradient-from-gray-200:hover {
+.hover\:from-gray-200:hover {
   --gradient-from-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.hover\:gradient-from-gray-300:hover {
+.hover\:from-gray-300:hover {
   --gradient-from-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.hover\:gradient-from-gray-400:hover {
+.hover\:from-gray-400:hover {
   --gradient-from-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.hover\:gradient-from-gray-500:hover {
+.hover\:from-gray-500:hover {
   --gradient-from-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.hover\:gradient-from-gray-600:hover {
+.hover\:from-gray-600:hover {
   --gradient-from-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.hover\:gradient-from-gray-700:hover {
+.hover\:from-gray-700:hover {
   --gradient-from-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.hover\:gradient-from-gray-800:hover {
+.hover\:from-gray-800:hover {
   --gradient-from-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.hover\:gradient-from-gray-900:hover {
+.hover\:from-gray-900:hover {
   --gradient-from-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.hover\:gradient-from-red-100:hover {
+.hover\:from-red-100:hover {
   --gradient-from-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.hover\:gradient-from-red-200:hover {
+.hover\:from-red-200:hover {
   --gradient-from-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.hover\:gradient-from-red-300:hover {
+.hover\:from-red-300:hover {
   --gradient-from-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.hover\:gradient-from-red-400:hover {
+.hover\:from-red-400:hover {
   --gradient-from-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.hover\:gradient-from-red-500:hover {
+.hover\:from-red-500:hover {
   --gradient-from-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.hover\:gradient-from-red-600:hover {
+.hover\:from-red-600:hover {
   --gradient-from-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.hover\:gradient-from-red-700:hover {
+.hover\:from-red-700:hover {
   --gradient-from-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.hover\:gradient-from-red-800:hover {
+.hover\:from-red-800:hover {
   --gradient-from-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.hover\:gradient-from-red-900:hover {
+.hover\:from-red-900:hover {
   --gradient-from-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.hover\:gradient-from-orange-100:hover {
+.hover\:from-orange-100:hover {
   --gradient-from-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.hover\:gradient-from-orange-200:hover {
+.hover\:from-orange-200:hover {
   --gradient-from-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.hover\:gradient-from-orange-300:hover {
+.hover\:from-orange-300:hover {
   --gradient-from-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.hover\:gradient-from-orange-400:hover {
+.hover\:from-orange-400:hover {
   --gradient-from-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.hover\:gradient-from-orange-500:hover {
+.hover\:from-orange-500:hover {
   --gradient-from-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.hover\:gradient-from-orange-600:hover {
+.hover\:from-orange-600:hover {
   --gradient-from-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.hover\:gradient-from-orange-700:hover {
+.hover\:from-orange-700:hover {
   --gradient-from-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.hover\:gradient-from-orange-800:hover {
+.hover\:from-orange-800:hover {
   --gradient-from-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.hover\:gradient-from-orange-900:hover {
+.hover\:from-orange-900:hover {
   --gradient-from-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.hover\:gradient-from-yellow-100:hover {
+.hover\:from-yellow-100:hover {
   --gradient-from-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.hover\:gradient-from-yellow-200:hover {
+.hover\:from-yellow-200:hover {
   --gradient-from-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.hover\:gradient-from-yellow-300:hover {
+.hover\:from-yellow-300:hover {
   --gradient-from-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.hover\:gradient-from-yellow-400:hover {
+.hover\:from-yellow-400:hover {
   --gradient-from-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.hover\:gradient-from-yellow-500:hover {
+.hover\:from-yellow-500:hover {
   --gradient-from-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.hover\:gradient-from-yellow-600:hover {
+.hover\:from-yellow-600:hover {
   --gradient-from-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.hover\:gradient-from-yellow-700:hover {
+.hover\:from-yellow-700:hover {
   --gradient-from-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.hover\:gradient-from-yellow-800:hover {
+.hover\:from-yellow-800:hover {
   --gradient-from-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.hover\:gradient-from-yellow-900:hover {
+.hover\:from-yellow-900:hover {
   --gradient-from-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.hover\:gradient-from-green-100:hover {
+.hover\:from-green-100:hover {
   --gradient-from-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.hover\:gradient-from-green-200:hover {
+.hover\:from-green-200:hover {
   --gradient-from-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.hover\:gradient-from-green-300:hover {
+.hover\:from-green-300:hover {
   --gradient-from-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.hover\:gradient-from-green-400:hover {
+.hover\:from-green-400:hover {
   --gradient-from-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.hover\:gradient-from-green-500:hover {
+.hover\:from-green-500:hover {
   --gradient-from-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.hover\:gradient-from-green-600:hover {
+.hover\:from-green-600:hover {
   --gradient-from-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.hover\:gradient-from-green-700:hover {
+.hover\:from-green-700:hover {
   --gradient-from-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.hover\:gradient-from-green-800:hover {
+.hover\:from-green-800:hover {
   --gradient-from-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.hover\:gradient-from-green-900:hover {
+.hover\:from-green-900:hover {
   --gradient-from-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.hover\:gradient-from-teal-100:hover {
+.hover\:from-teal-100:hover {
   --gradient-from-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.hover\:gradient-from-teal-200:hover {
+.hover\:from-teal-200:hover {
   --gradient-from-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.hover\:gradient-from-teal-300:hover {
+.hover\:from-teal-300:hover {
   --gradient-from-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.hover\:gradient-from-teal-400:hover {
+.hover\:from-teal-400:hover {
   --gradient-from-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.hover\:gradient-from-teal-500:hover {
+.hover\:from-teal-500:hover {
   --gradient-from-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.hover\:gradient-from-teal-600:hover {
+.hover\:from-teal-600:hover {
   --gradient-from-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.hover\:gradient-from-teal-700:hover {
+.hover\:from-teal-700:hover {
   --gradient-from-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.hover\:gradient-from-teal-800:hover {
+.hover\:from-teal-800:hover {
   --gradient-from-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.hover\:gradient-from-teal-900:hover {
+.hover\:from-teal-900:hover {
   --gradient-from-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.hover\:gradient-from-blue-100:hover {
+.hover\:from-blue-100:hover {
   --gradient-from-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.hover\:gradient-from-blue-200:hover {
+.hover\:from-blue-200:hover {
   --gradient-from-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.hover\:gradient-from-blue-300:hover {
+.hover\:from-blue-300:hover {
   --gradient-from-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.hover\:gradient-from-blue-400:hover {
+.hover\:from-blue-400:hover {
   --gradient-from-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.hover\:gradient-from-blue-500:hover {
+.hover\:from-blue-500:hover {
   --gradient-from-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.hover\:gradient-from-blue-600:hover {
+.hover\:from-blue-600:hover {
   --gradient-from-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.hover\:gradient-from-blue-700:hover {
+.hover\:from-blue-700:hover {
   --gradient-from-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.hover\:gradient-from-blue-800:hover {
+.hover\:from-blue-800:hover {
   --gradient-from-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.hover\:gradient-from-blue-900:hover {
+.hover\:from-blue-900:hover {
   --gradient-from-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.hover\:gradient-from-indigo-100:hover {
+.hover\:from-indigo-100:hover {
   --gradient-from-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.hover\:gradient-from-indigo-200:hover {
+.hover\:from-indigo-200:hover {
   --gradient-from-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.hover\:gradient-from-indigo-300:hover {
+.hover\:from-indigo-300:hover {
   --gradient-from-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.hover\:gradient-from-indigo-400:hover {
+.hover\:from-indigo-400:hover {
   --gradient-from-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.hover\:gradient-from-indigo-500:hover {
+.hover\:from-indigo-500:hover {
   --gradient-from-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.hover\:gradient-from-indigo-600:hover {
+.hover\:from-indigo-600:hover {
   --gradient-from-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.hover\:gradient-from-indigo-700:hover {
+.hover\:from-indigo-700:hover {
   --gradient-from-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.hover\:gradient-from-indigo-800:hover {
+.hover\:from-indigo-800:hover {
   --gradient-from-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.hover\:gradient-from-indigo-900:hover {
+.hover\:from-indigo-900:hover {
   --gradient-from-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.hover\:gradient-from-purple-100:hover {
+.hover\:from-purple-100:hover {
   --gradient-from-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.hover\:gradient-from-purple-200:hover {
+.hover\:from-purple-200:hover {
   --gradient-from-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.hover\:gradient-from-purple-300:hover {
+.hover\:from-purple-300:hover {
   --gradient-from-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.hover\:gradient-from-purple-400:hover {
+.hover\:from-purple-400:hover {
   --gradient-from-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.hover\:gradient-from-purple-500:hover {
+.hover\:from-purple-500:hover {
   --gradient-from-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.hover\:gradient-from-purple-600:hover {
+.hover\:from-purple-600:hover {
   --gradient-from-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.hover\:gradient-from-purple-700:hover {
+.hover\:from-purple-700:hover {
   --gradient-from-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.hover\:gradient-from-purple-800:hover {
+.hover\:from-purple-800:hover {
   --gradient-from-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.hover\:gradient-from-purple-900:hover {
+.hover\:from-purple-900:hover {
   --gradient-from-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.hover\:gradient-from-pink-100:hover {
+.hover\:from-pink-100:hover {
   --gradient-from-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.hover\:gradient-from-pink-200:hover {
+.hover\:from-pink-200:hover {
   --gradient-from-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.hover\:gradient-from-pink-300:hover {
+.hover\:from-pink-300:hover {
   --gradient-from-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.hover\:gradient-from-pink-400:hover {
+.hover\:from-pink-400:hover {
   --gradient-from-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.hover\:gradient-from-pink-500:hover {
+.hover\:from-pink-500:hover {
   --gradient-from-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.hover\:gradient-from-pink-600:hover {
+.hover\:from-pink-600:hover {
   --gradient-from-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.hover\:gradient-from-pink-700:hover {
+.hover\:from-pink-700:hover {
   --gradient-from-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.hover\:gradient-from-pink-800:hover {
+.hover\:from-pink-800:hover {
   --gradient-from-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.hover\:gradient-from-pink-900:hover {
+.hover\:from-pink-900:hover {
   --gradient-from-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.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 {
+.hover\:mid-transparent:hover {
   --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:gradient-mid-current:hover {
+.hover\:mid-current:hover {
   --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:gradient-mid-black:hover {
+.hover\:mid-black:hover {
   --gradient-mid-color: #000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:gradient-mid-white:hover {
+.hover\:mid-white:hover {
   --gradient-mid-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:gradient-mid-gray-100:hover {
+.hover\:mid-gray-100:hover {
   --gradient-mid-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.hover\:gradient-mid-gray-200:hover {
+.hover\:mid-gray-200:hover {
   --gradient-mid-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.hover\:gradient-mid-gray-300:hover {
+.hover\:mid-gray-300:hover {
   --gradient-mid-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.hover\:gradient-mid-gray-400:hover {
+.hover\:mid-gray-400:hover {
   --gradient-mid-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.hover\:gradient-mid-gray-500:hover {
+.hover\:mid-gray-500:hover {
   --gradient-mid-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.hover\:gradient-mid-gray-600:hover {
+.hover\:mid-gray-600:hover {
   --gradient-mid-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.hover\:gradient-mid-gray-700:hover {
+.hover\:mid-gray-700:hover {
   --gradient-mid-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.hover\:gradient-mid-gray-800:hover {
+.hover\:mid-gray-800:hover {
   --gradient-mid-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.hover\:gradient-mid-gray-900:hover {
+.hover\:mid-gray-900:hover {
   --gradient-mid-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.hover\:gradient-mid-red-100:hover {
+.hover\:mid-red-100:hover {
   --gradient-mid-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.hover\:gradient-mid-red-200:hover {
+.hover\:mid-red-200:hover {
   --gradient-mid-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.hover\:gradient-mid-red-300:hover {
+.hover\:mid-red-300:hover {
   --gradient-mid-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.hover\:gradient-mid-red-400:hover {
+.hover\:mid-red-400:hover {
   --gradient-mid-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.hover\:gradient-mid-red-500:hover {
+.hover\:mid-red-500:hover {
   --gradient-mid-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.hover\:gradient-mid-red-600:hover {
+.hover\:mid-red-600:hover {
   --gradient-mid-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.hover\:gradient-mid-red-700:hover {
+.hover\:mid-red-700:hover {
   --gradient-mid-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.hover\:gradient-mid-red-800:hover {
+.hover\:mid-red-800:hover {
   --gradient-mid-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.hover\:gradient-mid-red-900:hover {
+.hover\:mid-red-900:hover {
   --gradient-mid-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.hover\:gradient-mid-orange-100:hover {
+.hover\:mid-orange-100:hover {
   --gradient-mid-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.hover\:gradient-mid-orange-200:hover {
+.hover\:mid-orange-200:hover {
   --gradient-mid-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.hover\:gradient-mid-orange-300:hover {
+.hover\:mid-orange-300:hover {
   --gradient-mid-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.hover\:gradient-mid-orange-400:hover {
+.hover\:mid-orange-400:hover {
   --gradient-mid-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.hover\:gradient-mid-orange-500:hover {
+.hover\:mid-orange-500:hover {
   --gradient-mid-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.hover\:gradient-mid-orange-600:hover {
+.hover\:mid-orange-600:hover {
   --gradient-mid-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.hover\:gradient-mid-orange-700:hover {
+.hover\:mid-orange-700:hover {
   --gradient-mid-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.hover\:gradient-mid-orange-800:hover {
+.hover\:mid-orange-800:hover {
   --gradient-mid-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.hover\:gradient-mid-orange-900:hover {
+.hover\:mid-orange-900:hover {
   --gradient-mid-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.hover\:gradient-mid-yellow-100:hover {
+.hover\:mid-yellow-100:hover {
   --gradient-mid-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.hover\:gradient-mid-yellow-200:hover {
+.hover\:mid-yellow-200:hover {
   --gradient-mid-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.hover\:gradient-mid-yellow-300:hover {
+.hover\:mid-yellow-300:hover {
   --gradient-mid-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.hover\:gradient-mid-yellow-400:hover {
+.hover\:mid-yellow-400:hover {
   --gradient-mid-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.hover\:gradient-mid-yellow-500:hover {
+.hover\:mid-yellow-500:hover {
   --gradient-mid-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.hover\:gradient-mid-yellow-600:hover {
+.hover\:mid-yellow-600:hover {
   --gradient-mid-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.hover\:gradient-mid-yellow-700:hover {
+.hover\:mid-yellow-700:hover {
   --gradient-mid-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.hover\:gradient-mid-yellow-800:hover {
+.hover\:mid-yellow-800:hover {
   --gradient-mid-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.hover\:gradient-mid-yellow-900:hover {
+.hover\:mid-yellow-900:hover {
   --gradient-mid-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.hover\:gradient-mid-green-100:hover {
+.hover\:mid-green-100:hover {
   --gradient-mid-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.hover\:gradient-mid-green-200:hover {
+.hover\:mid-green-200:hover {
   --gradient-mid-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.hover\:gradient-mid-green-300:hover {
+.hover\:mid-green-300:hover {
   --gradient-mid-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.hover\:gradient-mid-green-400:hover {
+.hover\:mid-green-400:hover {
   --gradient-mid-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.hover\:gradient-mid-green-500:hover {
+.hover\:mid-green-500:hover {
   --gradient-mid-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.hover\:gradient-mid-green-600:hover {
+.hover\:mid-green-600:hover {
   --gradient-mid-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.hover\:gradient-mid-green-700:hover {
+.hover\:mid-green-700:hover {
   --gradient-mid-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.hover\:gradient-mid-green-800:hover {
+.hover\:mid-green-800:hover {
   --gradient-mid-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.hover\:gradient-mid-green-900:hover {
+.hover\:mid-green-900:hover {
   --gradient-mid-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.hover\:gradient-mid-teal-100:hover {
+.hover\:mid-teal-100:hover {
   --gradient-mid-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.hover\:gradient-mid-teal-200:hover {
+.hover\:mid-teal-200:hover {
   --gradient-mid-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.hover\:gradient-mid-teal-300:hover {
+.hover\:mid-teal-300:hover {
   --gradient-mid-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.hover\:gradient-mid-teal-400:hover {
+.hover\:mid-teal-400:hover {
   --gradient-mid-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.hover\:gradient-mid-teal-500:hover {
+.hover\:mid-teal-500:hover {
   --gradient-mid-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.hover\:gradient-mid-teal-600:hover {
+.hover\:mid-teal-600:hover {
   --gradient-mid-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.hover\:gradient-mid-teal-700:hover {
+.hover\:mid-teal-700:hover {
   --gradient-mid-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.hover\:gradient-mid-teal-800:hover {
+.hover\:mid-teal-800:hover {
   --gradient-mid-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.hover\:gradient-mid-teal-900:hover {
+.hover\:mid-teal-900:hover {
   --gradient-mid-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.hover\:gradient-mid-blue-100:hover {
+.hover\:mid-blue-100:hover {
   --gradient-mid-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.hover\:gradient-mid-blue-200:hover {
+.hover\:mid-blue-200:hover {
   --gradient-mid-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.hover\:gradient-mid-blue-300:hover {
+.hover\:mid-blue-300:hover {
   --gradient-mid-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.hover\:gradient-mid-blue-400:hover {
+.hover\:mid-blue-400:hover {
   --gradient-mid-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.hover\:gradient-mid-blue-500:hover {
+.hover\:mid-blue-500:hover {
   --gradient-mid-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.hover\:gradient-mid-blue-600:hover {
+.hover\:mid-blue-600:hover {
   --gradient-mid-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.hover\:gradient-mid-blue-700:hover {
+.hover\:mid-blue-700:hover {
   --gradient-mid-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.hover\:gradient-mid-blue-800:hover {
+.hover\:mid-blue-800:hover {
   --gradient-mid-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.hover\:gradient-mid-blue-900:hover {
+.hover\:mid-blue-900:hover {
   --gradient-mid-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.hover\:gradient-mid-indigo-100:hover {
+.hover\:mid-indigo-100:hover {
   --gradient-mid-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.hover\:gradient-mid-indigo-200:hover {
+.hover\:mid-indigo-200:hover {
   --gradient-mid-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.hover\:gradient-mid-indigo-300:hover {
+.hover\:mid-indigo-300:hover {
   --gradient-mid-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.hover\:gradient-mid-indigo-400:hover {
+.hover\:mid-indigo-400:hover {
   --gradient-mid-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.hover\:gradient-mid-indigo-500:hover {
+.hover\:mid-indigo-500:hover {
   --gradient-mid-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.hover\:gradient-mid-indigo-600:hover {
+.hover\:mid-indigo-600:hover {
   --gradient-mid-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.hover\:gradient-mid-indigo-700:hover {
+.hover\:mid-indigo-700:hover {
   --gradient-mid-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.hover\:gradient-mid-indigo-800:hover {
+.hover\:mid-indigo-800:hover {
   --gradient-mid-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.hover\:gradient-mid-indigo-900:hover {
+.hover\:mid-indigo-900:hover {
   --gradient-mid-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.hover\:gradient-mid-purple-100:hover {
+.hover\:mid-purple-100:hover {
   --gradient-mid-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.hover\:gradient-mid-purple-200:hover {
+.hover\:mid-purple-200:hover {
   --gradient-mid-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.hover\:gradient-mid-purple-300:hover {
+.hover\:mid-purple-300:hover {
   --gradient-mid-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.hover\:gradient-mid-purple-400:hover {
+.hover\:mid-purple-400:hover {
   --gradient-mid-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.hover\:gradient-mid-purple-500:hover {
+.hover\:mid-purple-500:hover {
   --gradient-mid-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.hover\:gradient-mid-purple-600:hover {
+.hover\:mid-purple-600:hover {
   --gradient-mid-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.hover\:gradient-mid-purple-700:hover {
+.hover\:mid-purple-700:hover {
   --gradient-mid-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.hover\:gradient-mid-purple-800:hover {
+.hover\:mid-purple-800:hover {
   --gradient-mid-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.hover\:gradient-mid-purple-900:hover {
+.hover\:mid-purple-900:hover {
   --gradient-mid-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.hover\:gradient-mid-pink-100:hover {
+.hover\:mid-pink-100:hover {
   --gradient-mid-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.hover\:gradient-mid-pink-200:hover {
+.hover\:mid-pink-200:hover {
   --gradient-mid-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.hover\:gradient-mid-pink-300:hover {
+.hover\:mid-pink-300:hover {
   --gradient-mid-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.hover\:gradient-mid-pink-400:hover {
+.hover\:mid-pink-400:hover {
   --gradient-mid-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.hover\:gradient-mid-pink-500:hover {
+.hover\:mid-pink-500:hover {
   --gradient-mid-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.hover\:gradient-mid-pink-600:hover {
+.hover\:mid-pink-600:hover {
   --gradient-mid-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.hover\:gradient-mid-pink-700:hover {
+.hover\:mid-pink-700:hover {
   --gradient-mid-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.hover\:gradient-mid-pink-800:hover {
+.hover\:mid-pink-800:hover {
   --gradient-mid-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.hover\:gradient-mid-pink-900:hover {
+.hover\:mid-pink-900:hover {
   --gradient-mid-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.focus\:gradient-from-transparent:focus {
+.hover\:to-transparent:hover {
+  --gradient-to-color: transparent;
+}
+
+.hover\:to-current:hover {
+  --gradient-to-color: currentColor;
+}
+
+.hover\:to-black:hover {
+  --gradient-to-color: #000;
+}
+
+.hover\:to-white:hover {
+  --gradient-to-color: #fff;
+}
+
+.hover\:to-gray-100:hover {
+  --gradient-to-color: #f7fafc;
+}
+
+.hover\:to-gray-200:hover {
+  --gradient-to-color: #edf2f7;
+}
+
+.hover\:to-gray-300:hover {
+  --gradient-to-color: #e2e8f0;
+}
+
+.hover\:to-gray-400:hover {
+  --gradient-to-color: #cbd5e0;
+}
+
+.hover\:to-gray-500:hover {
+  --gradient-to-color: #a0aec0;
+}
+
+.hover\:to-gray-600:hover {
+  --gradient-to-color: #718096;
+}
+
+.hover\:to-gray-700:hover {
+  --gradient-to-color: #4a5568;
+}
+
+.hover\:to-gray-800:hover {
+  --gradient-to-color: #2d3748;
+}
+
+.hover\:to-gray-900:hover {
+  --gradient-to-color: #1a202c;
+}
+
+.hover\:to-red-100:hover {
+  --gradient-to-color: #fff5f5;
+}
+
+.hover\:to-red-200:hover {
+  --gradient-to-color: #fed7d7;
+}
+
+.hover\:to-red-300:hover {
+  --gradient-to-color: #feb2b2;
+}
+
+.hover\:to-red-400:hover {
+  --gradient-to-color: #fc8181;
+}
+
+.hover\:to-red-500:hover {
+  --gradient-to-color: #f56565;
+}
+
+.hover\:to-red-600:hover {
+  --gradient-to-color: #e53e3e;
+}
+
+.hover\:to-red-700:hover {
+  --gradient-to-color: #c53030;
+}
+
+.hover\:to-red-800:hover {
+  --gradient-to-color: #9b2c2c;
+}
+
+.hover\:to-red-900:hover {
+  --gradient-to-color: #742a2a;
+}
+
+.hover\:to-orange-100:hover {
+  --gradient-to-color: #fffaf0;
+}
+
+.hover\:to-orange-200:hover {
+  --gradient-to-color: #feebc8;
+}
+
+.hover\:to-orange-300:hover {
+  --gradient-to-color: #fbd38d;
+}
+
+.hover\:to-orange-400:hover {
+  --gradient-to-color: #f6ad55;
+}
+
+.hover\:to-orange-500:hover {
+  --gradient-to-color: #ed8936;
+}
+
+.hover\:to-orange-600:hover {
+  --gradient-to-color: #dd6b20;
+}
+
+.hover\:to-orange-700:hover {
+  --gradient-to-color: #c05621;
+}
+
+.hover\:to-orange-800:hover {
+  --gradient-to-color: #9c4221;
+}
+
+.hover\:to-orange-900:hover {
+  --gradient-to-color: #7b341e;
+}
+
+.hover\:to-yellow-100:hover {
+  --gradient-to-color: #fffff0;
+}
+
+.hover\:to-yellow-200:hover {
+  --gradient-to-color: #fefcbf;
+}
+
+.hover\:to-yellow-300:hover {
+  --gradient-to-color: #faf089;
+}
+
+.hover\:to-yellow-400:hover {
+  --gradient-to-color: #f6e05e;
+}
+
+.hover\:to-yellow-500:hover {
+  --gradient-to-color: #ecc94b;
+}
+
+.hover\:to-yellow-600:hover {
+  --gradient-to-color: #d69e2e;
+}
+
+.hover\:to-yellow-700:hover {
+  --gradient-to-color: #b7791f;
+}
+
+.hover\:to-yellow-800:hover {
+  --gradient-to-color: #975a16;
+}
+
+.hover\:to-yellow-900:hover {
+  --gradient-to-color: #744210;
+}
+
+.hover\:to-green-100:hover {
+  --gradient-to-color: #f0fff4;
+}
+
+.hover\:to-green-200:hover {
+  --gradient-to-color: #c6f6d5;
+}
+
+.hover\:to-green-300:hover {
+  --gradient-to-color: #9ae6b4;
+}
+
+.hover\:to-green-400:hover {
+  --gradient-to-color: #68d391;
+}
+
+.hover\:to-green-500:hover {
+  --gradient-to-color: #48bb78;
+}
+
+.hover\:to-green-600:hover {
+  --gradient-to-color: #38a169;
+}
+
+.hover\:to-green-700:hover {
+  --gradient-to-color: #2f855a;
+}
+
+.hover\:to-green-800:hover {
+  --gradient-to-color: #276749;
+}
+
+.hover\:to-green-900:hover {
+  --gradient-to-color: #22543d;
+}
+
+.hover\:to-teal-100:hover {
+  --gradient-to-color: #e6fffa;
+}
+
+.hover\:to-teal-200:hover {
+  --gradient-to-color: #b2f5ea;
+}
+
+.hover\:to-teal-300:hover {
+  --gradient-to-color: #81e6d9;
+}
+
+.hover\:to-teal-400:hover {
+  --gradient-to-color: #4fd1c5;
+}
+
+.hover\:to-teal-500:hover {
+  --gradient-to-color: #38b2ac;
+}
+
+.hover\:to-teal-600:hover {
+  --gradient-to-color: #319795;
+}
+
+.hover\:to-teal-700:hover {
+  --gradient-to-color: #2c7a7b;
+}
+
+.hover\:to-teal-800:hover {
+  --gradient-to-color: #285e61;
+}
+
+.hover\:to-teal-900:hover {
+  --gradient-to-color: #234e52;
+}
+
+.hover\:to-blue-100:hover {
+  --gradient-to-color: #ebf8ff;
+}
+
+.hover\:to-blue-200:hover {
+  --gradient-to-color: #bee3f8;
+}
+
+.hover\:to-blue-300:hover {
+  --gradient-to-color: #90cdf4;
+}
+
+.hover\:to-blue-400:hover {
+  --gradient-to-color: #63b3ed;
+}
+
+.hover\:to-blue-500:hover {
+  --gradient-to-color: #4299e1;
+}
+
+.hover\:to-blue-600:hover {
+  --gradient-to-color: #3182ce;
+}
+
+.hover\:to-blue-700:hover {
+  --gradient-to-color: #2b6cb0;
+}
+
+.hover\:to-blue-800:hover {
+  --gradient-to-color: #2c5282;
+}
+
+.hover\:to-blue-900:hover {
+  --gradient-to-color: #2a4365;
+}
+
+.hover\:to-indigo-100:hover {
+  --gradient-to-color: #ebf4ff;
+}
+
+.hover\:to-indigo-200:hover {
+  --gradient-to-color: #c3dafe;
+}
+
+.hover\:to-indigo-300:hover {
+  --gradient-to-color: #a3bffa;
+}
+
+.hover\:to-indigo-400:hover {
+  --gradient-to-color: #7f9cf5;
+}
+
+.hover\:to-indigo-500:hover {
+  --gradient-to-color: #667eea;
+}
+
+.hover\:to-indigo-600:hover {
+  --gradient-to-color: #5a67d8;
+}
+
+.hover\:to-indigo-700:hover {
+  --gradient-to-color: #4c51bf;
+}
+
+.hover\:to-indigo-800:hover {
+  --gradient-to-color: #434190;
+}
+
+.hover\:to-indigo-900:hover {
+  --gradient-to-color: #3c366b;
+}
+
+.hover\:to-purple-100:hover {
+  --gradient-to-color: #faf5ff;
+}
+
+.hover\:to-purple-200:hover {
+  --gradient-to-color: #e9d8fd;
+}
+
+.hover\:to-purple-300:hover {
+  --gradient-to-color: #d6bcfa;
+}
+
+.hover\:to-purple-400:hover {
+  --gradient-to-color: #b794f4;
+}
+
+.hover\:to-purple-500:hover {
+  --gradient-to-color: #9f7aea;
+}
+
+.hover\:to-purple-600:hover {
+  --gradient-to-color: #805ad5;
+}
+
+.hover\:to-purple-700:hover {
+  --gradient-to-color: #6b46c1;
+}
+
+.hover\:to-purple-800:hover {
+  --gradient-to-color: #553c9a;
+}
+
+.hover\:to-purple-900:hover {
+  --gradient-to-color: #44337a;
+}
+
+.hover\:to-pink-100:hover {
+  --gradient-to-color: #fff5f7;
+}
+
+.hover\:to-pink-200:hover {
+  --gradient-to-color: #fed7e2;
+}
+
+.hover\:to-pink-300:hover {
+  --gradient-to-color: #fbb6ce;
+}
+
+.hover\:to-pink-400:hover {
+  --gradient-to-color: #f687b3;
+}
+
+.hover\:to-pink-500:hover {
+  --gradient-to-color: #ed64a6;
+}
+
+.hover\:to-pink-600:hover {
+  --gradient-to-color: #d53f8c;
+}
+
+.hover\:to-pink-700:hover {
+  --gradient-to-color: #b83280;
+}
+
+.hover\:to-pink-800:hover {
+  --gradient-to-color: #97266d;
+}
+
+.hover\:to-pink-900:hover {
+  --gradient-to-color: #702459;
+}
+
+.focus\:from-transparent:focus {
   --gradient-from-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:gradient-from-current:focus {
+.focus\:from-current:focus {
   --gradient-from-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:gradient-from-black:focus {
+.focus\:from-black:focus {
   --gradient-from-color: #000;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:gradient-from-white:focus {
+.focus\:from-white:focus {
   --gradient-from-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:gradient-from-gray-100:focus {
+.focus\:from-gray-100:focus {
   --gradient-from-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.focus\:gradient-from-gray-200:focus {
+.focus\:from-gray-200:focus {
   --gradient-from-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.focus\:gradient-from-gray-300:focus {
+.focus\:from-gray-300:focus {
   --gradient-from-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.focus\:gradient-from-gray-400:focus {
+.focus\:from-gray-400:focus {
   --gradient-from-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.focus\:gradient-from-gray-500:focus {
+.focus\:from-gray-500:focus {
   --gradient-from-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.focus\:gradient-from-gray-600:focus {
+.focus\:from-gray-600:focus {
   --gradient-from-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.focus\:gradient-from-gray-700:focus {
+.focus\:from-gray-700:focus {
   --gradient-from-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.focus\:gradient-from-gray-800:focus {
+.focus\:from-gray-800:focus {
   --gradient-from-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.focus\:gradient-from-gray-900:focus {
+.focus\:from-gray-900:focus {
   --gradient-from-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.focus\:gradient-from-red-100:focus {
+.focus\:from-red-100:focus {
   --gradient-from-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.focus\:gradient-from-red-200:focus {
+.focus\:from-red-200:focus {
   --gradient-from-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.focus\:gradient-from-red-300:focus {
+.focus\:from-red-300:focus {
   --gradient-from-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.focus\:gradient-from-red-400:focus {
+.focus\:from-red-400:focus {
   --gradient-from-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.focus\:gradient-from-red-500:focus {
+.focus\:from-red-500:focus {
   --gradient-from-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.focus\:gradient-from-red-600:focus {
+.focus\:from-red-600:focus {
   --gradient-from-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.focus\:gradient-from-red-700:focus {
+.focus\:from-red-700:focus {
   --gradient-from-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.focus\:gradient-from-red-800:focus {
+.focus\:from-red-800:focus {
   --gradient-from-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.focus\:gradient-from-red-900:focus {
+.focus\:from-red-900:focus {
   --gradient-from-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.focus\:gradient-from-orange-100:focus {
+.focus\:from-orange-100:focus {
   --gradient-from-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.focus\:gradient-from-orange-200:focus {
+.focus\:from-orange-200:focus {
   --gradient-from-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.focus\:gradient-from-orange-300:focus {
+.focus\:from-orange-300:focus {
   --gradient-from-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.focus\:gradient-from-orange-400:focus {
+.focus\:from-orange-400:focus {
   --gradient-from-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.focus\:gradient-from-orange-500:focus {
+.focus\:from-orange-500:focus {
   --gradient-from-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.focus\:gradient-from-orange-600:focus {
+.focus\:from-orange-600:focus {
   --gradient-from-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.focus\:gradient-from-orange-700:focus {
+.focus\:from-orange-700:focus {
   --gradient-from-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.focus\:gradient-from-orange-800:focus {
+.focus\:from-orange-800:focus {
   --gradient-from-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.focus\:gradient-from-orange-900:focus {
+.focus\:from-orange-900:focus {
   --gradient-from-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.focus\:gradient-from-yellow-100:focus {
+.focus\:from-yellow-100:focus {
   --gradient-from-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.focus\:gradient-from-yellow-200:focus {
+.focus\:from-yellow-200:focus {
   --gradient-from-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.focus\:gradient-from-yellow-300:focus {
+.focus\:from-yellow-300:focus {
   --gradient-from-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.focus\:gradient-from-yellow-400:focus {
+.focus\:from-yellow-400:focus {
   --gradient-from-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.focus\:gradient-from-yellow-500:focus {
+.focus\:from-yellow-500:focus {
   --gradient-from-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.focus\:gradient-from-yellow-600:focus {
+.focus\:from-yellow-600:focus {
   --gradient-from-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.focus\:gradient-from-yellow-700:focus {
+.focus\:from-yellow-700:focus {
   --gradient-from-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.focus\:gradient-from-yellow-800:focus {
+.focus\:from-yellow-800:focus {
   --gradient-from-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.focus\:gradient-from-yellow-900:focus {
+.focus\:from-yellow-900:focus {
   --gradient-from-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.focus\:gradient-from-green-100:focus {
+.focus\:from-green-100:focus {
   --gradient-from-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.focus\:gradient-from-green-200:focus {
+.focus\:from-green-200:focus {
   --gradient-from-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.focus\:gradient-from-green-300:focus {
+.focus\:from-green-300:focus {
   --gradient-from-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.focus\:gradient-from-green-400:focus {
+.focus\:from-green-400:focus {
   --gradient-from-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.focus\:gradient-from-green-500:focus {
+.focus\:from-green-500:focus {
   --gradient-from-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.focus\:gradient-from-green-600:focus {
+.focus\:from-green-600:focus {
   --gradient-from-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.focus\:gradient-from-green-700:focus {
+.focus\:from-green-700:focus {
   --gradient-from-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.focus\:gradient-from-green-800:focus {
+.focus\:from-green-800:focus {
   --gradient-from-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.focus\:gradient-from-green-900:focus {
+.focus\:from-green-900:focus {
   --gradient-from-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.focus\:gradient-from-teal-100:focus {
+.focus\:from-teal-100:focus {
   --gradient-from-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.focus\:gradient-from-teal-200:focus {
+.focus\:from-teal-200:focus {
   --gradient-from-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.focus\:gradient-from-teal-300:focus {
+.focus\:from-teal-300:focus {
   --gradient-from-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.focus\:gradient-from-teal-400:focus {
+.focus\:from-teal-400:focus {
   --gradient-from-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.focus\:gradient-from-teal-500:focus {
+.focus\:from-teal-500:focus {
   --gradient-from-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.focus\:gradient-from-teal-600:focus {
+.focus\:from-teal-600:focus {
   --gradient-from-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.focus\:gradient-from-teal-700:focus {
+.focus\:from-teal-700:focus {
   --gradient-from-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.focus\:gradient-from-teal-800:focus {
+.focus\:from-teal-800:focus {
   --gradient-from-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.focus\:gradient-from-teal-900:focus {
+.focus\:from-teal-900:focus {
   --gradient-from-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.focus\:gradient-from-blue-100:focus {
+.focus\:from-blue-100:focus {
   --gradient-from-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.focus\:gradient-from-blue-200:focus {
+.focus\:from-blue-200:focus {
   --gradient-from-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.focus\:gradient-from-blue-300:focus {
+.focus\:from-blue-300:focus {
   --gradient-from-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.focus\:gradient-from-blue-400:focus {
+.focus\:from-blue-400:focus {
   --gradient-from-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.focus\:gradient-from-blue-500:focus {
+.focus\:from-blue-500:focus {
   --gradient-from-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.focus\:gradient-from-blue-600:focus {
+.focus\:from-blue-600:focus {
   --gradient-from-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.focus\:gradient-from-blue-700:focus {
+.focus\:from-blue-700:focus {
   --gradient-from-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.focus\:gradient-from-blue-800:focus {
+.focus\:from-blue-800:focus {
   --gradient-from-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.focus\:gradient-from-blue-900:focus {
+.focus\:from-blue-900:focus {
   --gradient-from-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.focus\:gradient-from-indigo-100:focus {
+.focus\:from-indigo-100:focus {
   --gradient-from-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.focus\:gradient-from-indigo-200:focus {
+.focus\:from-indigo-200:focus {
   --gradient-from-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.focus\:gradient-from-indigo-300:focus {
+.focus\:from-indigo-300:focus {
   --gradient-from-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.focus\:gradient-from-indigo-400:focus {
+.focus\:from-indigo-400:focus {
   --gradient-from-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.focus\:gradient-from-indigo-500:focus {
+.focus\:from-indigo-500:focus {
   --gradient-from-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.focus\:gradient-from-indigo-600:focus {
+.focus\:from-indigo-600:focus {
   --gradient-from-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.focus\:gradient-from-indigo-700:focus {
+.focus\:from-indigo-700:focus {
   --gradient-from-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.focus\:gradient-from-indigo-800:focus {
+.focus\:from-indigo-800:focus {
   --gradient-from-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.focus\:gradient-from-indigo-900:focus {
+.focus\:from-indigo-900:focus {
   --gradient-from-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.focus\:gradient-from-purple-100:focus {
+.focus\:from-purple-100:focus {
   --gradient-from-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.focus\:gradient-from-purple-200:focus {
+.focus\:from-purple-200:focus {
   --gradient-from-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.focus\:gradient-from-purple-300:focus {
+.focus\:from-purple-300:focus {
   --gradient-from-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.focus\:gradient-from-purple-400:focus {
+.focus\:from-purple-400:focus {
   --gradient-from-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.focus\:gradient-from-purple-500:focus {
+.focus\:from-purple-500:focus {
   --gradient-from-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.focus\:gradient-from-purple-600:focus {
+.focus\:from-purple-600:focus {
   --gradient-from-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.focus\:gradient-from-purple-700:focus {
+.focus\:from-purple-700:focus {
   --gradient-from-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.focus\:gradient-from-purple-800:focus {
+.focus\:from-purple-800:focus {
   --gradient-from-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.focus\:gradient-from-purple-900:focus {
+.focus\:from-purple-900:focus {
   --gradient-from-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.focus\:gradient-from-pink-100:focus {
+.focus\:from-pink-100:focus {
   --gradient-from-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.focus\:gradient-from-pink-200:focus {
+.focus\:from-pink-200:focus {
   --gradient-from-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.focus\:gradient-from-pink-300:focus {
+.focus\:from-pink-300:focus {
   --gradient-from-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.focus\:gradient-from-pink-400:focus {
+.focus\:from-pink-400:focus {
   --gradient-from-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.focus\:gradient-from-pink-500:focus {
+.focus\:from-pink-500:focus {
   --gradient-from-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.focus\:gradient-from-pink-600:focus {
+.focus\:from-pink-600:focus {
   --gradient-from-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.focus\:gradient-from-pink-700:focus {
+.focus\:from-pink-700:focus {
   --gradient-from-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.focus\:gradient-from-pink-800:focus {
+.focus\:from-pink-800:focus {
   --gradient-from-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.focus\:gradient-from-pink-900:focus {
+.focus\:from-pink-900:focus {
   --gradient-from-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.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 {
+.focus\:mid-transparent:focus {
   --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:gradient-mid-current:focus {
+.focus\:mid-current:focus {
   --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:gradient-mid-black:focus {
+.focus\:mid-black:focus {
   --gradient-mid-color: #000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:gradient-mid-white:focus {
+.focus\:mid-white:focus {
   --gradient-mid-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:gradient-mid-gray-100:focus {
+.focus\:mid-gray-100:focus {
   --gradient-mid-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.focus\:gradient-mid-gray-200:focus {
+.focus\:mid-gray-200:focus {
   --gradient-mid-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.focus\:gradient-mid-gray-300:focus {
+.focus\:mid-gray-300:focus {
   --gradient-mid-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.focus\:gradient-mid-gray-400:focus {
+.focus\:mid-gray-400:focus {
   --gradient-mid-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.focus\:gradient-mid-gray-500:focus {
+.focus\:mid-gray-500:focus {
   --gradient-mid-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.focus\:gradient-mid-gray-600:focus {
+.focus\:mid-gray-600:focus {
   --gradient-mid-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.focus\:gradient-mid-gray-700:focus {
+.focus\:mid-gray-700:focus {
   --gradient-mid-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.focus\:gradient-mid-gray-800:focus {
+.focus\:mid-gray-800:focus {
   --gradient-mid-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.focus\:gradient-mid-gray-900:focus {
+.focus\:mid-gray-900:focus {
   --gradient-mid-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.focus\:gradient-mid-red-100:focus {
+.focus\:mid-red-100:focus {
   --gradient-mid-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.focus\:gradient-mid-red-200:focus {
+.focus\:mid-red-200:focus {
   --gradient-mid-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.focus\:gradient-mid-red-300:focus {
+.focus\:mid-red-300:focus {
   --gradient-mid-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.focus\:gradient-mid-red-400:focus {
+.focus\:mid-red-400:focus {
   --gradient-mid-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.focus\:gradient-mid-red-500:focus {
+.focus\:mid-red-500:focus {
   --gradient-mid-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.focus\:gradient-mid-red-600:focus {
+.focus\:mid-red-600:focus {
   --gradient-mid-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.focus\:gradient-mid-red-700:focus {
+.focus\:mid-red-700:focus {
   --gradient-mid-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.focus\:gradient-mid-red-800:focus {
+.focus\:mid-red-800:focus {
   --gradient-mid-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.focus\:gradient-mid-red-900:focus {
+.focus\:mid-red-900:focus {
   --gradient-mid-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.focus\:gradient-mid-orange-100:focus {
+.focus\:mid-orange-100:focus {
   --gradient-mid-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.focus\:gradient-mid-orange-200:focus {
+.focus\:mid-orange-200:focus {
   --gradient-mid-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.focus\:gradient-mid-orange-300:focus {
+.focus\:mid-orange-300:focus {
   --gradient-mid-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.focus\:gradient-mid-orange-400:focus {
+.focus\:mid-orange-400:focus {
   --gradient-mid-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.focus\:gradient-mid-orange-500:focus {
+.focus\:mid-orange-500:focus {
   --gradient-mid-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.focus\:gradient-mid-orange-600:focus {
+.focus\:mid-orange-600:focus {
   --gradient-mid-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.focus\:gradient-mid-orange-700:focus {
+.focus\:mid-orange-700:focus {
   --gradient-mid-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.focus\:gradient-mid-orange-800:focus {
+.focus\:mid-orange-800:focus {
   --gradient-mid-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.focus\:gradient-mid-orange-900:focus {
+.focus\:mid-orange-900:focus {
   --gradient-mid-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.focus\:gradient-mid-yellow-100:focus {
+.focus\:mid-yellow-100:focus {
   --gradient-mid-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.focus\:gradient-mid-yellow-200:focus {
+.focus\:mid-yellow-200:focus {
   --gradient-mid-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.focus\:gradient-mid-yellow-300:focus {
+.focus\:mid-yellow-300:focus {
   --gradient-mid-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.focus\:gradient-mid-yellow-400:focus {
+.focus\:mid-yellow-400:focus {
   --gradient-mid-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.focus\:gradient-mid-yellow-500:focus {
+.focus\:mid-yellow-500:focus {
   --gradient-mid-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.focus\:gradient-mid-yellow-600:focus {
+.focus\:mid-yellow-600:focus {
   --gradient-mid-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.focus\:gradient-mid-yellow-700:focus {
+.focus\:mid-yellow-700:focus {
   --gradient-mid-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.focus\:gradient-mid-yellow-800:focus {
+.focus\:mid-yellow-800:focus {
   --gradient-mid-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.focus\:gradient-mid-yellow-900:focus {
+.focus\:mid-yellow-900:focus {
   --gradient-mid-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.focus\:gradient-mid-green-100:focus {
+.focus\:mid-green-100:focus {
   --gradient-mid-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.focus\:gradient-mid-green-200:focus {
+.focus\:mid-green-200:focus {
   --gradient-mid-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.focus\:gradient-mid-green-300:focus {
+.focus\:mid-green-300:focus {
   --gradient-mid-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.focus\:gradient-mid-green-400:focus {
+.focus\:mid-green-400:focus {
   --gradient-mid-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.focus\:gradient-mid-green-500:focus {
+.focus\:mid-green-500:focus {
   --gradient-mid-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.focus\:gradient-mid-green-600:focus {
+.focus\:mid-green-600:focus {
   --gradient-mid-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.focus\:gradient-mid-green-700:focus {
+.focus\:mid-green-700:focus {
   --gradient-mid-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.focus\:gradient-mid-green-800:focus {
+.focus\:mid-green-800:focus {
   --gradient-mid-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.focus\:gradient-mid-green-900:focus {
+.focus\:mid-green-900:focus {
   --gradient-mid-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.focus\:gradient-mid-teal-100:focus {
+.focus\:mid-teal-100:focus {
   --gradient-mid-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.focus\:gradient-mid-teal-200:focus {
+.focus\:mid-teal-200:focus {
   --gradient-mid-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.focus\:gradient-mid-teal-300:focus {
+.focus\:mid-teal-300:focus {
   --gradient-mid-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.focus\:gradient-mid-teal-400:focus {
+.focus\:mid-teal-400:focus {
   --gradient-mid-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.focus\:gradient-mid-teal-500:focus {
+.focus\:mid-teal-500:focus {
   --gradient-mid-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.focus\:gradient-mid-teal-600:focus {
+.focus\:mid-teal-600:focus {
   --gradient-mid-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.focus\:gradient-mid-teal-700:focus {
+.focus\:mid-teal-700:focus {
   --gradient-mid-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.focus\:gradient-mid-teal-800:focus {
+.focus\:mid-teal-800:focus {
   --gradient-mid-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.focus\:gradient-mid-teal-900:focus {
+.focus\:mid-teal-900:focus {
   --gradient-mid-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.focus\:gradient-mid-blue-100:focus {
+.focus\:mid-blue-100:focus {
   --gradient-mid-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.focus\:gradient-mid-blue-200:focus {
+.focus\:mid-blue-200:focus {
   --gradient-mid-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.focus\:gradient-mid-blue-300:focus {
+.focus\:mid-blue-300:focus {
   --gradient-mid-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.focus\:gradient-mid-blue-400:focus {
+.focus\:mid-blue-400:focus {
   --gradient-mid-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.focus\:gradient-mid-blue-500:focus {
+.focus\:mid-blue-500:focus {
   --gradient-mid-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.focus\:gradient-mid-blue-600:focus {
+.focus\:mid-blue-600:focus {
   --gradient-mid-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.focus\:gradient-mid-blue-700:focus {
+.focus\:mid-blue-700:focus {
   --gradient-mid-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.focus\:gradient-mid-blue-800:focus {
+.focus\:mid-blue-800:focus {
   --gradient-mid-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.focus\:gradient-mid-blue-900:focus {
+.focus\:mid-blue-900:focus {
   --gradient-mid-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.focus\:gradient-mid-indigo-100:focus {
+.focus\:mid-indigo-100:focus {
   --gradient-mid-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.focus\:gradient-mid-indigo-200:focus {
+.focus\:mid-indigo-200:focus {
   --gradient-mid-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.focus\:gradient-mid-indigo-300:focus {
+.focus\:mid-indigo-300:focus {
   --gradient-mid-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.focus\:gradient-mid-indigo-400:focus {
+.focus\:mid-indigo-400:focus {
   --gradient-mid-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.focus\:gradient-mid-indigo-500:focus {
+.focus\:mid-indigo-500:focus {
   --gradient-mid-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.focus\:gradient-mid-indigo-600:focus {
+.focus\:mid-indigo-600:focus {
   --gradient-mid-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.focus\:gradient-mid-indigo-700:focus {
+.focus\:mid-indigo-700:focus {
   --gradient-mid-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.focus\:gradient-mid-indigo-800:focus {
+.focus\:mid-indigo-800:focus {
   --gradient-mid-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.focus\:gradient-mid-indigo-900:focus {
+.focus\:mid-indigo-900:focus {
   --gradient-mid-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.focus\:gradient-mid-purple-100:focus {
+.focus\:mid-purple-100:focus {
   --gradient-mid-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.focus\:gradient-mid-purple-200:focus {
+.focus\:mid-purple-200:focus {
   --gradient-mid-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.focus\:gradient-mid-purple-300:focus {
+.focus\:mid-purple-300:focus {
   --gradient-mid-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.focus\:gradient-mid-purple-400:focus {
+.focus\:mid-purple-400:focus {
   --gradient-mid-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.focus\:gradient-mid-purple-500:focus {
+.focus\:mid-purple-500:focus {
   --gradient-mid-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.focus\:gradient-mid-purple-600:focus {
+.focus\:mid-purple-600:focus {
   --gradient-mid-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.focus\:gradient-mid-purple-700:focus {
+.focus\:mid-purple-700:focus {
   --gradient-mid-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.focus\:gradient-mid-purple-800:focus {
+.focus\:mid-purple-800:focus {
   --gradient-mid-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.focus\:gradient-mid-purple-900:focus {
+.focus\:mid-purple-900:focus {
   --gradient-mid-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.focus\:gradient-mid-pink-100:focus {
+.focus\:mid-pink-100:focus {
   --gradient-mid-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.focus\:gradient-mid-pink-200:focus {
+.focus\:mid-pink-200:focus {
   --gradient-mid-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.focus\:gradient-mid-pink-300:focus {
+.focus\:mid-pink-300:focus {
   --gradient-mid-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.focus\:gradient-mid-pink-400:focus {
+.focus\:mid-pink-400:focus {
   --gradient-mid-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.focus\:gradient-mid-pink-500:focus {
+.focus\:mid-pink-500:focus {
   --gradient-mid-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.focus\:gradient-mid-pink-600:focus {
+.focus\:mid-pink-600:focus {
   --gradient-mid-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.focus\:gradient-mid-pink-700:focus {
+.focus\:mid-pink-700:focus {
   --gradient-mid-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.focus\:gradient-mid-pink-800:focus {
+.focus\:mid-pink-800:focus {
   --gradient-mid-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.focus\:gradient-mid-pink-900:focus {
+.focus\:mid-pink-900:focus {
   --gradient-mid-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+}
+
+.focus\:to-transparent:focus {
+  --gradient-to-color: transparent;
+}
+
+.focus\:to-current:focus {
+  --gradient-to-color: currentColor;
+}
+
+.focus\:to-black:focus {
+  --gradient-to-color: #000;
+}
+
+.focus\:to-white:focus {
+  --gradient-to-color: #fff;
+}
+
+.focus\:to-gray-100:focus {
+  --gradient-to-color: #f7fafc;
+}
+
+.focus\:to-gray-200:focus {
+  --gradient-to-color: #edf2f7;
+}
+
+.focus\:to-gray-300:focus {
+  --gradient-to-color: #e2e8f0;
+}
+
+.focus\:to-gray-400:focus {
+  --gradient-to-color: #cbd5e0;
+}
+
+.focus\:to-gray-500:focus {
+  --gradient-to-color: #a0aec0;
+}
+
+.focus\:to-gray-600:focus {
+  --gradient-to-color: #718096;
+}
+
+.focus\:to-gray-700:focus {
+  --gradient-to-color: #4a5568;
+}
+
+.focus\:to-gray-800:focus {
+  --gradient-to-color: #2d3748;
+}
+
+.focus\:to-gray-900:focus {
+  --gradient-to-color: #1a202c;
+}
+
+.focus\:to-red-100:focus {
+  --gradient-to-color: #fff5f5;
+}
+
+.focus\:to-red-200:focus {
+  --gradient-to-color: #fed7d7;
+}
+
+.focus\:to-red-300:focus {
+  --gradient-to-color: #feb2b2;
+}
+
+.focus\:to-red-400:focus {
+  --gradient-to-color: #fc8181;
+}
+
+.focus\:to-red-500:focus {
+  --gradient-to-color: #f56565;
+}
+
+.focus\:to-red-600:focus {
+  --gradient-to-color: #e53e3e;
+}
+
+.focus\:to-red-700:focus {
+  --gradient-to-color: #c53030;
+}
+
+.focus\:to-red-800:focus {
+  --gradient-to-color: #9b2c2c;
+}
+
+.focus\:to-red-900:focus {
+  --gradient-to-color: #742a2a;
+}
+
+.focus\:to-orange-100:focus {
+  --gradient-to-color: #fffaf0;
+}
+
+.focus\:to-orange-200:focus {
+  --gradient-to-color: #feebc8;
+}
+
+.focus\:to-orange-300:focus {
+  --gradient-to-color: #fbd38d;
+}
+
+.focus\:to-orange-400:focus {
+  --gradient-to-color: #f6ad55;
+}
+
+.focus\:to-orange-500:focus {
+  --gradient-to-color: #ed8936;
+}
+
+.focus\:to-orange-600:focus {
+  --gradient-to-color: #dd6b20;
+}
+
+.focus\:to-orange-700:focus {
+  --gradient-to-color: #c05621;
+}
+
+.focus\:to-orange-800:focus {
+  --gradient-to-color: #9c4221;
+}
+
+.focus\:to-orange-900:focus {
+  --gradient-to-color: #7b341e;
+}
+
+.focus\:to-yellow-100:focus {
+  --gradient-to-color: #fffff0;
+}
+
+.focus\:to-yellow-200:focus {
+  --gradient-to-color: #fefcbf;
+}
+
+.focus\:to-yellow-300:focus {
+  --gradient-to-color: #faf089;
+}
+
+.focus\:to-yellow-400:focus {
+  --gradient-to-color: #f6e05e;
+}
+
+.focus\:to-yellow-500:focus {
+  --gradient-to-color: #ecc94b;
+}
+
+.focus\:to-yellow-600:focus {
+  --gradient-to-color: #d69e2e;
+}
+
+.focus\:to-yellow-700:focus {
+  --gradient-to-color: #b7791f;
+}
+
+.focus\:to-yellow-800:focus {
+  --gradient-to-color: #975a16;
+}
+
+.focus\:to-yellow-900:focus {
+  --gradient-to-color: #744210;
+}
+
+.focus\:to-green-100:focus {
+  --gradient-to-color: #f0fff4;
+}
+
+.focus\:to-green-200:focus {
+  --gradient-to-color: #c6f6d5;
+}
+
+.focus\:to-green-300:focus {
+  --gradient-to-color: #9ae6b4;
+}
+
+.focus\:to-green-400:focus {
+  --gradient-to-color: #68d391;
+}
+
+.focus\:to-green-500:focus {
+  --gradient-to-color: #48bb78;
+}
+
+.focus\:to-green-600:focus {
+  --gradient-to-color: #38a169;
+}
+
+.focus\:to-green-700:focus {
+  --gradient-to-color: #2f855a;
+}
+
+.focus\:to-green-800:focus {
+  --gradient-to-color: #276749;
+}
+
+.focus\:to-green-900:focus {
+  --gradient-to-color: #22543d;
+}
+
+.focus\:to-teal-100:focus {
+  --gradient-to-color: #e6fffa;
+}
+
+.focus\:to-teal-200:focus {
+  --gradient-to-color: #b2f5ea;
+}
+
+.focus\:to-teal-300:focus {
+  --gradient-to-color: #81e6d9;
+}
+
+.focus\:to-teal-400:focus {
+  --gradient-to-color: #4fd1c5;
+}
+
+.focus\:to-teal-500:focus {
+  --gradient-to-color: #38b2ac;
+}
+
+.focus\:to-teal-600:focus {
+  --gradient-to-color: #319795;
+}
+
+.focus\:to-teal-700:focus {
+  --gradient-to-color: #2c7a7b;
+}
+
+.focus\:to-teal-800:focus {
+  --gradient-to-color: #285e61;
+}
+
+.focus\:to-teal-900:focus {
+  --gradient-to-color: #234e52;
+}
+
+.focus\:to-blue-100:focus {
+  --gradient-to-color: #ebf8ff;
+}
+
+.focus\:to-blue-200:focus {
+  --gradient-to-color: #bee3f8;
+}
+
+.focus\:to-blue-300:focus {
+  --gradient-to-color: #90cdf4;
+}
+
+.focus\:to-blue-400:focus {
+  --gradient-to-color: #63b3ed;
+}
+
+.focus\:to-blue-500:focus {
+  --gradient-to-color: #4299e1;
+}
+
+.focus\:to-blue-600:focus {
+  --gradient-to-color: #3182ce;
+}
+
+.focus\:to-blue-700:focus {
+  --gradient-to-color: #2b6cb0;
+}
+
+.focus\:to-blue-800:focus {
+  --gradient-to-color: #2c5282;
+}
+
+.focus\:to-blue-900:focus {
+  --gradient-to-color: #2a4365;
+}
+
+.focus\:to-indigo-100:focus {
+  --gradient-to-color: #ebf4ff;
+}
+
+.focus\:to-indigo-200:focus {
+  --gradient-to-color: #c3dafe;
+}
+
+.focus\:to-indigo-300:focus {
+  --gradient-to-color: #a3bffa;
+}
+
+.focus\:to-indigo-400:focus {
+  --gradient-to-color: #7f9cf5;
+}
+
+.focus\:to-indigo-500:focus {
+  --gradient-to-color: #667eea;
+}
+
+.focus\:to-indigo-600:focus {
+  --gradient-to-color: #5a67d8;
+}
+
+.focus\:to-indigo-700:focus {
+  --gradient-to-color: #4c51bf;
+}
+
+.focus\:to-indigo-800:focus {
+  --gradient-to-color: #434190;
+}
+
+.focus\:to-indigo-900:focus {
+  --gradient-to-color: #3c366b;
+}
+
+.focus\:to-purple-100:focus {
+  --gradient-to-color: #faf5ff;
+}
+
+.focus\:to-purple-200:focus {
+  --gradient-to-color: #e9d8fd;
+}
+
+.focus\:to-purple-300:focus {
+  --gradient-to-color: #d6bcfa;
+}
+
+.focus\:to-purple-400:focus {
+  --gradient-to-color: #b794f4;
+}
+
+.focus\:to-purple-500:focus {
+  --gradient-to-color: #9f7aea;
+}
+
+.focus\:to-purple-600:focus {
+  --gradient-to-color: #805ad5;
+}
+
+.focus\:to-purple-700:focus {
+  --gradient-to-color: #6b46c1;
+}
+
+.focus\:to-purple-800:focus {
+  --gradient-to-color: #553c9a;
+}
+
+.focus\:to-purple-900:focus {
+  --gradient-to-color: #44337a;
+}
+
+.focus\:to-pink-100:focus {
+  --gradient-to-color: #fff5f7;
+}
+
+.focus\:to-pink-200:focus {
+  --gradient-to-color: #fed7e2;
+}
+
+.focus\:to-pink-300:focus {
+  --gradient-to-color: #fbb6ce;
+}
+
+.focus\:to-pink-400:focus {
+  --gradient-to-color: #f687b3;
+}
+
+.focus\:to-pink-500:focus {
+  --gradient-to-color: #ed64a6;
+}
+
+.focus\:to-pink-600:focus {
+  --gradient-to-color: #d53f8c;
+}
+
+.focus\:to-pink-700:focus {
+  --gradient-to-color: #b83280;
+}
+
+.focus\:to-pink-800:focus {
+  --gradient-to-color: #97266d;
+}
+
+.focus\:to-pink-900:focus {
+  --gradient-to-color: #702459;
 }
 
 .bg-opacity-0 {
@@ -21771,4250 +21505,3984 @@ 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-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  .sm\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  .sm\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  .sm\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .sm\:gradient-from-transparent {
+  .sm\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .sm\:from-transparent {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:gradient-from-current {
+  .sm\:from-current {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:gradient-from-black {
+  .sm\:from-black {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:gradient-from-white {
+  .sm\:from-white {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:gradient-from-gray-100 {
+  .sm\:from-gray-100 {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:gradient-from-gray-200 {
+  .sm\:from-gray-200 {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:gradient-from-gray-300 {
+  .sm\:from-gray-300 {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:gradient-from-gray-400 {
+  .sm\:from-gray-400 {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:gradient-from-gray-500 {
+  .sm\:from-gray-500 {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:gradient-from-gray-600 {
+  .sm\:from-gray-600 {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:gradient-from-gray-700 {
+  .sm\:from-gray-700 {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:gradient-from-gray-800 {
+  .sm\:from-gray-800 {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:gradient-from-gray-900 {
+  .sm\:from-gray-900 {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:gradient-from-red-100 {
+  .sm\:from-red-100 {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:gradient-from-red-200 {
+  .sm\:from-red-200 {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:gradient-from-red-300 {
+  .sm\:from-red-300 {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:gradient-from-red-400 {
+  .sm\:from-red-400 {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:gradient-from-red-500 {
+  .sm\:from-red-500 {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:gradient-from-red-600 {
+  .sm\:from-red-600 {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:gradient-from-red-700 {
+  .sm\:from-red-700 {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:gradient-from-red-800 {
+  .sm\:from-red-800 {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:gradient-from-red-900 {
+  .sm\:from-red-900 {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:gradient-from-orange-100 {
+  .sm\:from-orange-100 {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:gradient-from-orange-200 {
+  .sm\:from-orange-200 {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:gradient-from-orange-300 {
+  .sm\:from-orange-300 {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:gradient-from-orange-400 {
+  .sm\:from-orange-400 {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:gradient-from-orange-500 {
+  .sm\:from-orange-500 {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:gradient-from-orange-600 {
+  .sm\:from-orange-600 {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:gradient-from-orange-700 {
+  .sm\:from-orange-700 {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:gradient-from-orange-800 {
+  .sm\:from-orange-800 {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:gradient-from-orange-900 {
+  .sm\:from-orange-900 {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:gradient-from-yellow-100 {
+  .sm\:from-yellow-100 {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:gradient-from-yellow-200 {
+  .sm\:from-yellow-200 {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:gradient-from-yellow-300 {
+  .sm\:from-yellow-300 {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:gradient-from-yellow-400 {
+  .sm\:from-yellow-400 {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:gradient-from-yellow-500 {
+  .sm\:from-yellow-500 {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:gradient-from-yellow-600 {
+  .sm\:from-yellow-600 {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:gradient-from-yellow-700 {
+  .sm\:from-yellow-700 {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:gradient-from-yellow-800 {
+  .sm\:from-yellow-800 {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:gradient-from-yellow-900 {
+  .sm\:from-yellow-900 {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:gradient-from-green-100 {
+  .sm\:from-green-100 {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:gradient-from-green-200 {
+  .sm\:from-green-200 {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:gradient-from-green-300 {
+  .sm\:from-green-300 {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:gradient-from-green-400 {
+  .sm\:from-green-400 {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:gradient-from-green-500 {
+  .sm\:from-green-500 {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:gradient-from-green-600 {
+  .sm\:from-green-600 {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:gradient-from-green-700 {
+  .sm\:from-green-700 {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:gradient-from-green-800 {
+  .sm\:from-green-800 {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:gradient-from-green-900 {
+  .sm\:from-green-900 {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:gradient-from-teal-100 {
+  .sm\:from-teal-100 {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:gradient-from-teal-200 {
+  .sm\:from-teal-200 {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:gradient-from-teal-300 {
+  .sm\:from-teal-300 {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:gradient-from-teal-400 {
+  .sm\:from-teal-400 {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:gradient-from-teal-500 {
+  .sm\:from-teal-500 {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:gradient-from-teal-600 {
+  .sm\:from-teal-600 {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:gradient-from-teal-700 {
+  .sm\:from-teal-700 {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:gradient-from-teal-800 {
+  .sm\:from-teal-800 {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:gradient-from-teal-900 {
+  .sm\:from-teal-900 {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:gradient-from-blue-100 {
+  .sm\:from-blue-100 {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:gradient-from-blue-200 {
+  .sm\:from-blue-200 {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:gradient-from-blue-300 {
+  .sm\:from-blue-300 {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:gradient-from-blue-400 {
+  .sm\:from-blue-400 {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:gradient-from-blue-500 {
+  .sm\:from-blue-500 {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:gradient-from-blue-600 {
+  .sm\:from-blue-600 {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:gradient-from-blue-700 {
+  .sm\:from-blue-700 {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:gradient-from-blue-800 {
+  .sm\:from-blue-800 {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:gradient-from-blue-900 {
+  .sm\:from-blue-900 {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:gradient-from-indigo-100 {
+  .sm\:from-indigo-100 {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:gradient-from-indigo-200 {
+  .sm\:from-indigo-200 {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:gradient-from-indigo-300 {
+  .sm\:from-indigo-300 {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:gradient-from-indigo-400 {
+  .sm\:from-indigo-400 {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:gradient-from-indigo-500 {
+  .sm\:from-indigo-500 {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:gradient-from-indigo-600 {
+  .sm\:from-indigo-600 {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:gradient-from-indigo-700 {
+  .sm\:from-indigo-700 {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:gradient-from-indigo-800 {
+  .sm\:from-indigo-800 {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:gradient-from-indigo-900 {
+  .sm\:from-indigo-900 {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:gradient-from-purple-100 {
+  .sm\:from-purple-100 {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:gradient-from-purple-200 {
+  .sm\:from-purple-200 {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:gradient-from-purple-300 {
+  .sm\:from-purple-300 {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:gradient-from-purple-400 {
+  .sm\:from-purple-400 {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:gradient-from-purple-500 {
+  .sm\:from-purple-500 {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:gradient-from-purple-600 {
+  .sm\:from-purple-600 {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:gradient-from-purple-700 {
+  .sm\:from-purple-700 {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:gradient-from-purple-800 {
+  .sm\:from-purple-800 {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:gradient-from-purple-900 {
+  .sm\:from-purple-900 {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:gradient-from-pink-100 {
+  .sm\:from-pink-100 {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:gradient-from-pink-200 {
+  .sm\:from-pink-200 {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:gradient-from-pink-300 {
+  .sm\:from-pink-300 {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:gradient-from-pink-400 {
+  .sm\:from-pink-400 {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:gradient-from-pink-500 {
+  .sm\:from-pink-500 {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:gradient-from-pink-600 {
+  .sm\:from-pink-600 {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:gradient-from-pink-700 {
+  .sm\:from-pink-700 {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:gradient-from-pink-800 {
+  .sm\:from-pink-800 {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:gradient-from-pink-900 {
+  .sm\:from-pink-900 {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .sm\:mid-transparent {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:gradient-mid-current {
+  .sm\:mid-current {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:gradient-mid-black {
+  .sm\:mid-black {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:gradient-mid-white {
+  .sm\:mid-white {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:gradient-mid-gray-100 {
+  .sm\:mid-gray-100 {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:gradient-mid-gray-200 {
+  .sm\:mid-gray-200 {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:gradient-mid-gray-300 {
+  .sm\:mid-gray-300 {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:gradient-mid-gray-400 {
+  .sm\:mid-gray-400 {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:gradient-mid-gray-500 {
+  .sm\:mid-gray-500 {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:gradient-mid-gray-600 {
+  .sm\:mid-gray-600 {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:gradient-mid-gray-700 {
+  .sm\:mid-gray-700 {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:gradient-mid-gray-800 {
+  .sm\:mid-gray-800 {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:gradient-mid-gray-900 {
+  .sm\:mid-gray-900 {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:gradient-mid-red-100 {
+  .sm\:mid-red-100 {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:gradient-mid-red-200 {
+  .sm\:mid-red-200 {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:gradient-mid-red-300 {
+  .sm\:mid-red-300 {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:gradient-mid-red-400 {
+  .sm\:mid-red-400 {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:gradient-mid-red-500 {
+  .sm\:mid-red-500 {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:gradient-mid-red-600 {
+  .sm\:mid-red-600 {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:gradient-mid-red-700 {
+  .sm\:mid-red-700 {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:gradient-mid-red-800 {
+  .sm\:mid-red-800 {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:gradient-mid-red-900 {
+  .sm\:mid-red-900 {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:gradient-mid-orange-100 {
+  .sm\:mid-orange-100 {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:gradient-mid-orange-200 {
+  .sm\:mid-orange-200 {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:gradient-mid-orange-300 {
+  .sm\:mid-orange-300 {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:gradient-mid-orange-400 {
+  .sm\:mid-orange-400 {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:gradient-mid-orange-500 {
+  .sm\:mid-orange-500 {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:gradient-mid-orange-600 {
+  .sm\:mid-orange-600 {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:gradient-mid-orange-700 {
+  .sm\:mid-orange-700 {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:gradient-mid-orange-800 {
+  .sm\:mid-orange-800 {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:gradient-mid-orange-900 {
+  .sm\:mid-orange-900 {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:gradient-mid-yellow-100 {
+  .sm\:mid-yellow-100 {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:gradient-mid-yellow-200 {
+  .sm\:mid-yellow-200 {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:gradient-mid-yellow-300 {
+  .sm\:mid-yellow-300 {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:gradient-mid-yellow-400 {
+  .sm\:mid-yellow-400 {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:gradient-mid-yellow-500 {
+  .sm\:mid-yellow-500 {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:gradient-mid-yellow-600 {
+  .sm\:mid-yellow-600 {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:gradient-mid-yellow-700 {
+  .sm\:mid-yellow-700 {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:gradient-mid-yellow-800 {
+  .sm\:mid-yellow-800 {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:gradient-mid-yellow-900 {
+  .sm\:mid-yellow-900 {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:gradient-mid-green-100 {
+  .sm\:mid-green-100 {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:gradient-mid-green-200 {
+  .sm\:mid-green-200 {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:gradient-mid-green-300 {
+  .sm\:mid-green-300 {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:gradient-mid-green-400 {
+  .sm\:mid-green-400 {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:gradient-mid-green-500 {
+  .sm\:mid-green-500 {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:gradient-mid-green-600 {
+  .sm\:mid-green-600 {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:gradient-mid-green-700 {
+  .sm\:mid-green-700 {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:gradient-mid-green-800 {
+  .sm\:mid-green-800 {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:gradient-mid-green-900 {
+  .sm\:mid-green-900 {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:gradient-mid-teal-100 {
+  .sm\:mid-teal-100 {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:gradient-mid-teal-200 {
+  .sm\:mid-teal-200 {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:gradient-mid-teal-300 {
+  .sm\:mid-teal-300 {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:gradient-mid-teal-400 {
+  .sm\:mid-teal-400 {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:gradient-mid-teal-500 {
+  .sm\:mid-teal-500 {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:gradient-mid-teal-600 {
+  .sm\:mid-teal-600 {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:gradient-mid-teal-700 {
+  .sm\:mid-teal-700 {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:gradient-mid-teal-800 {
+  .sm\:mid-teal-800 {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:gradient-mid-teal-900 {
+  .sm\:mid-teal-900 {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:gradient-mid-blue-100 {
+  .sm\:mid-blue-100 {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:gradient-mid-blue-200 {
+  .sm\:mid-blue-200 {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:gradient-mid-blue-300 {
+  .sm\:mid-blue-300 {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:gradient-mid-blue-400 {
+  .sm\:mid-blue-400 {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:gradient-mid-blue-500 {
+  .sm\:mid-blue-500 {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:gradient-mid-blue-600 {
+  .sm\:mid-blue-600 {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:gradient-mid-blue-700 {
+  .sm\:mid-blue-700 {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:gradient-mid-blue-800 {
+  .sm\:mid-blue-800 {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:gradient-mid-blue-900 {
+  .sm\:mid-blue-900 {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:gradient-mid-indigo-100 {
+  .sm\:mid-indigo-100 {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:gradient-mid-indigo-200 {
+  .sm\:mid-indigo-200 {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:gradient-mid-indigo-300 {
+  .sm\:mid-indigo-300 {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:gradient-mid-indigo-400 {
+  .sm\:mid-indigo-400 {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:gradient-mid-indigo-500 {
+  .sm\:mid-indigo-500 {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:gradient-mid-indigo-600 {
+  .sm\:mid-indigo-600 {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:gradient-mid-indigo-700 {
+  .sm\:mid-indigo-700 {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:gradient-mid-indigo-800 {
+  .sm\:mid-indigo-800 {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:gradient-mid-indigo-900 {
+  .sm\:mid-indigo-900 {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:gradient-mid-purple-100 {
+  .sm\:mid-purple-100 {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:gradient-mid-purple-200 {
+  .sm\:mid-purple-200 {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:gradient-mid-purple-300 {
+  .sm\:mid-purple-300 {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:gradient-mid-purple-400 {
+  .sm\:mid-purple-400 {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:gradient-mid-purple-500 {
+  .sm\:mid-purple-500 {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:gradient-mid-purple-600 {
+  .sm\:mid-purple-600 {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:gradient-mid-purple-700 {
+  .sm\:mid-purple-700 {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:gradient-mid-purple-800 {
+  .sm\:mid-purple-800 {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:gradient-mid-purple-900 {
+  .sm\:mid-purple-900 {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:gradient-mid-pink-100 {
+  .sm\:mid-pink-100 {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:gradient-mid-pink-200 {
+  .sm\:mid-pink-200 {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:gradient-mid-pink-300 {
+  .sm\:mid-pink-300 {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:gradient-mid-pink-400 {
+  .sm\:mid-pink-400 {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:gradient-mid-pink-500 {
+  .sm\:mid-pink-500 {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:gradient-mid-pink-600 {
+  .sm\:mid-pink-600 {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:gradient-mid-pink-700 {
+  .sm\:mid-pink-700 {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:gradient-mid-pink-800 {
+  .sm\:mid-pink-800 {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:gradient-mid-pink-900 {
+  .sm\:mid-pink-900 {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .sm\:hover\:gradient-from-transparent:hover {
+  .sm\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .sm\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .sm\:to-black {
+    --gradient-to-color: #000;
+  }
+
+  .sm\:to-white {
+    --gradient-to-color: #fff;
+  }
+
+  .sm\:to-gray-100 {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .sm\:to-gray-200 {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .sm\:to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .sm\:to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .sm\:to-gray-500 {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .sm\:to-gray-600 {
+    --gradient-to-color: #718096;
+  }
+
+  .sm\:to-gray-700 {
+    --gradient-to-color: #4a5568;
+  }
+
+  .sm\:to-gray-800 {
+    --gradient-to-color: #2d3748;
+  }
+
+  .sm\:to-gray-900 {
+    --gradient-to-color: #1a202c;
+  }
+
+  .sm\:to-red-100 {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .sm\:to-red-200 {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .sm\:to-red-300 {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .sm\:to-red-400 {
+    --gradient-to-color: #fc8181;
+  }
+
+  .sm\:to-red-500 {
+    --gradient-to-color: #f56565;
+  }
+
+  .sm\:to-red-600 {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .sm\:to-red-700 {
+    --gradient-to-color: #c53030;
+  }
+
+  .sm\:to-red-800 {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .sm\:to-red-900 {
+    --gradient-to-color: #742a2a;
+  }
+
+  .sm\:to-orange-100 {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .sm\:to-orange-200 {
+    --gradient-to-color: #feebc8;
+  }
+
+  .sm\:to-orange-300 {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .sm\:to-orange-400 {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .sm\:to-orange-500 {
+    --gradient-to-color: #ed8936;
+  }
+
+  .sm\:to-orange-600 {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .sm\:to-orange-700 {
+    --gradient-to-color: #c05621;
+  }
+
+  .sm\:to-orange-800 {
+    --gradient-to-color: #9c4221;
+  }
+
+  .sm\:to-orange-900 {
+    --gradient-to-color: #7b341e;
+  }
+
+  .sm\:to-yellow-100 {
+    --gradient-to-color: #fffff0;
+  }
+
+  .sm\:to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .sm\:to-yellow-300 {
+    --gradient-to-color: #faf089;
+  }
+
+  .sm\:to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .sm\:to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .sm\:to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .sm\:to-yellow-700 {
+    --gradient-to-color: #b7791f;
+  }
+
+  .sm\:to-yellow-800 {
+    --gradient-to-color: #975a16;
+  }
+
+  .sm\:to-yellow-900 {
+    --gradient-to-color: #744210;
+  }
+
+  .sm\:to-green-100 {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .sm\:to-green-200 {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .sm\:to-green-300 {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .sm\:to-green-400 {
+    --gradient-to-color: #68d391;
+  }
+
+  .sm\:to-green-500 {
+    --gradient-to-color: #48bb78;
+  }
+
+  .sm\:to-green-600 {
+    --gradient-to-color: #38a169;
+  }
+
+  .sm\:to-green-700 {
+    --gradient-to-color: #2f855a;
+  }
+
+  .sm\:to-green-800 {
+    --gradient-to-color: #276749;
+  }
+
+  .sm\:to-green-900 {
+    --gradient-to-color: #22543d;
+  }
+
+  .sm\:to-teal-100 {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .sm\:to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .sm\:to-teal-300 {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .sm\:to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .sm\:to-teal-500 {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .sm\:to-teal-600 {
+    --gradient-to-color: #319795;
+  }
+
+  .sm\:to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .sm\:to-teal-800 {
+    --gradient-to-color: #285e61;
+  }
+
+  .sm\:to-teal-900 {
+    --gradient-to-color: #234e52;
+  }
+
+  .sm\:to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .sm\:to-blue-200 {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .sm\:to-blue-300 {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .sm\:to-blue-400 {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .sm\:to-blue-500 {
+    --gradient-to-color: #4299e1;
+  }
+
+  .sm\:to-blue-600 {
+    --gradient-to-color: #3182ce;
+  }
+
+  .sm\:to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .sm\:to-blue-800 {
+    --gradient-to-color: #2c5282;
+  }
+
+  .sm\:to-blue-900 {
+    --gradient-to-color: #2a4365;
+  }
+
+  .sm\:to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .sm\:to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .sm\:to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .sm\:to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .sm\:to-indigo-500 {
+    --gradient-to-color: #667eea;
+  }
+
+  .sm\:to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .sm\:to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .sm\:to-indigo-800 {
+    --gradient-to-color: #434190;
+  }
+
+  .sm\:to-indigo-900 {
+    --gradient-to-color: #3c366b;
+  }
+
+  .sm\:to-purple-100 {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .sm\:to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .sm\:to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .sm\:to-purple-400 {
+    --gradient-to-color: #b794f4;
+  }
+
+  .sm\:to-purple-500 {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .sm\:to-purple-600 {
+    --gradient-to-color: #805ad5;
+  }
+
+  .sm\:to-purple-700 {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .sm\:to-purple-800 {
+    --gradient-to-color: #553c9a;
+  }
+
+  .sm\:to-purple-900 {
+    --gradient-to-color: #44337a;
+  }
+
+  .sm\:to-pink-100 {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .sm\:to-pink-200 {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .sm\:to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .sm\:to-pink-400 {
+    --gradient-to-color: #f687b3;
+  }
+
+  .sm\:to-pink-500 {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .sm\:to-pink-600 {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .sm\:to-pink-700 {
+    --gradient-to-color: #b83280;
+  }
+
+  .sm\:to-pink-800 {
+    --gradient-to-color: #97266d;
+  }
+
+  .sm\:to-pink-900 {
+    --gradient-to-color: #702459;
+  }
+
+  .sm\:hover\:from-transparent:hover {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:gradient-from-current:hover {
+  .sm\:hover\:from-current:hover {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-black:hover {
+  .sm\:hover\:from-black:hover {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:gradient-from-white:hover {
+  .sm\:hover\:from-white:hover {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-100:hover {
+  .sm\:hover\:from-gray-100:hover {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-200:hover {
+  .sm\:hover\:from-gray-200:hover {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-300:hover {
+  .sm\:hover\:from-gray-300:hover {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-400:hover {
+  .sm\:hover\:from-gray-400:hover {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-500:hover {
+  .sm\:hover\:from-gray-500:hover {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-600:hover {
+  .sm\:hover\:from-gray-600:hover {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-700:hover {
+  .sm\:hover\:from-gray-700:hover {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-800:hover {
+  .sm\:hover\:from-gray-800:hover {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:hover\:gradient-from-gray-900:hover {
+  .sm\:hover\:from-gray-900:hover {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:hover\:gradient-from-red-100:hover {
+  .sm\:hover\:from-red-100:hover {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:hover\:gradient-from-red-200:hover {
+  .sm\:hover\:from-red-200:hover {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:hover\:gradient-from-red-300:hover {
+  .sm\:hover\:from-red-300:hover {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:hover\:gradient-from-red-400:hover {
+  .sm\:hover\:from-red-400:hover {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:hover\:gradient-from-red-500:hover {
+  .sm\:hover\:from-red-500:hover {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:hover\:gradient-from-red-600:hover {
+  .sm\:hover\:from-red-600:hover {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:hover\:gradient-from-red-700:hover {
+  .sm\:hover\:from-red-700:hover {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:hover\:gradient-from-red-800:hover {
+  .sm\:hover\:from-red-800:hover {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:hover\:gradient-from-red-900:hover {
+  .sm\:hover\:from-red-900:hover {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-100:hover {
+  .sm\:hover\:from-orange-100:hover {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-200:hover {
+  .sm\:hover\:from-orange-200:hover {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-300:hover {
+  .sm\:hover\:from-orange-300:hover {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-400:hover {
+  .sm\:hover\:from-orange-400:hover {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-500:hover {
+  .sm\:hover\:from-orange-500:hover {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-600:hover {
+  .sm\:hover\:from-orange-600:hover {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-700:hover {
+  .sm\:hover\:from-orange-700:hover {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-800:hover {
+  .sm\:hover\:from-orange-800:hover {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:hover\:gradient-from-orange-900:hover {
+  .sm\:hover\:from-orange-900:hover {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-100:hover {
+  .sm\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-200:hover {
+  .sm\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-300:hover {
+  .sm\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-400:hover {
+  .sm\:hover\:from-yellow-400:hover {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-500:hover {
+  .sm\:hover\:from-yellow-500:hover {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-600:hover {
+  .sm\:hover\:from-yellow-600:hover {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-700:hover {
+  .sm\:hover\:from-yellow-700:hover {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-800:hover {
+  .sm\:hover\:from-yellow-800:hover {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:hover\:gradient-from-yellow-900:hover {
+  .sm\:hover\:from-yellow-900:hover {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:hover\:gradient-from-green-100:hover {
+  .sm\:hover\:from-green-100:hover {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:hover\:gradient-from-green-200:hover {
+  .sm\:hover\:from-green-200:hover {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:hover\:gradient-from-green-300:hover {
+  .sm\:hover\:from-green-300:hover {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:hover\:gradient-from-green-400:hover {
+  .sm\:hover\:from-green-400:hover {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:hover\:gradient-from-green-500:hover {
+  .sm\:hover\:from-green-500:hover {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:hover\:gradient-from-green-600:hover {
+  .sm\:hover\:from-green-600:hover {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:hover\:gradient-from-green-700:hover {
+  .sm\:hover\:from-green-700:hover {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:hover\:gradient-from-green-800:hover {
+  .sm\:hover\:from-green-800:hover {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:hover\:gradient-from-green-900:hover {
+  .sm\:hover\:from-green-900:hover {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-100:hover {
+  .sm\:hover\:from-teal-100:hover {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-200:hover {
+  .sm\:hover\:from-teal-200:hover {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-300:hover {
+  .sm\:hover\:from-teal-300:hover {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-400:hover {
+  .sm\:hover\:from-teal-400:hover {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-500:hover {
+  .sm\:hover\:from-teal-500:hover {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-600:hover {
+  .sm\:hover\:from-teal-600:hover {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-700:hover {
+  .sm\:hover\:from-teal-700:hover {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-800:hover {
+  .sm\:hover\:from-teal-800:hover {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:hover\:gradient-from-teal-900:hover {
+  .sm\:hover\:from-teal-900:hover {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-100:hover {
+  .sm\:hover\:from-blue-100:hover {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-200:hover {
+  .sm\:hover\:from-blue-200:hover {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-300:hover {
+  .sm\:hover\:from-blue-300:hover {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-400:hover {
+  .sm\:hover\:from-blue-400:hover {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-500:hover {
+  .sm\:hover\:from-blue-500:hover {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-600:hover {
+  .sm\:hover\:from-blue-600:hover {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-700:hover {
+  .sm\:hover\:from-blue-700:hover {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-800:hover {
+  .sm\:hover\:from-blue-800:hover {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:hover\:gradient-from-blue-900:hover {
+  .sm\:hover\:from-blue-900:hover {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-100:hover {
+  .sm\:hover\:from-indigo-100:hover {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-200:hover {
+  .sm\:hover\:from-indigo-200:hover {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-300:hover {
+  .sm\:hover\:from-indigo-300:hover {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-400:hover {
+  .sm\:hover\:from-indigo-400:hover {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-500:hover {
+  .sm\:hover\:from-indigo-500:hover {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-600:hover {
+  .sm\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-700:hover {
+  .sm\:hover\:from-indigo-700:hover {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-800:hover {
+  .sm\:hover\:from-indigo-800:hover {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:hover\:gradient-from-indigo-900:hover {
+  .sm\:hover\:from-indigo-900:hover {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-100:hover {
+  .sm\:hover\:from-purple-100:hover {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-200:hover {
+  .sm\:hover\:from-purple-200:hover {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-300:hover {
+  .sm\:hover\:from-purple-300:hover {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-400:hover {
+  .sm\:hover\:from-purple-400:hover {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-500:hover {
+  .sm\:hover\:from-purple-500:hover {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-600:hover {
+  .sm\:hover\:from-purple-600:hover {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-700:hover {
+  .sm\:hover\:from-purple-700:hover {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-800:hover {
+  .sm\:hover\:from-purple-800:hover {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:hover\:gradient-from-purple-900:hover {
+  .sm\:hover\:from-purple-900:hover {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-100:hover {
+  .sm\:hover\:from-pink-100:hover {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-200:hover {
+  .sm\:hover\:from-pink-200:hover {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-300:hover {
+  .sm\:hover\:from-pink-300:hover {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-400:hover {
+  .sm\:hover\:from-pink-400:hover {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-500:hover {
+  .sm\:hover\:from-pink-500:hover {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-600:hover {
+  .sm\:hover\:from-pink-600:hover {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-700:hover {
+  .sm\:hover\:from-pink-700:hover {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-800:hover {
+  .sm\:hover\:from-pink-800:hover {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:hover\:gradient-from-pink-900:hover {
+  .sm\:hover\:from-pink-900:hover {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .sm\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:gradient-mid-current:hover {
+  .sm\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-black:hover {
+  .sm\:hover\:mid-black:hover {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:gradient-mid-white:hover {
+  .sm\:hover\:mid-white:hover {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-100:hover {
+  .sm\:hover\:mid-gray-100:hover {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-200:hover {
+  .sm\:hover\:mid-gray-200:hover {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-300:hover {
+  .sm\:hover\:mid-gray-300:hover {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-400:hover {
+  .sm\:hover\:mid-gray-400:hover {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-500:hover {
+  .sm\:hover\:mid-gray-500:hover {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-600:hover {
+  .sm\:hover\:mid-gray-600:hover {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-700:hover {
+  .sm\:hover\:mid-gray-700:hover {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-800:hover {
+  .sm\:hover\:mid-gray-800:hover {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:hover\:gradient-mid-gray-900:hover {
+  .sm\:hover\:mid-gray-900:hover {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-100:hover {
+  .sm\:hover\:mid-red-100:hover {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-200:hover {
+  .sm\:hover\:mid-red-200:hover {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-300:hover {
+  .sm\:hover\:mid-red-300:hover {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-400:hover {
+  .sm\:hover\:mid-red-400:hover {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-500:hover {
+  .sm\:hover\:mid-red-500:hover {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-600:hover {
+  .sm\:hover\:mid-red-600:hover {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-700:hover {
+  .sm\:hover\:mid-red-700:hover {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-800:hover {
+  .sm\:hover\:mid-red-800:hover {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:hover\:gradient-mid-red-900:hover {
+  .sm\:hover\:mid-red-900:hover {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-100:hover {
+  .sm\:hover\:mid-orange-100:hover {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-200:hover {
+  .sm\:hover\:mid-orange-200:hover {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-300:hover {
+  .sm\:hover\:mid-orange-300:hover {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-400:hover {
+  .sm\:hover\:mid-orange-400:hover {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-500:hover {
+  .sm\:hover\:mid-orange-500:hover {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-600:hover {
+  .sm\:hover\:mid-orange-600:hover {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-700:hover {
+  .sm\:hover\:mid-orange-700:hover {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-800:hover {
+  .sm\:hover\:mid-orange-800:hover {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:hover\:gradient-mid-orange-900:hover {
+  .sm\:hover\:mid-orange-900:hover {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-100:hover {
+  .sm\:hover\:mid-yellow-100:hover {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-200:hover {
+  .sm\:hover\:mid-yellow-200:hover {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-300:hover {
+  .sm\:hover\:mid-yellow-300:hover {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-400:hover {
+  .sm\:hover\:mid-yellow-400:hover {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-500:hover {
+  .sm\:hover\:mid-yellow-500:hover {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-600:hover {
+  .sm\:hover\:mid-yellow-600:hover {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-700:hover {
+  .sm\:hover\:mid-yellow-700:hover {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-800:hover {
+  .sm\:hover\:mid-yellow-800:hover {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:hover\:gradient-mid-yellow-900:hover {
+  .sm\:hover\:mid-yellow-900:hover {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-100:hover {
+  .sm\:hover\:mid-green-100:hover {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-200:hover {
+  .sm\:hover\:mid-green-200:hover {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-300:hover {
+  .sm\:hover\:mid-green-300:hover {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-400:hover {
+  .sm\:hover\:mid-green-400:hover {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-500:hover {
+  .sm\:hover\:mid-green-500:hover {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-600:hover {
+  .sm\:hover\:mid-green-600:hover {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-700:hover {
+  .sm\:hover\:mid-green-700:hover {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-800:hover {
+  .sm\:hover\:mid-green-800:hover {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:hover\:gradient-mid-green-900:hover {
+  .sm\:hover\:mid-green-900:hover {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-100:hover {
+  .sm\:hover\:mid-teal-100:hover {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-200:hover {
+  .sm\:hover\:mid-teal-200:hover {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-300:hover {
+  .sm\:hover\:mid-teal-300:hover {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-400:hover {
+  .sm\:hover\:mid-teal-400:hover {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-500:hover {
+  .sm\:hover\:mid-teal-500:hover {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-600:hover {
+  .sm\:hover\:mid-teal-600:hover {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-700:hover {
+  .sm\:hover\:mid-teal-700:hover {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-800:hover {
+  .sm\:hover\:mid-teal-800:hover {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:hover\:gradient-mid-teal-900:hover {
+  .sm\:hover\:mid-teal-900:hover {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-100:hover {
+  .sm\:hover\:mid-blue-100:hover {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-200:hover {
+  .sm\:hover\:mid-blue-200:hover {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-300:hover {
+  .sm\:hover\:mid-blue-300:hover {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-400:hover {
+  .sm\:hover\:mid-blue-400:hover {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-500:hover {
+  .sm\:hover\:mid-blue-500:hover {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-600:hover {
+  .sm\:hover\:mid-blue-600:hover {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-700:hover {
+  .sm\:hover\:mid-blue-700:hover {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-800:hover {
+  .sm\:hover\:mid-blue-800:hover {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:hover\:gradient-mid-blue-900:hover {
+  .sm\:hover\:mid-blue-900:hover {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-100:hover {
+  .sm\:hover\:mid-indigo-100:hover {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-200:hover {
+  .sm\:hover\:mid-indigo-200:hover {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-300:hover {
+  .sm\:hover\:mid-indigo-300:hover {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-400:hover {
+  .sm\:hover\:mid-indigo-400:hover {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-500:hover {
+  .sm\:hover\:mid-indigo-500:hover {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-600:hover {
+  .sm\:hover\:mid-indigo-600:hover {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-700:hover {
+  .sm\:hover\:mid-indigo-700:hover {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-800:hover {
+  .sm\:hover\:mid-indigo-800:hover {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:hover\:gradient-mid-indigo-900:hover {
+  .sm\:hover\:mid-indigo-900:hover {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-100:hover {
+  .sm\:hover\:mid-purple-100:hover {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-200:hover {
+  .sm\:hover\:mid-purple-200:hover {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-300:hover {
+  .sm\:hover\:mid-purple-300:hover {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-400:hover {
+  .sm\:hover\:mid-purple-400:hover {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-500:hover {
+  .sm\:hover\:mid-purple-500:hover {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-600:hover {
+  .sm\:hover\:mid-purple-600:hover {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-700:hover {
+  .sm\:hover\:mid-purple-700:hover {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-800:hover {
+  .sm\:hover\:mid-purple-800:hover {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:hover\:gradient-mid-purple-900:hover {
+  .sm\:hover\:mid-purple-900:hover {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-100:hover {
+  .sm\:hover\:mid-pink-100:hover {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-200:hover {
+  .sm\:hover\:mid-pink-200:hover {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-300:hover {
+  .sm\:hover\:mid-pink-300:hover {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-400:hover {
+  .sm\:hover\:mid-pink-400:hover {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-500:hover {
+  .sm\:hover\:mid-pink-500:hover {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-600:hover {
+  .sm\:hover\:mid-pink-600:hover {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-700:hover {
+  .sm\:hover\:mid-pink-700:hover {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-800:hover {
+  .sm\:hover\:mid-pink-800:hover {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:hover\:gradient-mid-pink-900:hover {
+  .sm\:hover\:mid-pink-900:hover {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .sm\:focus\:gradient-from-transparent:focus {
+  .sm\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .sm\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .sm\:hover\:to-black:hover {
+    --gradient-to-color: #000;
+  }
+
+  .sm\:hover\:to-white:hover {
+    --gradient-to-color: #fff;
+  }
+
+  .sm\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .sm\:hover\:to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .sm\:hover\:to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .sm\:hover\:to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .sm\:hover\:to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .sm\:hover\:to-gray-600:hover {
+    --gradient-to-color: #718096;
+  }
+
+  .sm\:hover\:to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+  }
+
+  .sm\:hover\:to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+  }
+
+  .sm\:hover\:to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+  }
+
+  .sm\:hover\:to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .sm\:hover\:to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .sm\:hover\:to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .sm\:hover\:to-red-400:hover {
+    --gradient-to-color: #fc8181;
+  }
+
+  .sm\:hover\:to-red-500:hover {
+    --gradient-to-color: #f56565;
+  }
+
+  .sm\:hover\:to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .sm\:hover\:to-red-700:hover {
+    --gradient-to-color: #c53030;
+  }
+
+  .sm\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .sm\:hover\:to-red-900:hover {
+    --gradient-to-color: #742a2a;
+  }
+
+  .sm\:hover\:to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .sm\:hover\:to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+  }
+
+  .sm\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .sm\:hover\:to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .sm\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+  }
+
+  .sm\:hover\:to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .sm\:hover\:to-orange-700:hover {
+    --gradient-to-color: #c05621;
+  }
+
+  .sm\:hover\:to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+  }
+
+  .sm\:hover\:to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+  }
+
+  .sm\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+  }
+
+  .sm\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .sm\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+  }
+
+  .sm\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .sm\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .sm\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .sm\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+  }
+
+  .sm\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+  }
+
+  .sm\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #744210;
+  }
+
+  .sm\:hover\:to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .sm\:hover\:to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .sm\:hover\:to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .sm\:hover\:to-green-400:hover {
+    --gradient-to-color: #68d391;
+  }
+
+  .sm\:hover\:to-green-500:hover {
+    --gradient-to-color: #48bb78;
+  }
+
+  .sm\:hover\:to-green-600:hover {
+    --gradient-to-color: #38a169;
+  }
+
+  .sm\:hover\:to-green-700:hover {
+    --gradient-to-color: #2f855a;
+  }
+
+  .sm\:hover\:to-green-800:hover {
+    --gradient-to-color: #276749;
+  }
+
+  .sm\:hover\:to-green-900:hover {
+    --gradient-to-color: #22543d;
+  }
+
+  .sm\:hover\:to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .sm\:hover\:to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .sm\:hover\:to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .sm\:hover\:to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .sm\:hover\:to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .sm\:hover\:to-teal-600:hover {
+    --gradient-to-color: #319795;
+  }
+
+  .sm\:hover\:to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .sm\:hover\:to-teal-800:hover {
+    --gradient-to-color: #285e61;
+  }
+
+  .sm\:hover\:to-teal-900:hover {
+    --gradient-to-color: #234e52;
+  }
+
+  .sm\:hover\:to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .sm\:hover\:to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .sm\:hover\:to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .sm\:hover\:to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .sm\:hover\:to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+  }
+
+  .sm\:hover\:to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+  }
+
+  .sm\:hover\:to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .sm\:hover\:to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+  }
+
+  .sm\:hover\:to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+  }
+
+  .sm\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .sm\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .sm\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .sm\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .sm\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+  }
+
+  .sm\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .sm\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .sm\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #434190;
+  }
+
+  .sm\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+  }
+
+  .sm\:hover\:to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .sm\:hover\:to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .sm\:hover\:to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .sm\:hover\:to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+  }
+
+  .sm\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .sm\:hover\:to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+  }
+
+  .sm\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .sm\:hover\:to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+  }
+
+  .sm\:hover\:to-purple-900:hover {
+    --gradient-to-color: #44337a;
+  }
+
+  .sm\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .sm\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .sm\:hover\:to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .sm\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+  }
+
+  .sm\:hover\:to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .sm\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .sm\:hover\:to-pink-700:hover {
+    --gradient-to-color: #b83280;
+  }
+
+  .sm\:hover\:to-pink-800:hover {
+    --gradient-to-color: #97266d;
+  }
+
+  .sm\:hover\:to-pink-900:hover {
+    --gradient-to-color: #702459;
+  }
+
+  .sm\:focus\:from-transparent:focus {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:gradient-from-current:focus {
+  .sm\:focus\:from-current:focus {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-black:focus {
+  .sm\:focus\:from-black:focus {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:gradient-from-white:focus {
+  .sm\:focus\:from-white:focus {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-100:focus {
+  .sm\:focus\:from-gray-100:focus {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-200:focus {
+  .sm\:focus\:from-gray-200:focus {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-300:focus {
+  .sm\:focus\:from-gray-300:focus {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-400:focus {
+  .sm\:focus\:from-gray-400:focus {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-500:focus {
+  .sm\:focus\:from-gray-500:focus {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-600:focus {
+  .sm\:focus\:from-gray-600:focus {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-700:focus {
+  .sm\:focus\:from-gray-700:focus {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-800:focus {
+  .sm\:focus\:from-gray-800:focus {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:focus\:gradient-from-gray-900:focus {
+  .sm\:focus\:from-gray-900:focus {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:focus\:gradient-from-red-100:focus {
+  .sm\:focus\:from-red-100:focus {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:focus\:gradient-from-red-200:focus {
+  .sm\:focus\:from-red-200:focus {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:focus\:gradient-from-red-300:focus {
+  .sm\:focus\:from-red-300:focus {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:focus\:gradient-from-red-400:focus {
+  .sm\:focus\:from-red-400:focus {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:focus\:gradient-from-red-500:focus {
+  .sm\:focus\:from-red-500:focus {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:focus\:gradient-from-red-600:focus {
+  .sm\:focus\:from-red-600:focus {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:focus\:gradient-from-red-700:focus {
+  .sm\:focus\:from-red-700:focus {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:focus\:gradient-from-red-800:focus {
+  .sm\:focus\:from-red-800:focus {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:focus\:gradient-from-red-900:focus {
+  .sm\:focus\:from-red-900:focus {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-100:focus {
+  .sm\:focus\:from-orange-100:focus {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-200:focus {
+  .sm\:focus\:from-orange-200:focus {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-300:focus {
+  .sm\:focus\:from-orange-300:focus {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-400:focus {
+  .sm\:focus\:from-orange-400:focus {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-500:focus {
+  .sm\:focus\:from-orange-500:focus {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-600:focus {
+  .sm\:focus\:from-orange-600:focus {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-700:focus {
+  .sm\:focus\:from-orange-700:focus {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-800:focus {
+  .sm\:focus\:from-orange-800:focus {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:focus\:gradient-from-orange-900:focus {
+  .sm\:focus\:from-orange-900:focus {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-100:focus {
+  .sm\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-200:focus {
+  .sm\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-300:focus {
+  .sm\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-400:focus {
+  .sm\:focus\:from-yellow-400:focus {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-500:focus {
+  .sm\:focus\:from-yellow-500:focus {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-600:focus {
+  .sm\:focus\:from-yellow-600:focus {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-700:focus {
+  .sm\:focus\:from-yellow-700:focus {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-800:focus {
+  .sm\:focus\:from-yellow-800:focus {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:focus\:gradient-from-yellow-900:focus {
+  .sm\:focus\:from-yellow-900:focus {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:focus\:gradient-from-green-100:focus {
+  .sm\:focus\:from-green-100:focus {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:focus\:gradient-from-green-200:focus {
+  .sm\:focus\:from-green-200:focus {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:focus\:gradient-from-green-300:focus {
+  .sm\:focus\:from-green-300:focus {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:focus\:gradient-from-green-400:focus {
+  .sm\:focus\:from-green-400:focus {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:focus\:gradient-from-green-500:focus {
+  .sm\:focus\:from-green-500:focus {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:focus\:gradient-from-green-600:focus {
+  .sm\:focus\:from-green-600:focus {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:focus\:gradient-from-green-700:focus {
+  .sm\:focus\:from-green-700:focus {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:focus\:gradient-from-green-800:focus {
+  .sm\:focus\:from-green-800:focus {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:focus\:gradient-from-green-900:focus {
+  .sm\:focus\:from-green-900:focus {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-100:focus {
+  .sm\:focus\:from-teal-100:focus {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-200:focus {
+  .sm\:focus\:from-teal-200:focus {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-300:focus {
+  .sm\:focus\:from-teal-300:focus {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-400:focus {
+  .sm\:focus\:from-teal-400:focus {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-500:focus {
+  .sm\:focus\:from-teal-500:focus {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-600:focus {
+  .sm\:focus\:from-teal-600:focus {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-700:focus {
+  .sm\:focus\:from-teal-700:focus {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-800:focus {
+  .sm\:focus\:from-teal-800:focus {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:focus\:gradient-from-teal-900:focus {
+  .sm\:focus\:from-teal-900:focus {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-100:focus {
+  .sm\:focus\:from-blue-100:focus {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-200:focus {
+  .sm\:focus\:from-blue-200:focus {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-300:focus {
+  .sm\:focus\:from-blue-300:focus {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-400:focus {
+  .sm\:focus\:from-blue-400:focus {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-500:focus {
+  .sm\:focus\:from-blue-500:focus {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-600:focus {
+  .sm\:focus\:from-blue-600:focus {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-700:focus {
+  .sm\:focus\:from-blue-700:focus {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-800:focus {
+  .sm\:focus\:from-blue-800:focus {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:focus\:gradient-from-blue-900:focus {
+  .sm\:focus\:from-blue-900:focus {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-100:focus {
+  .sm\:focus\:from-indigo-100:focus {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-200:focus {
+  .sm\:focus\:from-indigo-200:focus {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-300:focus {
+  .sm\:focus\:from-indigo-300:focus {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-400:focus {
+  .sm\:focus\:from-indigo-400:focus {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-500:focus {
+  .sm\:focus\:from-indigo-500:focus {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-600:focus {
+  .sm\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-700:focus {
+  .sm\:focus\:from-indigo-700:focus {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-800:focus {
+  .sm\:focus\:from-indigo-800:focus {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:focus\:gradient-from-indigo-900:focus {
+  .sm\:focus\:from-indigo-900:focus {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-100:focus {
+  .sm\:focus\:from-purple-100:focus {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-200:focus {
+  .sm\:focus\:from-purple-200:focus {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-300:focus {
+  .sm\:focus\:from-purple-300:focus {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-400:focus {
+  .sm\:focus\:from-purple-400:focus {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-500:focus {
+  .sm\:focus\:from-purple-500:focus {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-600:focus {
+  .sm\:focus\:from-purple-600:focus {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-700:focus {
+  .sm\:focus\:from-purple-700:focus {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-800:focus {
+  .sm\:focus\:from-purple-800:focus {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:focus\:gradient-from-purple-900:focus {
+  .sm\:focus\:from-purple-900:focus {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-100:focus {
+  .sm\:focus\:from-pink-100:focus {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-200:focus {
+  .sm\:focus\:from-pink-200:focus {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-300:focus {
+  .sm\:focus\:from-pink-300:focus {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-400:focus {
+  .sm\:focus\:from-pink-400:focus {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-500:focus {
+  .sm\:focus\:from-pink-500:focus {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-600:focus {
+  .sm\:focus\:from-pink-600:focus {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-700:focus {
+  .sm\:focus\:from-pink-700:focus {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-800:focus {
+  .sm\:focus\:from-pink-800:focus {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:focus\:gradient-from-pink-900:focus {
+  .sm\:focus\:from-pink-900:focus {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .sm\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:gradient-mid-current:focus {
+  .sm\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-black:focus {
+  .sm\:focus\:mid-black:focus {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:gradient-mid-white:focus {
+  .sm\:focus\:mid-white:focus {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-100:focus {
+  .sm\:focus\:mid-gray-100:focus {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-200:focus {
+  .sm\:focus\:mid-gray-200:focus {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-300:focus {
+  .sm\:focus\:mid-gray-300:focus {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-400:focus {
+  .sm\:focus\:mid-gray-400:focus {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-500:focus {
+  .sm\:focus\:mid-gray-500:focus {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-600:focus {
+  .sm\:focus\:mid-gray-600:focus {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-700:focus {
+  .sm\:focus\:mid-gray-700:focus {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-800:focus {
+  .sm\:focus\:mid-gray-800:focus {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:focus\:gradient-mid-gray-900:focus {
+  .sm\:focus\:mid-gray-900:focus {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-100:focus {
+  .sm\:focus\:mid-red-100:focus {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-200:focus {
+  .sm\:focus\:mid-red-200:focus {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-300:focus {
+  .sm\:focus\:mid-red-300:focus {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-400:focus {
+  .sm\:focus\:mid-red-400:focus {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-500:focus {
+  .sm\:focus\:mid-red-500:focus {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-600:focus {
+  .sm\:focus\:mid-red-600:focus {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-700:focus {
+  .sm\:focus\:mid-red-700:focus {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-800:focus {
+  .sm\:focus\:mid-red-800:focus {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:focus\:gradient-mid-red-900:focus {
+  .sm\:focus\:mid-red-900:focus {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-100:focus {
+  .sm\:focus\:mid-orange-100:focus {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-200:focus {
+  .sm\:focus\:mid-orange-200:focus {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-300:focus {
+  .sm\:focus\:mid-orange-300:focus {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-400:focus {
+  .sm\:focus\:mid-orange-400:focus {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-500:focus {
+  .sm\:focus\:mid-orange-500:focus {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-600:focus {
+  .sm\:focus\:mid-orange-600:focus {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-700:focus {
+  .sm\:focus\:mid-orange-700:focus {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-800:focus {
+  .sm\:focus\:mid-orange-800:focus {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:focus\:gradient-mid-orange-900:focus {
+  .sm\:focus\:mid-orange-900:focus {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-100:focus {
+  .sm\:focus\:mid-yellow-100:focus {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-200:focus {
+  .sm\:focus\:mid-yellow-200:focus {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-300:focus {
+  .sm\:focus\:mid-yellow-300:focus {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-400:focus {
+  .sm\:focus\:mid-yellow-400:focus {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-500:focus {
+  .sm\:focus\:mid-yellow-500:focus {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-600:focus {
+  .sm\:focus\:mid-yellow-600:focus {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-700:focus {
+  .sm\:focus\:mid-yellow-700:focus {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-800:focus {
+  .sm\:focus\:mid-yellow-800:focus {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:focus\:gradient-mid-yellow-900:focus {
+  .sm\:focus\:mid-yellow-900:focus {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-100:focus {
+  .sm\:focus\:mid-green-100:focus {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-200:focus {
+  .sm\:focus\:mid-green-200:focus {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-300:focus {
+  .sm\:focus\:mid-green-300:focus {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-400:focus {
+  .sm\:focus\:mid-green-400:focus {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-500:focus {
+  .sm\:focus\:mid-green-500:focus {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-600:focus {
+  .sm\:focus\:mid-green-600:focus {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-700:focus {
+  .sm\:focus\:mid-green-700:focus {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-800:focus {
+  .sm\:focus\:mid-green-800:focus {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:focus\:gradient-mid-green-900:focus {
+  .sm\:focus\:mid-green-900:focus {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-100:focus {
+  .sm\:focus\:mid-teal-100:focus {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-200:focus {
+  .sm\:focus\:mid-teal-200:focus {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-300:focus {
+  .sm\:focus\:mid-teal-300:focus {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-400:focus {
+  .sm\:focus\:mid-teal-400:focus {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-500:focus {
+  .sm\:focus\:mid-teal-500:focus {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-600:focus {
+  .sm\:focus\:mid-teal-600:focus {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-700:focus {
+  .sm\:focus\:mid-teal-700:focus {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-800:focus {
+  .sm\:focus\:mid-teal-800:focus {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:focus\:gradient-mid-teal-900:focus {
+  .sm\:focus\:mid-teal-900:focus {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-100:focus {
+  .sm\:focus\:mid-blue-100:focus {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-200:focus {
+  .sm\:focus\:mid-blue-200:focus {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-300:focus {
+  .sm\:focus\:mid-blue-300:focus {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-400:focus {
+  .sm\:focus\:mid-blue-400:focus {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-500:focus {
+  .sm\:focus\:mid-blue-500:focus {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-600:focus {
+  .sm\:focus\:mid-blue-600:focus {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-700:focus {
+  .sm\:focus\:mid-blue-700:focus {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-800:focus {
+  .sm\:focus\:mid-blue-800:focus {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:focus\:gradient-mid-blue-900:focus {
+  .sm\:focus\:mid-blue-900:focus {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-100:focus {
+  .sm\:focus\:mid-indigo-100:focus {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-200:focus {
+  .sm\:focus\:mid-indigo-200:focus {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-300:focus {
+  .sm\:focus\:mid-indigo-300:focus {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-400:focus {
+  .sm\:focus\:mid-indigo-400:focus {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-500:focus {
+  .sm\:focus\:mid-indigo-500:focus {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-600:focus {
+  .sm\:focus\:mid-indigo-600:focus {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-700:focus {
+  .sm\:focus\:mid-indigo-700:focus {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-800:focus {
+  .sm\:focus\:mid-indigo-800:focus {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:focus\:gradient-mid-indigo-900:focus {
+  .sm\:focus\:mid-indigo-900:focus {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-100:focus {
+  .sm\:focus\:mid-purple-100:focus {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-200:focus {
+  .sm\:focus\:mid-purple-200:focus {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-300:focus {
+  .sm\:focus\:mid-purple-300:focus {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-400:focus {
+  .sm\:focus\:mid-purple-400:focus {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-500:focus {
+  .sm\:focus\:mid-purple-500:focus {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-600:focus {
+  .sm\:focus\:mid-purple-600:focus {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-700:focus {
+  .sm\:focus\:mid-purple-700:focus {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-800:focus {
+  .sm\:focus\:mid-purple-800:focus {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:focus\:gradient-mid-purple-900:focus {
+  .sm\:focus\:mid-purple-900:focus {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-100:focus {
+  .sm\:focus\:mid-pink-100:focus {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-200:focus {
+  .sm\:focus\:mid-pink-200:focus {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-300:focus {
+  .sm\:focus\:mid-pink-300:focus {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-400:focus {
+  .sm\:focus\:mid-pink-400:focus {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-500:focus {
+  .sm\:focus\:mid-pink-500:focus {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-600:focus {
+  .sm\:focus\:mid-pink-600:focus {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-700:focus {
+  .sm\:focus\:mid-pink-700:focus {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-800:focus {
+  .sm\:focus\:mid-pink-800:focus {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:focus\:gradient-mid-pink-900:focus {
+  .sm\:focus\:mid-pink-900:focus {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  }
+
+  .sm\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .sm\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .sm\:focus\:to-black:focus {
+    --gradient-to-color: #000;
+  }
+
+  .sm\:focus\:to-white:focus {
+    --gradient-to-color: #fff;
+  }
+
+  .sm\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .sm\:focus\:to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .sm\:focus\:to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .sm\:focus\:to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .sm\:focus\:to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .sm\:focus\:to-gray-600:focus {
+    --gradient-to-color: #718096;
+  }
+
+  .sm\:focus\:to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+  }
+
+  .sm\:focus\:to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+  }
+
+  .sm\:focus\:to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+  }
+
+  .sm\:focus\:to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .sm\:focus\:to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .sm\:focus\:to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .sm\:focus\:to-red-400:focus {
+    --gradient-to-color: #fc8181;
+  }
+
+  .sm\:focus\:to-red-500:focus {
+    --gradient-to-color: #f56565;
+  }
+
+  .sm\:focus\:to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .sm\:focus\:to-red-700:focus {
+    --gradient-to-color: #c53030;
+  }
+
+  .sm\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .sm\:focus\:to-red-900:focus {
+    --gradient-to-color: #742a2a;
+  }
+
+  .sm\:focus\:to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .sm\:focus\:to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+  }
+
+  .sm\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .sm\:focus\:to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .sm\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+  }
+
+  .sm\:focus\:to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .sm\:focus\:to-orange-700:focus {
+    --gradient-to-color: #c05621;
+  }
+
+  .sm\:focus\:to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+  }
+
+  .sm\:focus\:to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+  }
+
+  .sm\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+  }
+
+  .sm\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .sm\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+  }
+
+  .sm\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .sm\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .sm\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .sm\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+  }
+
+  .sm\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+  }
+
+  .sm\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #744210;
+  }
+
+  .sm\:focus\:to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .sm\:focus\:to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .sm\:focus\:to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .sm\:focus\:to-green-400:focus {
+    --gradient-to-color: #68d391;
+  }
+
+  .sm\:focus\:to-green-500:focus {
+    --gradient-to-color: #48bb78;
+  }
+
+  .sm\:focus\:to-green-600:focus {
+    --gradient-to-color: #38a169;
+  }
+
+  .sm\:focus\:to-green-700:focus {
+    --gradient-to-color: #2f855a;
+  }
+
+  .sm\:focus\:to-green-800:focus {
+    --gradient-to-color: #276749;
+  }
+
+  .sm\:focus\:to-green-900:focus {
+    --gradient-to-color: #22543d;
+  }
+
+  .sm\:focus\:to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .sm\:focus\:to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .sm\:focus\:to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .sm\:focus\:to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .sm\:focus\:to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .sm\:focus\:to-teal-600:focus {
+    --gradient-to-color: #319795;
+  }
+
+  .sm\:focus\:to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .sm\:focus\:to-teal-800:focus {
+    --gradient-to-color: #285e61;
+  }
+
+  .sm\:focus\:to-teal-900:focus {
+    --gradient-to-color: #234e52;
+  }
+
+  .sm\:focus\:to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .sm\:focus\:to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .sm\:focus\:to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .sm\:focus\:to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .sm\:focus\:to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+  }
+
+  .sm\:focus\:to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+  }
+
+  .sm\:focus\:to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .sm\:focus\:to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+  }
+
+  .sm\:focus\:to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+  }
+
+  .sm\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .sm\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .sm\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .sm\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .sm\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+  }
+
+  .sm\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .sm\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .sm\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #434190;
+  }
+
+  .sm\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+  }
+
+  .sm\:focus\:to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .sm\:focus\:to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .sm\:focus\:to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .sm\:focus\:to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+  }
+
+  .sm\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .sm\:focus\:to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+  }
+
+  .sm\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .sm\:focus\:to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+  }
+
+  .sm\:focus\:to-purple-900:focus {
+    --gradient-to-color: #44337a;
+  }
+
+  .sm\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .sm\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .sm\:focus\:to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .sm\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+  }
+
+  .sm\:focus\:to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .sm\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .sm\:focus\:to-pink-700:focus {
+    --gradient-to-color: #b83280;
+  }
+
+  .sm\:focus\:to-pink-800:focus {
+    --gradient-to-color: #97266d;
+  }
+
+  .sm\:focus\:to-pink-900:focus {
+    --gradient-to-color: #702459;
   }
 
   .sm\:bg-opacity-0 {
@@ -40049,4250 +39517,3984 @@ 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-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  .md\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  .md\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  .md\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .md\:gradient-from-transparent {
+  .md\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .md\:from-transparent {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:gradient-from-current {
+  .md\:from-current {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:gradient-from-black {
+  .md\:from-black {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:gradient-from-white {
+  .md\:from-white {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:gradient-from-gray-100 {
+  .md\:from-gray-100 {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:gradient-from-gray-200 {
+  .md\:from-gray-200 {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:gradient-from-gray-300 {
+  .md\:from-gray-300 {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:gradient-from-gray-400 {
+  .md\:from-gray-400 {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:gradient-from-gray-500 {
+  .md\:from-gray-500 {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:gradient-from-gray-600 {
+  .md\:from-gray-600 {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:gradient-from-gray-700 {
+  .md\:from-gray-700 {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:gradient-from-gray-800 {
+  .md\:from-gray-800 {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:gradient-from-gray-900 {
+  .md\:from-gray-900 {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:gradient-from-red-100 {
+  .md\:from-red-100 {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:gradient-from-red-200 {
+  .md\:from-red-200 {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:gradient-from-red-300 {
+  .md\:from-red-300 {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:gradient-from-red-400 {
+  .md\:from-red-400 {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:gradient-from-red-500 {
+  .md\:from-red-500 {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:gradient-from-red-600 {
+  .md\:from-red-600 {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:gradient-from-red-700 {
+  .md\:from-red-700 {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:gradient-from-red-800 {
+  .md\:from-red-800 {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:gradient-from-red-900 {
+  .md\:from-red-900 {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:gradient-from-orange-100 {
+  .md\:from-orange-100 {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:gradient-from-orange-200 {
+  .md\:from-orange-200 {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:gradient-from-orange-300 {
+  .md\:from-orange-300 {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:gradient-from-orange-400 {
+  .md\:from-orange-400 {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:gradient-from-orange-500 {
+  .md\:from-orange-500 {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:gradient-from-orange-600 {
+  .md\:from-orange-600 {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:gradient-from-orange-700 {
+  .md\:from-orange-700 {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:gradient-from-orange-800 {
+  .md\:from-orange-800 {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:gradient-from-orange-900 {
+  .md\:from-orange-900 {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:gradient-from-yellow-100 {
+  .md\:from-yellow-100 {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:gradient-from-yellow-200 {
+  .md\:from-yellow-200 {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:gradient-from-yellow-300 {
+  .md\:from-yellow-300 {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:gradient-from-yellow-400 {
+  .md\:from-yellow-400 {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:gradient-from-yellow-500 {
+  .md\:from-yellow-500 {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:gradient-from-yellow-600 {
+  .md\:from-yellow-600 {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:gradient-from-yellow-700 {
+  .md\:from-yellow-700 {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:gradient-from-yellow-800 {
+  .md\:from-yellow-800 {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:gradient-from-yellow-900 {
+  .md\:from-yellow-900 {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:gradient-from-green-100 {
+  .md\:from-green-100 {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:gradient-from-green-200 {
+  .md\:from-green-200 {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:gradient-from-green-300 {
+  .md\:from-green-300 {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:gradient-from-green-400 {
+  .md\:from-green-400 {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:gradient-from-green-500 {
+  .md\:from-green-500 {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:gradient-from-green-600 {
+  .md\:from-green-600 {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:gradient-from-green-700 {
+  .md\:from-green-700 {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:gradient-from-green-800 {
+  .md\:from-green-800 {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:gradient-from-green-900 {
+  .md\:from-green-900 {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:gradient-from-teal-100 {
+  .md\:from-teal-100 {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:gradient-from-teal-200 {
+  .md\:from-teal-200 {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:gradient-from-teal-300 {
+  .md\:from-teal-300 {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:gradient-from-teal-400 {
+  .md\:from-teal-400 {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:gradient-from-teal-500 {
+  .md\:from-teal-500 {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:gradient-from-teal-600 {
+  .md\:from-teal-600 {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:gradient-from-teal-700 {
+  .md\:from-teal-700 {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:gradient-from-teal-800 {
+  .md\:from-teal-800 {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:gradient-from-teal-900 {
+  .md\:from-teal-900 {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:gradient-from-blue-100 {
+  .md\:from-blue-100 {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:gradient-from-blue-200 {
+  .md\:from-blue-200 {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:gradient-from-blue-300 {
+  .md\:from-blue-300 {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:gradient-from-blue-400 {
+  .md\:from-blue-400 {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:gradient-from-blue-500 {
+  .md\:from-blue-500 {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:gradient-from-blue-600 {
+  .md\:from-blue-600 {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:gradient-from-blue-700 {
+  .md\:from-blue-700 {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:gradient-from-blue-800 {
+  .md\:from-blue-800 {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:gradient-from-blue-900 {
+  .md\:from-blue-900 {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:gradient-from-indigo-100 {
+  .md\:from-indigo-100 {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:gradient-from-indigo-200 {
+  .md\:from-indigo-200 {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:gradient-from-indigo-300 {
+  .md\:from-indigo-300 {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:gradient-from-indigo-400 {
+  .md\:from-indigo-400 {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:gradient-from-indigo-500 {
+  .md\:from-indigo-500 {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:gradient-from-indigo-600 {
+  .md\:from-indigo-600 {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:gradient-from-indigo-700 {
+  .md\:from-indigo-700 {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:gradient-from-indigo-800 {
+  .md\:from-indigo-800 {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:gradient-from-indigo-900 {
+  .md\:from-indigo-900 {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:gradient-from-purple-100 {
+  .md\:from-purple-100 {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:gradient-from-purple-200 {
+  .md\:from-purple-200 {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:gradient-from-purple-300 {
+  .md\:from-purple-300 {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:gradient-from-purple-400 {
+  .md\:from-purple-400 {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:gradient-from-purple-500 {
+  .md\:from-purple-500 {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:gradient-from-purple-600 {
+  .md\:from-purple-600 {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:gradient-from-purple-700 {
+  .md\:from-purple-700 {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:gradient-from-purple-800 {
+  .md\:from-purple-800 {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:gradient-from-purple-900 {
+  .md\:from-purple-900 {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:gradient-from-pink-100 {
+  .md\:from-pink-100 {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:gradient-from-pink-200 {
+  .md\:from-pink-200 {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:gradient-from-pink-300 {
+  .md\:from-pink-300 {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:gradient-from-pink-400 {
+  .md\:from-pink-400 {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:gradient-from-pink-500 {
+  .md\:from-pink-500 {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:gradient-from-pink-600 {
+  .md\:from-pink-600 {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:gradient-from-pink-700 {
+  .md\:from-pink-700 {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:gradient-from-pink-800 {
+  .md\:from-pink-800 {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:gradient-from-pink-900 {
+  .md\:from-pink-900 {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .md\:mid-transparent {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:gradient-mid-current {
+  .md\:mid-current {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:gradient-mid-black {
+  .md\:mid-black {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:gradient-mid-white {
+  .md\:mid-white {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:gradient-mid-gray-100 {
+  .md\:mid-gray-100 {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:gradient-mid-gray-200 {
+  .md\:mid-gray-200 {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:gradient-mid-gray-300 {
+  .md\:mid-gray-300 {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:gradient-mid-gray-400 {
+  .md\:mid-gray-400 {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:gradient-mid-gray-500 {
+  .md\:mid-gray-500 {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:gradient-mid-gray-600 {
+  .md\:mid-gray-600 {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:gradient-mid-gray-700 {
+  .md\:mid-gray-700 {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:gradient-mid-gray-800 {
+  .md\:mid-gray-800 {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:gradient-mid-gray-900 {
+  .md\:mid-gray-900 {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:gradient-mid-red-100 {
+  .md\:mid-red-100 {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:gradient-mid-red-200 {
+  .md\:mid-red-200 {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:gradient-mid-red-300 {
+  .md\:mid-red-300 {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:gradient-mid-red-400 {
+  .md\:mid-red-400 {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:gradient-mid-red-500 {
+  .md\:mid-red-500 {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:gradient-mid-red-600 {
+  .md\:mid-red-600 {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:gradient-mid-red-700 {
+  .md\:mid-red-700 {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:gradient-mid-red-800 {
+  .md\:mid-red-800 {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:gradient-mid-red-900 {
+  .md\:mid-red-900 {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:gradient-mid-orange-100 {
+  .md\:mid-orange-100 {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:gradient-mid-orange-200 {
+  .md\:mid-orange-200 {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:gradient-mid-orange-300 {
+  .md\:mid-orange-300 {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:gradient-mid-orange-400 {
+  .md\:mid-orange-400 {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:gradient-mid-orange-500 {
+  .md\:mid-orange-500 {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:gradient-mid-orange-600 {
+  .md\:mid-orange-600 {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:gradient-mid-orange-700 {
+  .md\:mid-orange-700 {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:gradient-mid-orange-800 {
+  .md\:mid-orange-800 {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:gradient-mid-orange-900 {
+  .md\:mid-orange-900 {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:gradient-mid-yellow-100 {
+  .md\:mid-yellow-100 {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:gradient-mid-yellow-200 {
+  .md\:mid-yellow-200 {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:gradient-mid-yellow-300 {
+  .md\:mid-yellow-300 {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:gradient-mid-yellow-400 {
+  .md\:mid-yellow-400 {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:gradient-mid-yellow-500 {
+  .md\:mid-yellow-500 {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:gradient-mid-yellow-600 {
+  .md\:mid-yellow-600 {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:gradient-mid-yellow-700 {
+  .md\:mid-yellow-700 {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:gradient-mid-yellow-800 {
+  .md\:mid-yellow-800 {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:gradient-mid-yellow-900 {
+  .md\:mid-yellow-900 {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:gradient-mid-green-100 {
+  .md\:mid-green-100 {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:gradient-mid-green-200 {
+  .md\:mid-green-200 {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:gradient-mid-green-300 {
+  .md\:mid-green-300 {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:gradient-mid-green-400 {
+  .md\:mid-green-400 {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:gradient-mid-green-500 {
+  .md\:mid-green-500 {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:gradient-mid-green-600 {
+  .md\:mid-green-600 {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:gradient-mid-green-700 {
+  .md\:mid-green-700 {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:gradient-mid-green-800 {
+  .md\:mid-green-800 {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:gradient-mid-green-900 {
+  .md\:mid-green-900 {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:gradient-mid-teal-100 {
+  .md\:mid-teal-100 {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:gradient-mid-teal-200 {
+  .md\:mid-teal-200 {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:gradient-mid-teal-300 {
+  .md\:mid-teal-300 {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:gradient-mid-teal-400 {
+  .md\:mid-teal-400 {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:gradient-mid-teal-500 {
+  .md\:mid-teal-500 {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:gradient-mid-teal-600 {
+  .md\:mid-teal-600 {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:gradient-mid-teal-700 {
+  .md\:mid-teal-700 {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:gradient-mid-teal-800 {
+  .md\:mid-teal-800 {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:gradient-mid-teal-900 {
+  .md\:mid-teal-900 {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:gradient-mid-blue-100 {
+  .md\:mid-blue-100 {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:gradient-mid-blue-200 {
+  .md\:mid-blue-200 {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:gradient-mid-blue-300 {
+  .md\:mid-blue-300 {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:gradient-mid-blue-400 {
+  .md\:mid-blue-400 {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:gradient-mid-blue-500 {
+  .md\:mid-blue-500 {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:gradient-mid-blue-600 {
+  .md\:mid-blue-600 {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:gradient-mid-blue-700 {
+  .md\:mid-blue-700 {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:gradient-mid-blue-800 {
+  .md\:mid-blue-800 {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:gradient-mid-blue-900 {
+  .md\:mid-blue-900 {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:gradient-mid-indigo-100 {
+  .md\:mid-indigo-100 {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:gradient-mid-indigo-200 {
+  .md\:mid-indigo-200 {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:gradient-mid-indigo-300 {
+  .md\:mid-indigo-300 {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:gradient-mid-indigo-400 {
+  .md\:mid-indigo-400 {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:gradient-mid-indigo-500 {
+  .md\:mid-indigo-500 {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:gradient-mid-indigo-600 {
+  .md\:mid-indigo-600 {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:gradient-mid-indigo-700 {
+  .md\:mid-indigo-700 {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:gradient-mid-indigo-800 {
+  .md\:mid-indigo-800 {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:gradient-mid-indigo-900 {
+  .md\:mid-indigo-900 {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:gradient-mid-purple-100 {
+  .md\:mid-purple-100 {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:gradient-mid-purple-200 {
+  .md\:mid-purple-200 {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:gradient-mid-purple-300 {
+  .md\:mid-purple-300 {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:gradient-mid-purple-400 {
+  .md\:mid-purple-400 {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:gradient-mid-purple-500 {
+  .md\:mid-purple-500 {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:gradient-mid-purple-600 {
+  .md\:mid-purple-600 {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:gradient-mid-purple-700 {
+  .md\:mid-purple-700 {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:gradient-mid-purple-800 {
+  .md\:mid-purple-800 {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:gradient-mid-purple-900 {
+  .md\:mid-purple-900 {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:gradient-mid-pink-100 {
+  .md\:mid-pink-100 {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:gradient-mid-pink-200 {
+  .md\:mid-pink-200 {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:gradient-mid-pink-300 {
+  .md\:mid-pink-300 {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:gradient-mid-pink-400 {
+  .md\:mid-pink-400 {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:gradient-mid-pink-500 {
+  .md\:mid-pink-500 {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:gradient-mid-pink-600 {
+  .md\:mid-pink-600 {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:gradient-mid-pink-700 {
+  .md\:mid-pink-700 {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:gradient-mid-pink-800 {
+  .md\:mid-pink-800 {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:gradient-mid-pink-900 {
+  .md\:mid-pink-900 {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .md\:hover\:gradient-from-transparent:hover {
+  .md\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .md\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .md\:to-black {
+    --gradient-to-color: #000;
+  }
+
+  .md\:to-white {
+    --gradient-to-color: #fff;
+  }
+
+  .md\:to-gray-100 {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .md\:to-gray-200 {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .md\:to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .md\:to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .md\:to-gray-500 {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .md\:to-gray-600 {
+    --gradient-to-color: #718096;
+  }
+
+  .md\:to-gray-700 {
+    --gradient-to-color: #4a5568;
+  }
+
+  .md\:to-gray-800 {
+    --gradient-to-color: #2d3748;
+  }
+
+  .md\:to-gray-900 {
+    --gradient-to-color: #1a202c;
+  }
+
+  .md\:to-red-100 {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .md\:to-red-200 {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .md\:to-red-300 {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .md\:to-red-400 {
+    --gradient-to-color: #fc8181;
+  }
+
+  .md\:to-red-500 {
+    --gradient-to-color: #f56565;
+  }
+
+  .md\:to-red-600 {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .md\:to-red-700 {
+    --gradient-to-color: #c53030;
+  }
+
+  .md\:to-red-800 {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .md\:to-red-900 {
+    --gradient-to-color: #742a2a;
+  }
+
+  .md\:to-orange-100 {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .md\:to-orange-200 {
+    --gradient-to-color: #feebc8;
+  }
+
+  .md\:to-orange-300 {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .md\:to-orange-400 {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .md\:to-orange-500 {
+    --gradient-to-color: #ed8936;
+  }
+
+  .md\:to-orange-600 {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .md\:to-orange-700 {
+    --gradient-to-color: #c05621;
+  }
+
+  .md\:to-orange-800 {
+    --gradient-to-color: #9c4221;
+  }
+
+  .md\:to-orange-900 {
+    --gradient-to-color: #7b341e;
+  }
+
+  .md\:to-yellow-100 {
+    --gradient-to-color: #fffff0;
+  }
+
+  .md\:to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .md\:to-yellow-300 {
+    --gradient-to-color: #faf089;
+  }
+
+  .md\:to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .md\:to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .md\:to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .md\:to-yellow-700 {
+    --gradient-to-color: #b7791f;
+  }
+
+  .md\:to-yellow-800 {
+    --gradient-to-color: #975a16;
+  }
+
+  .md\:to-yellow-900 {
+    --gradient-to-color: #744210;
+  }
+
+  .md\:to-green-100 {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .md\:to-green-200 {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .md\:to-green-300 {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .md\:to-green-400 {
+    --gradient-to-color: #68d391;
+  }
+
+  .md\:to-green-500 {
+    --gradient-to-color: #48bb78;
+  }
+
+  .md\:to-green-600 {
+    --gradient-to-color: #38a169;
+  }
+
+  .md\:to-green-700 {
+    --gradient-to-color: #2f855a;
+  }
+
+  .md\:to-green-800 {
+    --gradient-to-color: #276749;
+  }
+
+  .md\:to-green-900 {
+    --gradient-to-color: #22543d;
+  }
+
+  .md\:to-teal-100 {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .md\:to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .md\:to-teal-300 {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .md\:to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .md\:to-teal-500 {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .md\:to-teal-600 {
+    --gradient-to-color: #319795;
+  }
+
+  .md\:to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .md\:to-teal-800 {
+    --gradient-to-color: #285e61;
+  }
+
+  .md\:to-teal-900 {
+    --gradient-to-color: #234e52;
+  }
+
+  .md\:to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .md\:to-blue-200 {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .md\:to-blue-300 {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .md\:to-blue-400 {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .md\:to-blue-500 {
+    --gradient-to-color: #4299e1;
+  }
+
+  .md\:to-blue-600 {
+    --gradient-to-color: #3182ce;
+  }
+
+  .md\:to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .md\:to-blue-800 {
+    --gradient-to-color: #2c5282;
+  }
+
+  .md\:to-blue-900 {
+    --gradient-to-color: #2a4365;
+  }
+
+  .md\:to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .md\:to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .md\:to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .md\:to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .md\:to-indigo-500 {
+    --gradient-to-color: #667eea;
+  }
+
+  .md\:to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .md\:to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .md\:to-indigo-800 {
+    --gradient-to-color: #434190;
+  }
+
+  .md\:to-indigo-900 {
+    --gradient-to-color: #3c366b;
+  }
+
+  .md\:to-purple-100 {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .md\:to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .md\:to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .md\:to-purple-400 {
+    --gradient-to-color: #b794f4;
+  }
+
+  .md\:to-purple-500 {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .md\:to-purple-600 {
+    --gradient-to-color: #805ad5;
+  }
+
+  .md\:to-purple-700 {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .md\:to-purple-800 {
+    --gradient-to-color: #553c9a;
+  }
+
+  .md\:to-purple-900 {
+    --gradient-to-color: #44337a;
+  }
+
+  .md\:to-pink-100 {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .md\:to-pink-200 {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .md\:to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .md\:to-pink-400 {
+    --gradient-to-color: #f687b3;
+  }
+
+  .md\:to-pink-500 {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .md\:to-pink-600 {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .md\:to-pink-700 {
+    --gradient-to-color: #b83280;
+  }
+
+  .md\:to-pink-800 {
+    --gradient-to-color: #97266d;
+  }
+
+  .md\:to-pink-900 {
+    --gradient-to-color: #702459;
+  }
+
+  .md\:hover\:from-transparent:hover {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:gradient-from-current:hover {
+  .md\:hover\:from-current:hover {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:gradient-from-black:hover {
+  .md\:hover\:from-black:hover {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:gradient-from-white:hover {
+  .md\:hover\:from-white:hover {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:gradient-from-gray-100:hover {
+  .md\:hover\:from-gray-100:hover {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:hover\:gradient-from-gray-200:hover {
+  .md\:hover\:from-gray-200:hover {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:hover\:gradient-from-gray-300:hover {
+  .md\:hover\:from-gray-300:hover {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:hover\:gradient-from-gray-400:hover {
+  .md\:hover\:from-gray-400:hover {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:hover\:gradient-from-gray-500:hover {
+  .md\:hover\:from-gray-500:hover {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:hover\:gradient-from-gray-600:hover {
+  .md\:hover\:from-gray-600:hover {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:hover\:gradient-from-gray-700:hover {
+  .md\:hover\:from-gray-700:hover {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:hover\:gradient-from-gray-800:hover {
+  .md\:hover\:from-gray-800:hover {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:hover\:gradient-from-gray-900:hover {
+  .md\:hover\:from-gray-900:hover {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:hover\:gradient-from-red-100:hover {
+  .md\:hover\:from-red-100:hover {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:hover\:gradient-from-red-200:hover {
+  .md\:hover\:from-red-200:hover {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:hover\:gradient-from-red-300:hover {
+  .md\:hover\:from-red-300:hover {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:hover\:gradient-from-red-400:hover {
+  .md\:hover\:from-red-400:hover {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:hover\:gradient-from-red-500:hover {
+  .md\:hover\:from-red-500:hover {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:hover\:gradient-from-red-600:hover {
+  .md\:hover\:from-red-600:hover {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:hover\:gradient-from-red-700:hover {
+  .md\:hover\:from-red-700:hover {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:hover\:gradient-from-red-800:hover {
+  .md\:hover\:from-red-800:hover {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:hover\:gradient-from-red-900:hover {
+  .md\:hover\:from-red-900:hover {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:hover\:gradient-from-orange-100:hover {
+  .md\:hover\:from-orange-100:hover {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:hover\:gradient-from-orange-200:hover {
+  .md\:hover\:from-orange-200:hover {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:hover\:gradient-from-orange-300:hover {
+  .md\:hover\:from-orange-300:hover {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:hover\:gradient-from-orange-400:hover {
+  .md\:hover\:from-orange-400:hover {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:hover\:gradient-from-orange-500:hover {
+  .md\:hover\:from-orange-500:hover {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:hover\:gradient-from-orange-600:hover {
+  .md\:hover\:from-orange-600:hover {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:hover\:gradient-from-orange-700:hover {
+  .md\:hover\:from-orange-700:hover {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:hover\:gradient-from-orange-800:hover {
+  .md\:hover\:from-orange-800:hover {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:hover\:gradient-from-orange-900:hover {
+  .md\:hover\:from-orange-900:hover {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-100:hover {
+  .md\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-200:hover {
+  .md\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-300:hover {
+  .md\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-400:hover {
+  .md\:hover\:from-yellow-400:hover {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-500:hover {
+  .md\:hover\:from-yellow-500:hover {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-600:hover {
+  .md\:hover\:from-yellow-600:hover {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-700:hover {
+  .md\:hover\:from-yellow-700:hover {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-800:hover {
+  .md\:hover\:from-yellow-800:hover {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:hover\:gradient-from-yellow-900:hover {
+  .md\:hover\:from-yellow-900:hover {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:hover\:gradient-from-green-100:hover {
+  .md\:hover\:from-green-100:hover {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:hover\:gradient-from-green-200:hover {
+  .md\:hover\:from-green-200:hover {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:hover\:gradient-from-green-300:hover {
+  .md\:hover\:from-green-300:hover {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:hover\:gradient-from-green-400:hover {
+  .md\:hover\:from-green-400:hover {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:hover\:gradient-from-green-500:hover {
+  .md\:hover\:from-green-500:hover {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:hover\:gradient-from-green-600:hover {
+  .md\:hover\:from-green-600:hover {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:hover\:gradient-from-green-700:hover {
+  .md\:hover\:from-green-700:hover {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:hover\:gradient-from-green-800:hover {
+  .md\:hover\:from-green-800:hover {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:hover\:gradient-from-green-900:hover {
+  .md\:hover\:from-green-900:hover {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:hover\:gradient-from-teal-100:hover {
+  .md\:hover\:from-teal-100:hover {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:hover\:gradient-from-teal-200:hover {
+  .md\:hover\:from-teal-200:hover {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:hover\:gradient-from-teal-300:hover {
+  .md\:hover\:from-teal-300:hover {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:hover\:gradient-from-teal-400:hover {
+  .md\:hover\:from-teal-400:hover {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:hover\:gradient-from-teal-500:hover {
+  .md\:hover\:from-teal-500:hover {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:hover\:gradient-from-teal-600:hover {
+  .md\:hover\:from-teal-600:hover {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:hover\:gradient-from-teal-700:hover {
+  .md\:hover\:from-teal-700:hover {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:hover\:gradient-from-teal-800:hover {
+  .md\:hover\:from-teal-800:hover {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:hover\:gradient-from-teal-900:hover {
+  .md\:hover\:from-teal-900:hover {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:hover\:gradient-from-blue-100:hover {
+  .md\:hover\:from-blue-100:hover {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:hover\:gradient-from-blue-200:hover {
+  .md\:hover\:from-blue-200:hover {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:hover\:gradient-from-blue-300:hover {
+  .md\:hover\:from-blue-300:hover {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:hover\:gradient-from-blue-400:hover {
+  .md\:hover\:from-blue-400:hover {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:hover\:gradient-from-blue-500:hover {
+  .md\:hover\:from-blue-500:hover {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:hover\:gradient-from-blue-600:hover {
+  .md\:hover\:from-blue-600:hover {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:hover\:gradient-from-blue-700:hover {
+  .md\:hover\:from-blue-700:hover {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:hover\:gradient-from-blue-800:hover {
+  .md\:hover\:from-blue-800:hover {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:hover\:gradient-from-blue-900:hover {
+  .md\:hover\:from-blue-900:hover {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-100:hover {
+  .md\:hover\:from-indigo-100:hover {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-200:hover {
+  .md\:hover\:from-indigo-200:hover {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-300:hover {
+  .md\:hover\:from-indigo-300:hover {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-400:hover {
+  .md\:hover\:from-indigo-400:hover {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-500:hover {
+  .md\:hover\:from-indigo-500:hover {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-600:hover {
+  .md\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-700:hover {
+  .md\:hover\:from-indigo-700:hover {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-800:hover {
+  .md\:hover\:from-indigo-800:hover {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:hover\:gradient-from-indigo-900:hover {
+  .md\:hover\:from-indigo-900:hover {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:hover\:gradient-from-purple-100:hover {
+  .md\:hover\:from-purple-100:hover {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:hover\:gradient-from-purple-200:hover {
+  .md\:hover\:from-purple-200:hover {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:hover\:gradient-from-purple-300:hover {
+  .md\:hover\:from-purple-300:hover {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:hover\:gradient-from-purple-400:hover {
+  .md\:hover\:from-purple-400:hover {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:hover\:gradient-from-purple-500:hover {
+  .md\:hover\:from-purple-500:hover {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:hover\:gradient-from-purple-600:hover {
+  .md\:hover\:from-purple-600:hover {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:hover\:gradient-from-purple-700:hover {
+  .md\:hover\:from-purple-700:hover {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:hover\:gradient-from-purple-800:hover {
+  .md\:hover\:from-purple-800:hover {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:hover\:gradient-from-purple-900:hover {
+  .md\:hover\:from-purple-900:hover {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:hover\:gradient-from-pink-100:hover {
+  .md\:hover\:from-pink-100:hover {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:hover\:gradient-from-pink-200:hover {
+  .md\:hover\:from-pink-200:hover {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:hover\:gradient-from-pink-300:hover {
+  .md\:hover\:from-pink-300:hover {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:hover\:gradient-from-pink-400:hover {
+  .md\:hover\:from-pink-400:hover {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:hover\:gradient-from-pink-500:hover {
+  .md\:hover\:from-pink-500:hover {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:hover\:gradient-from-pink-600:hover {
+  .md\:hover\:from-pink-600:hover {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:hover\:gradient-from-pink-700:hover {
+  .md\:hover\:from-pink-700:hover {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:hover\:gradient-from-pink-800:hover {
+  .md\:hover\:from-pink-800:hover {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:hover\:gradient-from-pink-900:hover {
+  .md\:hover\:from-pink-900:hover {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .md\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:gradient-mid-current:hover {
+  .md\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-black:hover {
+  .md\:hover\:mid-black:hover {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:gradient-mid-white:hover {
+  .md\:hover\:mid-white:hover {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-100:hover {
+  .md\:hover\:mid-gray-100:hover {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-200:hover {
+  .md\:hover\:mid-gray-200:hover {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-300:hover {
+  .md\:hover\:mid-gray-300:hover {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-400:hover {
+  .md\:hover\:mid-gray-400:hover {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-500:hover {
+  .md\:hover\:mid-gray-500:hover {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-600:hover {
+  .md\:hover\:mid-gray-600:hover {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-700:hover {
+  .md\:hover\:mid-gray-700:hover {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-800:hover {
+  .md\:hover\:mid-gray-800:hover {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:hover\:gradient-mid-gray-900:hover {
+  .md\:hover\:mid-gray-900:hover {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:hover\:gradient-mid-red-100:hover {
+  .md\:hover\:mid-red-100:hover {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:hover\:gradient-mid-red-200:hover {
+  .md\:hover\:mid-red-200:hover {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:hover\:gradient-mid-red-300:hover {
+  .md\:hover\:mid-red-300:hover {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:hover\:gradient-mid-red-400:hover {
+  .md\:hover\:mid-red-400:hover {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:hover\:gradient-mid-red-500:hover {
+  .md\:hover\:mid-red-500:hover {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:hover\:gradient-mid-red-600:hover {
+  .md\:hover\:mid-red-600:hover {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:hover\:gradient-mid-red-700:hover {
+  .md\:hover\:mid-red-700:hover {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:hover\:gradient-mid-red-800:hover {
+  .md\:hover\:mid-red-800:hover {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:hover\:gradient-mid-red-900:hover {
+  .md\:hover\:mid-red-900:hover {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-100:hover {
+  .md\:hover\:mid-orange-100:hover {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-200:hover {
+  .md\:hover\:mid-orange-200:hover {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-300:hover {
+  .md\:hover\:mid-orange-300:hover {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-400:hover {
+  .md\:hover\:mid-orange-400:hover {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-500:hover {
+  .md\:hover\:mid-orange-500:hover {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-600:hover {
+  .md\:hover\:mid-orange-600:hover {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-700:hover {
+  .md\:hover\:mid-orange-700:hover {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-800:hover {
+  .md\:hover\:mid-orange-800:hover {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:hover\:gradient-mid-orange-900:hover {
+  .md\:hover\:mid-orange-900:hover {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-100:hover {
+  .md\:hover\:mid-yellow-100:hover {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-200:hover {
+  .md\:hover\:mid-yellow-200:hover {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-300:hover {
+  .md\:hover\:mid-yellow-300:hover {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-400:hover {
+  .md\:hover\:mid-yellow-400:hover {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-500:hover {
+  .md\:hover\:mid-yellow-500:hover {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-600:hover {
+  .md\:hover\:mid-yellow-600:hover {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-700:hover {
+  .md\:hover\:mid-yellow-700:hover {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-800:hover {
+  .md\:hover\:mid-yellow-800:hover {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:hover\:gradient-mid-yellow-900:hover {
+  .md\:hover\:mid-yellow-900:hover {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:hover\:gradient-mid-green-100:hover {
+  .md\:hover\:mid-green-100:hover {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:hover\:gradient-mid-green-200:hover {
+  .md\:hover\:mid-green-200:hover {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:hover\:gradient-mid-green-300:hover {
+  .md\:hover\:mid-green-300:hover {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:hover\:gradient-mid-green-400:hover {
+  .md\:hover\:mid-green-400:hover {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:hover\:gradient-mid-green-500:hover {
+  .md\:hover\:mid-green-500:hover {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:hover\:gradient-mid-green-600:hover {
+  .md\:hover\:mid-green-600:hover {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:hover\:gradient-mid-green-700:hover {
+  .md\:hover\:mid-green-700:hover {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:hover\:gradient-mid-green-800:hover {
+  .md\:hover\:mid-green-800:hover {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:hover\:gradient-mid-green-900:hover {
+  .md\:hover\:mid-green-900:hover {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-100:hover {
+  .md\:hover\:mid-teal-100:hover {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-200:hover {
+  .md\:hover\:mid-teal-200:hover {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-300:hover {
+  .md\:hover\:mid-teal-300:hover {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-400:hover {
+  .md\:hover\:mid-teal-400:hover {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-500:hover {
+  .md\:hover\:mid-teal-500:hover {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-600:hover {
+  .md\:hover\:mid-teal-600:hover {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-700:hover {
+  .md\:hover\:mid-teal-700:hover {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-800:hover {
+  .md\:hover\:mid-teal-800:hover {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:hover\:gradient-mid-teal-900:hover {
+  .md\:hover\:mid-teal-900:hover {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-100:hover {
+  .md\:hover\:mid-blue-100:hover {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-200:hover {
+  .md\:hover\:mid-blue-200:hover {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-300:hover {
+  .md\:hover\:mid-blue-300:hover {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-400:hover {
+  .md\:hover\:mid-blue-400:hover {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-500:hover {
+  .md\:hover\:mid-blue-500:hover {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-600:hover {
+  .md\:hover\:mid-blue-600:hover {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-700:hover {
+  .md\:hover\:mid-blue-700:hover {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-800:hover {
+  .md\:hover\:mid-blue-800:hover {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:hover\:gradient-mid-blue-900:hover {
+  .md\:hover\:mid-blue-900:hover {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-100:hover {
+  .md\:hover\:mid-indigo-100:hover {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-200:hover {
+  .md\:hover\:mid-indigo-200:hover {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-300:hover {
+  .md\:hover\:mid-indigo-300:hover {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-400:hover {
+  .md\:hover\:mid-indigo-400:hover {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-500:hover {
+  .md\:hover\:mid-indigo-500:hover {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-600:hover {
+  .md\:hover\:mid-indigo-600:hover {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-700:hover {
+  .md\:hover\:mid-indigo-700:hover {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-800:hover {
+  .md\:hover\:mid-indigo-800:hover {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:hover\:gradient-mid-indigo-900:hover {
+  .md\:hover\:mid-indigo-900:hover {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-100:hover {
+  .md\:hover\:mid-purple-100:hover {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-200:hover {
+  .md\:hover\:mid-purple-200:hover {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-300:hover {
+  .md\:hover\:mid-purple-300:hover {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-400:hover {
+  .md\:hover\:mid-purple-400:hover {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-500:hover {
+  .md\:hover\:mid-purple-500:hover {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-600:hover {
+  .md\:hover\:mid-purple-600:hover {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-700:hover {
+  .md\:hover\:mid-purple-700:hover {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-800:hover {
+  .md\:hover\:mid-purple-800:hover {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:hover\:gradient-mid-purple-900:hover {
+  .md\:hover\:mid-purple-900:hover {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-100:hover {
+  .md\:hover\:mid-pink-100:hover {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-200:hover {
+  .md\:hover\:mid-pink-200:hover {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-300:hover {
+  .md\:hover\:mid-pink-300:hover {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-400:hover {
+  .md\:hover\:mid-pink-400:hover {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-500:hover {
+  .md\:hover\:mid-pink-500:hover {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-600:hover {
+  .md\:hover\:mid-pink-600:hover {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-700:hover {
+  .md\:hover\:mid-pink-700:hover {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-800:hover {
+  .md\:hover\:mid-pink-800:hover {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:hover\:gradient-mid-pink-900:hover {
+  .md\:hover\:mid-pink-900:hover {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .md\:focus\:gradient-from-transparent:focus {
+  .md\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .md\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .md\:hover\:to-black:hover {
+    --gradient-to-color: #000;
+  }
+
+  .md\:hover\:to-white:hover {
+    --gradient-to-color: #fff;
+  }
+
+  .md\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .md\:hover\:to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .md\:hover\:to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .md\:hover\:to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .md\:hover\:to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .md\:hover\:to-gray-600:hover {
+    --gradient-to-color: #718096;
+  }
+
+  .md\:hover\:to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+  }
+
+  .md\:hover\:to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+  }
+
+  .md\:hover\:to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+  }
+
+  .md\:hover\:to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .md\:hover\:to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .md\:hover\:to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .md\:hover\:to-red-400:hover {
+    --gradient-to-color: #fc8181;
+  }
+
+  .md\:hover\:to-red-500:hover {
+    --gradient-to-color: #f56565;
+  }
+
+  .md\:hover\:to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .md\:hover\:to-red-700:hover {
+    --gradient-to-color: #c53030;
+  }
+
+  .md\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .md\:hover\:to-red-900:hover {
+    --gradient-to-color: #742a2a;
+  }
+
+  .md\:hover\:to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .md\:hover\:to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+  }
+
+  .md\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .md\:hover\:to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .md\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+  }
+
+  .md\:hover\:to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .md\:hover\:to-orange-700:hover {
+    --gradient-to-color: #c05621;
+  }
+
+  .md\:hover\:to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+  }
+
+  .md\:hover\:to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+  }
+
+  .md\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+  }
+
+  .md\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .md\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+  }
+
+  .md\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .md\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .md\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .md\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+  }
+
+  .md\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+  }
+
+  .md\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #744210;
+  }
+
+  .md\:hover\:to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .md\:hover\:to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .md\:hover\:to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .md\:hover\:to-green-400:hover {
+    --gradient-to-color: #68d391;
+  }
+
+  .md\:hover\:to-green-500:hover {
+    --gradient-to-color: #48bb78;
+  }
+
+  .md\:hover\:to-green-600:hover {
+    --gradient-to-color: #38a169;
+  }
+
+  .md\:hover\:to-green-700:hover {
+    --gradient-to-color: #2f855a;
+  }
+
+  .md\:hover\:to-green-800:hover {
+    --gradient-to-color: #276749;
+  }
+
+  .md\:hover\:to-green-900:hover {
+    --gradient-to-color: #22543d;
+  }
+
+  .md\:hover\:to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .md\:hover\:to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .md\:hover\:to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .md\:hover\:to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .md\:hover\:to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .md\:hover\:to-teal-600:hover {
+    --gradient-to-color: #319795;
+  }
+
+  .md\:hover\:to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .md\:hover\:to-teal-800:hover {
+    --gradient-to-color: #285e61;
+  }
+
+  .md\:hover\:to-teal-900:hover {
+    --gradient-to-color: #234e52;
+  }
+
+  .md\:hover\:to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .md\:hover\:to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .md\:hover\:to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .md\:hover\:to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .md\:hover\:to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+  }
+
+  .md\:hover\:to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+  }
+
+  .md\:hover\:to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .md\:hover\:to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+  }
+
+  .md\:hover\:to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+  }
+
+  .md\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .md\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .md\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .md\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .md\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+  }
+
+  .md\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .md\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .md\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #434190;
+  }
+
+  .md\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+  }
+
+  .md\:hover\:to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .md\:hover\:to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .md\:hover\:to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .md\:hover\:to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+  }
+
+  .md\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .md\:hover\:to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+  }
+
+  .md\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .md\:hover\:to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+  }
+
+  .md\:hover\:to-purple-900:hover {
+    --gradient-to-color: #44337a;
+  }
+
+  .md\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .md\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .md\:hover\:to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .md\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+  }
+
+  .md\:hover\:to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .md\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .md\:hover\:to-pink-700:hover {
+    --gradient-to-color: #b83280;
+  }
+
+  .md\:hover\:to-pink-800:hover {
+    --gradient-to-color: #97266d;
+  }
+
+  .md\:hover\:to-pink-900:hover {
+    --gradient-to-color: #702459;
+  }
+
+  .md\:focus\:from-transparent:focus {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:gradient-from-current:focus {
+  .md\:focus\:from-current:focus {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:gradient-from-black:focus {
+  .md\:focus\:from-black:focus {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:gradient-from-white:focus {
+  .md\:focus\:from-white:focus {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:gradient-from-gray-100:focus {
+  .md\:focus\:from-gray-100:focus {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:focus\:gradient-from-gray-200:focus {
+  .md\:focus\:from-gray-200:focus {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:focus\:gradient-from-gray-300:focus {
+  .md\:focus\:from-gray-300:focus {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:focus\:gradient-from-gray-400:focus {
+  .md\:focus\:from-gray-400:focus {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:focus\:gradient-from-gray-500:focus {
+  .md\:focus\:from-gray-500:focus {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:focus\:gradient-from-gray-600:focus {
+  .md\:focus\:from-gray-600:focus {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:focus\:gradient-from-gray-700:focus {
+  .md\:focus\:from-gray-700:focus {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:focus\:gradient-from-gray-800:focus {
+  .md\:focus\:from-gray-800:focus {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:focus\:gradient-from-gray-900:focus {
+  .md\:focus\:from-gray-900:focus {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:focus\:gradient-from-red-100:focus {
+  .md\:focus\:from-red-100:focus {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:focus\:gradient-from-red-200:focus {
+  .md\:focus\:from-red-200:focus {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:focus\:gradient-from-red-300:focus {
+  .md\:focus\:from-red-300:focus {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:focus\:gradient-from-red-400:focus {
+  .md\:focus\:from-red-400:focus {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:focus\:gradient-from-red-500:focus {
+  .md\:focus\:from-red-500:focus {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:focus\:gradient-from-red-600:focus {
+  .md\:focus\:from-red-600:focus {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:focus\:gradient-from-red-700:focus {
+  .md\:focus\:from-red-700:focus {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:focus\:gradient-from-red-800:focus {
+  .md\:focus\:from-red-800:focus {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:focus\:gradient-from-red-900:focus {
+  .md\:focus\:from-red-900:focus {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:focus\:gradient-from-orange-100:focus {
+  .md\:focus\:from-orange-100:focus {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:focus\:gradient-from-orange-200:focus {
+  .md\:focus\:from-orange-200:focus {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:focus\:gradient-from-orange-300:focus {
+  .md\:focus\:from-orange-300:focus {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:focus\:gradient-from-orange-400:focus {
+  .md\:focus\:from-orange-400:focus {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:focus\:gradient-from-orange-500:focus {
+  .md\:focus\:from-orange-500:focus {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:focus\:gradient-from-orange-600:focus {
+  .md\:focus\:from-orange-600:focus {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:focus\:gradient-from-orange-700:focus {
+  .md\:focus\:from-orange-700:focus {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:focus\:gradient-from-orange-800:focus {
+  .md\:focus\:from-orange-800:focus {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:focus\:gradient-from-orange-900:focus {
+  .md\:focus\:from-orange-900:focus {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-100:focus {
+  .md\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-200:focus {
+  .md\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-300:focus {
+  .md\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-400:focus {
+  .md\:focus\:from-yellow-400:focus {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-500:focus {
+  .md\:focus\:from-yellow-500:focus {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-600:focus {
+  .md\:focus\:from-yellow-600:focus {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-700:focus {
+  .md\:focus\:from-yellow-700:focus {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-800:focus {
+  .md\:focus\:from-yellow-800:focus {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:focus\:gradient-from-yellow-900:focus {
+  .md\:focus\:from-yellow-900:focus {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:focus\:gradient-from-green-100:focus {
+  .md\:focus\:from-green-100:focus {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:focus\:gradient-from-green-200:focus {
+  .md\:focus\:from-green-200:focus {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:focus\:gradient-from-green-300:focus {
+  .md\:focus\:from-green-300:focus {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:focus\:gradient-from-green-400:focus {
+  .md\:focus\:from-green-400:focus {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:focus\:gradient-from-green-500:focus {
+  .md\:focus\:from-green-500:focus {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:focus\:gradient-from-green-600:focus {
+  .md\:focus\:from-green-600:focus {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:focus\:gradient-from-green-700:focus {
+  .md\:focus\:from-green-700:focus {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:focus\:gradient-from-green-800:focus {
+  .md\:focus\:from-green-800:focus {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:focus\:gradient-from-green-900:focus {
+  .md\:focus\:from-green-900:focus {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:focus\:gradient-from-teal-100:focus {
+  .md\:focus\:from-teal-100:focus {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:focus\:gradient-from-teal-200:focus {
+  .md\:focus\:from-teal-200:focus {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:focus\:gradient-from-teal-300:focus {
+  .md\:focus\:from-teal-300:focus {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:focus\:gradient-from-teal-400:focus {
+  .md\:focus\:from-teal-400:focus {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:focus\:gradient-from-teal-500:focus {
+  .md\:focus\:from-teal-500:focus {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:focus\:gradient-from-teal-600:focus {
+  .md\:focus\:from-teal-600:focus {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:focus\:gradient-from-teal-700:focus {
+  .md\:focus\:from-teal-700:focus {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:focus\:gradient-from-teal-800:focus {
+  .md\:focus\:from-teal-800:focus {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:focus\:gradient-from-teal-900:focus {
+  .md\:focus\:from-teal-900:focus {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:focus\:gradient-from-blue-100:focus {
+  .md\:focus\:from-blue-100:focus {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:focus\:gradient-from-blue-200:focus {
+  .md\:focus\:from-blue-200:focus {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:focus\:gradient-from-blue-300:focus {
+  .md\:focus\:from-blue-300:focus {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:focus\:gradient-from-blue-400:focus {
+  .md\:focus\:from-blue-400:focus {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:focus\:gradient-from-blue-500:focus {
+  .md\:focus\:from-blue-500:focus {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:focus\:gradient-from-blue-600:focus {
+  .md\:focus\:from-blue-600:focus {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:focus\:gradient-from-blue-700:focus {
+  .md\:focus\:from-blue-700:focus {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:focus\:gradient-from-blue-800:focus {
+  .md\:focus\:from-blue-800:focus {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:focus\:gradient-from-blue-900:focus {
+  .md\:focus\:from-blue-900:focus {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-100:focus {
+  .md\:focus\:from-indigo-100:focus {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-200:focus {
+  .md\:focus\:from-indigo-200:focus {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-300:focus {
+  .md\:focus\:from-indigo-300:focus {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-400:focus {
+  .md\:focus\:from-indigo-400:focus {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-500:focus {
+  .md\:focus\:from-indigo-500:focus {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-600:focus {
+  .md\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-700:focus {
+  .md\:focus\:from-indigo-700:focus {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-800:focus {
+  .md\:focus\:from-indigo-800:focus {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:focus\:gradient-from-indigo-900:focus {
+  .md\:focus\:from-indigo-900:focus {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:focus\:gradient-from-purple-100:focus {
+  .md\:focus\:from-purple-100:focus {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:focus\:gradient-from-purple-200:focus {
+  .md\:focus\:from-purple-200:focus {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:focus\:gradient-from-purple-300:focus {
+  .md\:focus\:from-purple-300:focus {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:focus\:gradient-from-purple-400:focus {
+  .md\:focus\:from-purple-400:focus {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:focus\:gradient-from-purple-500:focus {
+  .md\:focus\:from-purple-500:focus {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:focus\:gradient-from-purple-600:focus {
+  .md\:focus\:from-purple-600:focus {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:focus\:gradient-from-purple-700:focus {
+  .md\:focus\:from-purple-700:focus {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:focus\:gradient-from-purple-800:focus {
+  .md\:focus\:from-purple-800:focus {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:focus\:gradient-from-purple-900:focus {
+  .md\:focus\:from-purple-900:focus {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:focus\:gradient-from-pink-100:focus {
+  .md\:focus\:from-pink-100:focus {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:focus\:gradient-from-pink-200:focus {
+  .md\:focus\:from-pink-200:focus {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:focus\:gradient-from-pink-300:focus {
+  .md\:focus\:from-pink-300:focus {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:focus\:gradient-from-pink-400:focus {
+  .md\:focus\:from-pink-400:focus {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:focus\:gradient-from-pink-500:focus {
+  .md\:focus\:from-pink-500:focus {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:focus\:gradient-from-pink-600:focus {
+  .md\:focus\:from-pink-600:focus {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:focus\:gradient-from-pink-700:focus {
+  .md\:focus\:from-pink-700:focus {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:focus\:gradient-from-pink-800:focus {
+  .md\:focus\:from-pink-800:focus {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:focus\:gradient-from-pink-900:focus {
+  .md\:focus\:from-pink-900:focus {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .md\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:gradient-mid-current:focus {
+  .md\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-black:focus {
+  .md\:focus\:mid-black:focus {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:gradient-mid-white:focus {
+  .md\:focus\:mid-white:focus {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-100:focus {
+  .md\:focus\:mid-gray-100:focus {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-200:focus {
+  .md\:focus\:mid-gray-200:focus {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-300:focus {
+  .md\:focus\:mid-gray-300:focus {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-400:focus {
+  .md\:focus\:mid-gray-400:focus {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-500:focus {
+  .md\:focus\:mid-gray-500:focus {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-600:focus {
+  .md\:focus\:mid-gray-600:focus {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-700:focus {
+  .md\:focus\:mid-gray-700:focus {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-800:focus {
+  .md\:focus\:mid-gray-800:focus {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:focus\:gradient-mid-gray-900:focus {
+  .md\:focus\:mid-gray-900:focus {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:focus\:gradient-mid-red-100:focus {
+  .md\:focus\:mid-red-100:focus {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:focus\:gradient-mid-red-200:focus {
+  .md\:focus\:mid-red-200:focus {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:focus\:gradient-mid-red-300:focus {
+  .md\:focus\:mid-red-300:focus {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:focus\:gradient-mid-red-400:focus {
+  .md\:focus\:mid-red-400:focus {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:focus\:gradient-mid-red-500:focus {
+  .md\:focus\:mid-red-500:focus {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:focus\:gradient-mid-red-600:focus {
+  .md\:focus\:mid-red-600:focus {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:focus\:gradient-mid-red-700:focus {
+  .md\:focus\:mid-red-700:focus {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:focus\:gradient-mid-red-800:focus {
+  .md\:focus\:mid-red-800:focus {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:focus\:gradient-mid-red-900:focus {
+  .md\:focus\:mid-red-900:focus {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-100:focus {
+  .md\:focus\:mid-orange-100:focus {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-200:focus {
+  .md\:focus\:mid-orange-200:focus {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-300:focus {
+  .md\:focus\:mid-orange-300:focus {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-400:focus {
+  .md\:focus\:mid-orange-400:focus {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-500:focus {
+  .md\:focus\:mid-orange-500:focus {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-600:focus {
+  .md\:focus\:mid-orange-600:focus {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-700:focus {
+  .md\:focus\:mid-orange-700:focus {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-800:focus {
+  .md\:focus\:mid-orange-800:focus {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:focus\:gradient-mid-orange-900:focus {
+  .md\:focus\:mid-orange-900:focus {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-100:focus {
+  .md\:focus\:mid-yellow-100:focus {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-200:focus {
+  .md\:focus\:mid-yellow-200:focus {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-300:focus {
+  .md\:focus\:mid-yellow-300:focus {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-400:focus {
+  .md\:focus\:mid-yellow-400:focus {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-500:focus {
+  .md\:focus\:mid-yellow-500:focus {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-600:focus {
+  .md\:focus\:mid-yellow-600:focus {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-700:focus {
+  .md\:focus\:mid-yellow-700:focus {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-800:focus {
+  .md\:focus\:mid-yellow-800:focus {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:focus\:gradient-mid-yellow-900:focus {
+  .md\:focus\:mid-yellow-900:focus {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:focus\:gradient-mid-green-100:focus {
+  .md\:focus\:mid-green-100:focus {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:focus\:gradient-mid-green-200:focus {
+  .md\:focus\:mid-green-200:focus {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:focus\:gradient-mid-green-300:focus {
+  .md\:focus\:mid-green-300:focus {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:focus\:gradient-mid-green-400:focus {
+  .md\:focus\:mid-green-400:focus {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:focus\:gradient-mid-green-500:focus {
+  .md\:focus\:mid-green-500:focus {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:focus\:gradient-mid-green-600:focus {
+  .md\:focus\:mid-green-600:focus {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:focus\:gradient-mid-green-700:focus {
+  .md\:focus\:mid-green-700:focus {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:focus\:gradient-mid-green-800:focus {
+  .md\:focus\:mid-green-800:focus {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:focus\:gradient-mid-green-900:focus {
+  .md\:focus\:mid-green-900:focus {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-100:focus {
+  .md\:focus\:mid-teal-100:focus {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-200:focus {
+  .md\:focus\:mid-teal-200:focus {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-300:focus {
+  .md\:focus\:mid-teal-300:focus {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-400:focus {
+  .md\:focus\:mid-teal-400:focus {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-500:focus {
+  .md\:focus\:mid-teal-500:focus {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-600:focus {
+  .md\:focus\:mid-teal-600:focus {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-700:focus {
+  .md\:focus\:mid-teal-700:focus {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-800:focus {
+  .md\:focus\:mid-teal-800:focus {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:focus\:gradient-mid-teal-900:focus {
+  .md\:focus\:mid-teal-900:focus {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-100:focus {
+  .md\:focus\:mid-blue-100:focus {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-200:focus {
+  .md\:focus\:mid-blue-200:focus {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-300:focus {
+  .md\:focus\:mid-blue-300:focus {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-400:focus {
+  .md\:focus\:mid-blue-400:focus {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-500:focus {
+  .md\:focus\:mid-blue-500:focus {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-600:focus {
+  .md\:focus\:mid-blue-600:focus {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-700:focus {
+  .md\:focus\:mid-blue-700:focus {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-800:focus {
+  .md\:focus\:mid-blue-800:focus {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:focus\:gradient-mid-blue-900:focus {
+  .md\:focus\:mid-blue-900:focus {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-100:focus {
+  .md\:focus\:mid-indigo-100:focus {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-200:focus {
+  .md\:focus\:mid-indigo-200:focus {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-300:focus {
+  .md\:focus\:mid-indigo-300:focus {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-400:focus {
+  .md\:focus\:mid-indigo-400:focus {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-500:focus {
+  .md\:focus\:mid-indigo-500:focus {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-600:focus {
+  .md\:focus\:mid-indigo-600:focus {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-700:focus {
+  .md\:focus\:mid-indigo-700:focus {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-800:focus {
+  .md\:focus\:mid-indigo-800:focus {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:focus\:gradient-mid-indigo-900:focus {
+  .md\:focus\:mid-indigo-900:focus {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-100:focus {
+  .md\:focus\:mid-purple-100:focus {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-200:focus {
+  .md\:focus\:mid-purple-200:focus {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-300:focus {
+  .md\:focus\:mid-purple-300:focus {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-400:focus {
+  .md\:focus\:mid-purple-400:focus {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-500:focus {
+  .md\:focus\:mid-purple-500:focus {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-600:focus {
+  .md\:focus\:mid-purple-600:focus {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-700:focus {
+  .md\:focus\:mid-purple-700:focus {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-800:focus {
+  .md\:focus\:mid-purple-800:focus {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:focus\:gradient-mid-purple-900:focus {
+  .md\:focus\:mid-purple-900:focus {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-100:focus {
+  .md\:focus\:mid-pink-100:focus {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-200:focus {
+  .md\:focus\:mid-pink-200:focus {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-300:focus {
+  .md\:focus\:mid-pink-300:focus {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-400:focus {
+  .md\:focus\:mid-pink-400:focus {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-500:focus {
+  .md\:focus\:mid-pink-500:focus {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-600:focus {
+  .md\:focus\:mid-pink-600:focus {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-700:focus {
+  .md\:focus\:mid-pink-700:focus {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-800:focus {
+  .md\:focus\:mid-pink-800:focus {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:focus\:gradient-mid-pink-900:focus {
+  .md\:focus\:mid-pink-900:focus {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  }
+
+  .md\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .md\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .md\:focus\:to-black:focus {
+    --gradient-to-color: #000;
+  }
+
+  .md\:focus\:to-white:focus {
+    --gradient-to-color: #fff;
+  }
+
+  .md\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .md\:focus\:to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .md\:focus\:to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .md\:focus\:to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .md\:focus\:to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .md\:focus\:to-gray-600:focus {
+    --gradient-to-color: #718096;
+  }
+
+  .md\:focus\:to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+  }
+
+  .md\:focus\:to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+  }
+
+  .md\:focus\:to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+  }
+
+  .md\:focus\:to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .md\:focus\:to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .md\:focus\:to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .md\:focus\:to-red-400:focus {
+    --gradient-to-color: #fc8181;
+  }
+
+  .md\:focus\:to-red-500:focus {
+    --gradient-to-color: #f56565;
+  }
+
+  .md\:focus\:to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .md\:focus\:to-red-700:focus {
+    --gradient-to-color: #c53030;
+  }
+
+  .md\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .md\:focus\:to-red-900:focus {
+    --gradient-to-color: #742a2a;
+  }
+
+  .md\:focus\:to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .md\:focus\:to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+  }
+
+  .md\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .md\:focus\:to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .md\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+  }
+
+  .md\:focus\:to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .md\:focus\:to-orange-700:focus {
+    --gradient-to-color: #c05621;
+  }
+
+  .md\:focus\:to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+  }
+
+  .md\:focus\:to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+  }
+
+  .md\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+  }
+
+  .md\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .md\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+  }
+
+  .md\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .md\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .md\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .md\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+  }
+
+  .md\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+  }
+
+  .md\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #744210;
+  }
+
+  .md\:focus\:to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .md\:focus\:to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .md\:focus\:to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .md\:focus\:to-green-400:focus {
+    --gradient-to-color: #68d391;
+  }
+
+  .md\:focus\:to-green-500:focus {
+    --gradient-to-color: #48bb78;
+  }
+
+  .md\:focus\:to-green-600:focus {
+    --gradient-to-color: #38a169;
+  }
+
+  .md\:focus\:to-green-700:focus {
+    --gradient-to-color: #2f855a;
+  }
+
+  .md\:focus\:to-green-800:focus {
+    --gradient-to-color: #276749;
+  }
+
+  .md\:focus\:to-green-900:focus {
+    --gradient-to-color: #22543d;
+  }
+
+  .md\:focus\:to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .md\:focus\:to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .md\:focus\:to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .md\:focus\:to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .md\:focus\:to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .md\:focus\:to-teal-600:focus {
+    --gradient-to-color: #319795;
+  }
+
+  .md\:focus\:to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .md\:focus\:to-teal-800:focus {
+    --gradient-to-color: #285e61;
+  }
+
+  .md\:focus\:to-teal-900:focus {
+    --gradient-to-color: #234e52;
+  }
+
+  .md\:focus\:to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .md\:focus\:to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .md\:focus\:to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .md\:focus\:to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .md\:focus\:to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+  }
+
+  .md\:focus\:to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+  }
+
+  .md\:focus\:to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .md\:focus\:to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+  }
+
+  .md\:focus\:to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+  }
+
+  .md\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .md\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .md\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .md\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .md\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+  }
+
+  .md\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .md\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .md\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #434190;
+  }
+
+  .md\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+  }
+
+  .md\:focus\:to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .md\:focus\:to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .md\:focus\:to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .md\:focus\:to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+  }
+
+  .md\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .md\:focus\:to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+  }
+
+  .md\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .md\:focus\:to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+  }
+
+  .md\:focus\:to-purple-900:focus {
+    --gradient-to-color: #44337a;
+  }
+
+  .md\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .md\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .md\:focus\:to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .md\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+  }
+
+  .md\:focus\:to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .md\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .md\:focus\:to-pink-700:focus {
+    --gradient-to-color: #b83280;
+  }
+
+  .md\:focus\:to-pink-800:focus {
+    --gradient-to-color: #97266d;
+  }
+
+  .md\:focus\:to-pink-900:focus {
+    --gradient-to-color: #702459;
   }
 
   .md\:bg-opacity-0 {
@@ -58327,4250 +57529,3984 @@ 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-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  .lg\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  .lg\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  .lg\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .lg\:gradient-from-transparent {
+  .lg\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .lg\:from-transparent {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:gradient-from-current {
+  .lg\:from-current {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:gradient-from-black {
+  .lg\:from-black {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:gradient-from-white {
+  .lg\:from-white {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:gradient-from-gray-100 {
+  .lg\:from-gray-100 {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:gradient-from-gray-200 {
+  .lg\:from-gray-200 {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:gradient-from-gray-300 {
+  .lg\:from-gray-300 {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:gradient-from-gray-400 {
+  .lg\:from-gray-400 {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:gradient-from-gray-500 {
+  .lg\:from-gray-500 {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:gradient-from-gray-600 {
+  .lg\:from-gray-600 {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:gradient-from-gray-700 {
+  .lg\:from-gray-700 {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:gradient-from-gray-800 {
+  .lg\:from-gray-800 {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:gradient-from-gray-900 {
+  .lg\:from-gray-900 {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:gradient-from-red-100 {
+  .lg\:from-red-100 {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:gradient-from-red-200 {
+  .lg\:from-red-200 {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:gradient-from-red-300 {
+  .lg\:from-red-300 {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:gradient-from-red-400 {
+  .lg\:from-red-400 {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:gradient-from-red-500 {
+  .lg\:from-red-500 {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:gradient-from-red-600 {
+  .lg\:from-red-600 {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:gradient-from-red-700 {
+  .lg\:from-red-700 {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:gradient-from-red-800 {
+  .lg\:from-red-800 {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:gradient-from-red-900 {
+  .lg\:from-red-900 {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:gradient-from-orange-100 {
+  .lg\:from-orange-100 {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:gradient-from-orange-200 {
+  .lg\:from-orange-200 {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:gradient-from-orange-300 {
+  .lg\:from-orange-300 {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:gradient-from-orange-400 {
+  .lg\:from-orange-400 {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:gradient-from-orange-500 {
+  .lg\:from-orange-500 {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:gradient-from-orange-600 {
+  .lg\:from-orange-600 {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:gradient-from-orange-700 {
+  .lg\:from-orange-700 {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:gradient-from-orange-800 {
+  .lg\:from-orange-800 {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:gradient-from-orange-900 {
+  .lg\:from-orange-900 {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:gradient-from-yellow-100 {
+  .lg\:from-yellow-100 {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:gradient-from-yellow-200 {
+  .lg\:from-yellow-200 {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:gradient-from-yellow-300 {
+  .lg\:from-yellow-300 {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:gradient-from-yellow-400 {
+  .lg\:from-yellow-400 {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:gradient-from-yellow-500 {
+  .lg\:from-yellow-500 {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:gradient-from-yellow-600 {
+  .lg\:from-yellow-600 {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:gradient-from-yellow-700 {
+  .lg\:from-yellow-700 {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:gradient-from-yellow-800 {
+  .lg\:from-yellow-800 {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:gradient-from-yellow-900 {
+  .lg\:from-yellow-900 {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:gradient-from-green-100 {
+  .lg\:from-green-100 {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:gradient-from-green-200 {
+  .lg\:from-green-200 {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:gradient-from-green-300 {
+  .lg\:from-green-300 {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:gradient-from-green-400 {
+  .lg\:from-green-400 {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:gradient-from-green-500 {
+  .lg\:from-green-500 {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:gradient-from-green-600 {
+  .lg\:from-green-600 {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:gradient-from-green-700 {
+  .lg\:from-green-700 {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:gradient-from-green-800 {
+  .lg\:from-green-800 {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:gradient-from-green-900 {
+  .lg\:from-green-900 {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:gradient-from-teal-100 {
+  .lg\:from-teal-100 {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:gradient-from-teal-200 {
+  .lg\:from-teal-200 {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:gradient-from-teal-300 {
+  .lg\:from-teal-300 {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:gradient-from-teal-400 {
+  .lg\:from-teal-400 {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:gradient-from-teal-500 {
+  .lg\:from-teal-500 {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:gradient-from-teal-600 {
+  .lg\:from-teal-600 {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:gradient-from-teal-700 {
+  .lg\:from-teal-700 {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:gradient-from-teal-800 {
+  .lg\:from-teal-800 {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:gradient-from-teal-900 {
+  .lg\:from-teal-900 {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:gradient-from-blue-100 {
+  .lg\:from-blue-100 {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:gradient-from-blue-200 {
+  .lg\:from-blue-200 {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:gradient-from-blue-300 {
+  .lg\:from-blue-300 {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:gradient-from-blue-400 {
+  .lg\:from-blue-400 {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:gradient-from-blue-500 {
+  .lg\:from-blue-500 {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:gradient-from-blue-600 {
+  .lg\:from-blue-600 {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:gradient-from-blue-700 {
+  .lg\:from-blue-700 {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:gradient-from-blue-800 {
+  .lg\:from-blue-800 {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:gradient-from-blue-900 {
+  .lg\:from-blue-900 {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:gradient-from-indigo-100 {
+  .lg\:from-indigo-100 {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:gradient-from-indigo-200 {
+  .lg\:from-indigo-200 {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:gradient-from-indigo-300 {
+  .lg\:from-indigo-300 {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:gradient-from-indigo-400 {
+  .lg\:from-indigo-400 {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:gradient-from-indigo-500 {
+  .lg\:from-indigo-500 {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:gradient-from-indigo-600 {
+  .lg\:from-indigo-600 {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:gradient-from-indigo-700 {
+  .lg\:from-indigo-700 {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:gradient-from-indigo-800 {
+  .lg\:from-indigo-800 {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:gradient-from-indigo-900 {
+  .lg\:from-indigo-900 {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:gradient-from-purple-100 {
+  .lg\:from-purple-100 {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:gradient-from-purple-200 {
+  .lg\:from-purple-200 {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:gradient-from-purple-300 {
+  .lg\:from-purple-300 {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:gradient-from-purple-400 {
+  .lg\:from-purple-400 {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:gradient-from-purple-500 {
+  .lg\:from-purple-500 {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:gradient-from-purple-600 {
+  .lg\:from-purple-600 {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:gradient-from-purple-700 {
+  .lg\:from-purple-700 {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:gradient-from-purple-800 {
+  .lg\:from-purple-800 {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:gradient-from-purple-900 {
+  .lg\:from-purple-900 {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:gradient-from-pink-100 {
+  .lg\:from-pink-100 {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:gradient-from-pink-200 {
+  .lg\:from-pink-200 {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:gradient-from-pink-300 {
+  .lg\:from-pink-300 {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:gradient-from-pink-400 {
+  .lg\:from-pink-400 {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:gradient-from-pink-500 {
+  .lg\:from-pink-500 {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:gradient-from-pink-600 {
+  .lg\:from-pink-600 {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:gradient-from-pink-700 {
+  .lg\:from-pink-700 {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:gradient-from-pink-800 {
+  .lg\:from-pink-800 {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:gradient-from-pink-900 {
+  .lg\:from-pink-900 {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .lg\:mid-transparent {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:gradient-mid-current {
+  .lg\:mid-current {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:gradient-mid-black {
+  .lg\:mid-black {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:gradient-mid-white {
+  .lg\:mid-white {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:gradient-mid-gray-100 {
+  .lg\:mid-gray-100 {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:gradient-mid-gray-200 {
+  .lg\:mid-gray-200 {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:gradient-mid-gray-300 {
+  .lg\:mid-gray-300 {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:gradient-mid-gray-400 {
+  .lg\:mid-gray-400 {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:gradient-mid-gray-500 {
+  .lg\:mid-gray-500 {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:gradient-mid-gray-600 {
+  .lg\:mid-gray-600 {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:gradient-mid-gray-700 {
+  .lg\:mid-gray-700 {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:gradient-mid-gray-800 {
+  .lg\:mid-gray-800 {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:gradient-mid-gray-900 {
+  .lg\:mid-gray-900 {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:gradient-mid-red-100 {
+  .lg\:mid-red-100 {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:gradient-mid-red-200 {
+  .lg\:mid-red-200 {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:gradient-mid-red-300 {
+  .lg\:mid-red-300 {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:gradient-mid-red-400 {
+  .lg\:mid-red-400 {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:gradient-mid-red-500 {
+  .lg\:mid-red-500 {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:gradient-mid-red-600 {
+  .lg\:mid-red-600 {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:gradient-mid-red-700 {
+  .lg\:mid-red-700 {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:gradient-mid-red-800 {
+  .lg\:mid-red-800 {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:gradient-mid-red-900 {
+  .lg\:mid-red-900 {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:gradient-mid-orange-100 {
+  .lg\:mid-orange-100 {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:gradient-mid-orange-200 {
+  .lg\:mid-orange-200 {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:gradient-mid-orange-300 {
+  .lg\:mid-orange-300 {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:gradient-mid-orange-400 {
+  .lg\:mid-orange-400 {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:gradient-mid-orange-500 {
+  .lg\:mid-orange-500 {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:gradient-mid-orange-600 {
+  .lg\:mid-orange-600 {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:gradient-mid-orange-700 {
+  .lg\:mid-orange-700 {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:gradient-mid-orange-800 {
+  .lg\:mid-orange-800 {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:gradient-mid-orange-900 {
+  .lg\:mid-orange-900 {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:gradient-mid-yellow-100 {
+  .lg\:mid-yellow-100 {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:gradient-mid-yellow-200 {
+  .lg\:mid-yellow-200 {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:gradient-mid-yellow-300 {
+  .lg\:mid-yellow-300 {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:gradient-mid-yellow-400 {
+  .lg\:mid-yellow-400 {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:gradient-mid-yellow-500 {
+  .lg\:mid-yellow-500 {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:gradient-mid-yellow-600 {
+  .lg\:mid-yellow-600 {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:gradient-mid-yellow-700 {
+  .lg\:mid-yellow-700 {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:gradient-mid-yellow-800 {
+  .lg\:mid-yellow-800 {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:gradient-mid-yellow-900 {
+  .lg\:mid-yellow-900 {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:gradient-mid-green-100 {
+  .lg\:mid-green-100 {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:gradient-mid-green-200 {
+  .lg\:mid-green-200 {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:gradient-mid-green-300 {
+  .lg\:mid-green-300 {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:gradient-mid-green-400 {
+  .lg\:mid-green-400 {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:gradient-mid-green-500 {
+  .lg\:mid-green-500 {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:gradient-mid-green-600 {
+  .lg\:mid-green-600 {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:gradient-mid-green-700 {
+  .lg\:mid-green-700 {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:gradient-mid-green-800 {
+  .lg\:mid-green-800 {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:gradient-mid-green-900 {
+  .lg\:mid-green-900 {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:gradient-mid-teal-100 {
+  .lg\:mid-teal-100 {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:gradient-mid-teal-200 {
+  .lg\:mid-teal-200 {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:gradient-mid-teal-300 {
+  .lg\:mid-teal-300 {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:gradient-mid-teal-400 {
+  .lg\:mid-teal-400 {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:gradient-mid-teal-500 {
+  .lg\:mid-teal-500 {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:gradient-mid-teal-600 {
+  .lg\:mid-teal-600 {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:gradient-mid-teal-700 {
+  .lg\:mid-teal-700 {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:gradient-mid-teal-800 {
+  .lg\:mid-teal-800 {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:gradient-mid-teal-900 {
+  .lg\:mid-teal-900 {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:gradient-mid-blue-100 {
+  .lg\:mid-blue-100 {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:gradient-mid-blue-200 {
+  .lg\:mid-blue-200 {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:gradient-mid-blue-300 {
+  .lg\:mid-blue-300 {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:gradient-mid-blue-400 {
+  .lg\:mid-blue-400 {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:gradient-mid-blue-500 {
+  .lg\:mid-blue-500 {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:gradient-mid-blue-600 {
+  .lg\:mid-blue-600 {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:gradient-mid-blue-700 {
+  .lg\:mid-blue-700 {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:gradient-mid-blue-800 {
+  .lg\:mid-blue-800 {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:gradient-mid-blue-900 {
+  .lg\:mid-blue-900 {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:gradient-mid-indigo-100 {
+  .lg\:mid-indigo-100 {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:gradient-mid-indigo-200 {
+  .lg\:mid-indigo-200 {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:gradient-mid-indigo-300 {
+  .lg\:mid-indigo-300 {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:gradient-mid-indigo-400 {
+  .lg\:mid-indigo-400 {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:gradient-mid-indigo-500 {
+  .lg\:mid-indigo-500 {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:gradient-mid-indigo-600 {
+  .lg\:mid-indigo-600 {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:gradient-mid-indigo-700 {
+  .lg\:mid-indigo-700 {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:gradient-mid-indigo-800 {
+  .lg\:mid-indigo-800 {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:gradient-mid-indigo-900 {
+  .lg\:mid-indigo-900 {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:gradient-mid-purple-100 {
+  .lg\:mid-purple-100 {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:gradient-mid-purple-200 {
+  .lg\:mid-purple-200 {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:gradient-mid-purple-300 {
+  .lg\:mid-purple-300 {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:gradient-mid-purple-400 {
+  .lg\:mid-purple-400 {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:gradient-mid-purple-500 {
+  .lg\:mid-purple-500 {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:gradient-mid-purple-600 {
+  .lg\:mid-purple-600 {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:gradient-mid-purple-700 {
+  .lg\:mid-purple-700 {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:gradient-mid-purple-800 {
+  .lg\:mid-purple-800 {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:gradient-mid-purple-900 {
+  .lg\:mid-purple-900 {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:gradient-mid-pink-100 {
+  .lg\:mid-pink-100 {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:gradient-mid-pink-200 {
+  .lg\:mid-pink-200 {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:gradient-mid-pink-300 {
+  .lg\:mid-pink-300 {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:gradient-mid-pink-400 {
+  .lg\:mid-pink-400 {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:gradient-mid-pink-500 {
+  .lg\:mid-pink-500 {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:gradient-mid-pink-600 {
+  .lg\:mid-pink-600 {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:gradient-mid-pink-700 {
+  .lg\:mid-pink-700 {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:gradient-mid-pink-800 {
+  .lg\:mid-pink-800 {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:gradient-mid-pink-900 {
+  .lg\:mid-pink-900 {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .lg\:hover\:gradient-from-transparent:hover {
+  .lg\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .lg\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .lg\:to-black {
+    --gradient-to-color: #000;
+  }
+
+  .lg\:to-white {
+    --gradient-to-color: #fff;
+  }
+
+  .lg\:to-gray-100 {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .lg\:to-gray-200 {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .lg\:to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .lg\:to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .lg\:to-gray-500 {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .lg\:to-gray-600 {
+    --gradient-to-color: #718096;
+  }
+
+  .lg\:to-gray-700 {
+    --gradient-to-color: #4a5568;
+  }
+
+  .lg\:to-gray-800 {
+    --gradient-to-color: #2d3748;
+  }
+
+  .lg\:to-gray-900 {
+    --gradient-to-color: #1a202c;
+  }
+
+  .lg\:to-red-100 {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .lg\:to-red-200 {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .lg\:to-red-300 {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .lg\:to-red-400 {
+    --gradient-to-color: #fc8181;
+  }
+
+  .lg\:to-red-500 {
+    --gradient-to-color: #f56565;
+  }
+
+  .lg\:to-red-600 {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .lg\:to-red-700 {
+    --gradient-to-color: #c53030;
+  }
+
+  .lg\:to-red-800 {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .lg\:to-red-900 {
+    --gradient-to-color: #742a2a;
+  }
+
+  .lg\:to-orange-100 {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .lg\:to-orange-200 {
+    --gradient-to-color: #feebc8;
+  }
+
+  .lg\:to-orange-300 {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .lg\:to-orange-400 {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .lg\:to-orange-500 {
+    --gradient-to-color: #ed8936;
+  }
+
+  .lg\:to-orange-600 {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .lg\:to-orange-700 {
+    --gradient-to-color: #c05621;
+  }
+
+  .lg\:to-orange-800 {
+    --gradient-to-color: #9c4221;
+  }
+
+  .lg\:to-orange-900 {
+    --gradient-to-color: #7b341e;
+  }
+
+  .lg\:to-yellow-100 {
+    --gradient-to-color: #fffff0;
+  }
+
+  .lg\:to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .lg\:to-yellow-300 {
+    --gradient-to-color: #faf089;
+  }
+
+  .lg\:to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .lg\:to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .lg\:to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .lg\:to-yellow-700 {
+    --gradient-to-color: #b7791f;
+  }
+
+  .lg\:to-yellow-800 {
+    --gradient-to-color: #975a16;
+  }
+
+  .lg\:to-yellow-900 {
+    --gradient-to-color: #744210;
+  }
+
+  .lg\:to-green-100 {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .lg\:to-green-200 {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .lg\:to-green-300 {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .lg\:to-green-400 {
+    --gradient-to-color: #68d391;
+  }
+
+  .lg\:to-green-500 {
+    --gradient-to-color: #48bb78;
+  }
+
+  .lg\:to-green-600 {
+    --gradient-to-color: #38a169;
+  }
+
+  .lg\:to-green-700 {
+    --gradient-to-color: #2f855a;
+  }
+
+  .lg\:to-green-800 {
+    --gradient-to-color: #276749;
+  }
+
+  .lg\:to-green-900 {
+    --gradient-to-color: #22543d;
+  }
+
+  .lg\:to-teal-100 {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .lg\:to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .lg\:to-teal-300 {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .lg\:to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .lg\:to-teal-500 {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .lg\:to-teal-600 {
+    --gradient-to-color: #319795;
+  }
+
+  .lg\:to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .lg\:to-teal-800 {
+    --gradient-to-color: #285e61;
+  }
+
+  .lg\:to-teal-900 {
+    --gradient-to-color: #234e52;
+  }
+
+  .lg\:to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .lg\:to-blue-200 {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .lg\:to-blue-300 {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .lg\:to-blue-400 {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .lg\:to-blue-500 {
+    --gradient-to-color: #4299e1;
+  }
+
+  .lg\:to-blue-600 {
+    --gradient-to-color: #3182ce;
+  }
+
+  .lg\:to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .lg\:to-blue-800 {
+    --gradient-to-color: #2c5282;
+  }
+
+  .lg\:to-blue-900 {
+    --gradient-to-color: #2a4365;
+  }
+
+  .lg\:to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .lg\:to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .lg\:to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .lg\:to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .lg\:to-indigo-500 {
+    --gradient-to-color: #667eea;
+  }
+
+  .lg\:to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .lg\:to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .lg\:to-indigo-800 {
+    --gradient-to-color: #434190;
+  }
+
+  .lg\:to-indigo-900 {
+    --gradient-to-color: #3c366b;
+  }
+
+  .lg\:to-purple-100 {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .lg\:to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .lg\:to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .lg\:to-purple-400 {
+    --gradient-to-color: #b794f4;
+  }
+
+  .lg\:to-purple-500 {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .lg\:to-purple-600 {
+    --gradient-to-color: #805ad5;
+  }
+
+  .lg\:to-purple-700 {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .lg\:to-purple-800 {
+    --gradient-to-color: #553c9a;
+  }
+
+  .lg\:to-purple-900 {
+    --gradient-to-color: #44337a;
+  }
+
+  .lg\:to-pink-100 {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .lg\:to-pink-200 {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .lg\:to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .lg\:to-pink-400 {
+    --gradient-to-color: #f687b3;
+  }
+
+  .lg\:to-pink-500 {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .lg\:to-pink-600 {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .lg\:to-pink-700 {
+    --gradient-to-color: #b83280;
+  }
+
+  .lg\:to-pink-800 {
+    --gradient-to-color: #97266d;
+  }
+
+  .lg\:to-pink-900 {
+    --gradient-to-color: #702459;
+  }
+
+  .lg\:hover\:from-transparent:hover {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:gradient-from-current:hover {
+  .lg\:hover\:from-current:hover {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-black:hover {
+  .lg\:hover\:from-black:hover {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:gradient-from-white:hover {
+  .lg\:hover\:from-white:hover {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-100:hover {
+  .lg\:hover\:from-gray-100:hover {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-200:hover {
+  .lg\:hover\:from-gray-200:hover {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-300:hover {
+  .lg\:hover\:from-gray-300:hover {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-400:hover {
+  .lg\:hover\:from-gray-400:hover {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-500:hover {
+  .lg\:hover\:from-gray-500:hover {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-600:hover {
+  .lg\:hover\:from-gray-600:hover {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-700:hover {
+  .lg\:hover\:from-gray-700:hover {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-800:hover {
+  .lg\:hover\:from-gray-800:hover {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:hover\:gradient-from-gray-900:hover {
+  .lg\:hover\:from-gray-900:hover {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:hover\:gradient-from-red-100:hover {
+  .lg\:hover\:from-red-100:hover {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:hover\:gradient-from-red-200:hover {
+  .lg\:hover\:from-red-200:hover {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:hover\:gradient-from-red-300:hover {
+  .lg\:hover\:from-red-300:hover {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:hover\:gradient-from-red-400:hover {
+  .lg\:hover\:from-red-400:hover {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:hover\:gradient-from-red-500:hover {
+  .lg\:hover\:from-red-500:hover {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:hover\:gradient-from-red-600:hover {
+  .lg\:hover\:from-red-600:hover {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:hover\:gradient-from-red-700:hover {
+  .lg\:hover\:from-red-700:hover {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:hover\:gradient-from-red-800:hover {
+  .lg\:hover\:from-red-800:hover {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:hover\:gradient-from-red-900:hover {
+  .lg\:hover\:from-red-900:hover {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-100:hover {
+  .lg\:hover\:from-orange-100:hover {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-200:hover {
+  .lg\:hover\:from-orange-200:hover {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-300:hover {
+  .lg\:hover\:from-orange-300:hover {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-400:hover {
+  .lg\:hover\:from-orange-400:hover {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-500:hover {
+  .lg\:hover\:from-orange-500:hover {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-600:hover {
+  .lg\:hover\:from-orange-600:hover {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-700:hover {
+  .lg\:hover\:from-orange-700:hover {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-800:hover {
+  .lg\:hover\:from-orange-800:hover {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:hover\:gradient-from-orange-900:hover {
+  .lg\:hover\:from-orange-900:hover {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-100:hover {
+  .lg\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-200:hover {
+  .lg\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-300:hover {
+  .lg\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-400:hover {
+  .lg\:hover\:from-yellow-400:hover {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-500:hover {
+  .lg\:hover\:from-yellow-500:hover {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-600:hover {
+  .lg\:hover\:from-yellow-600:hover {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-700:hover {
+  .lg\:hover\:from-yellow-700:hover {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-800:hover {
+  .lg\:hover\:from-yellow-800:hover {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:hover\:gradient-from-yellow-900:hover {
+  .lg\:hover\:from-yellow-900:hover {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:hover\:gradient-from-green-100:hover {
+  .lg\:hover\:from-green-100:hover {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:hover\:gradient-from-green-200:hover {
+  .lg\:hover\:from-green-200:hover {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:hover\:gradient-from-green-300:hover {
+  .lg\:hover\:from-green-300:hover {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:hover\:gradient-from-green-400:hover {
+  .lg\:hover\:from-green-400:hover {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:hover\:gradient-from-green-500:hover {
+  .lg\:hover\:from-green-500:hover {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:hover\:gradient-from-green-600:hover {
+  .lg\:hover\:from-green-600:hover {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:hover\:gradient-from-green-700:hover {
+  .lg\:hover\:from-green-700:hover {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:hover\:gradient-from-green-800:hover {
+  .lg\:hover\:from-green-800:hover {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:hover\:gradient-from-green-900:hover {
+  .lg\:hover\:from-green-900:hover {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-100:hover {
+  .lg\:hover\:from-teal-100:hover {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-200:hover {
+  .lg\:hover\:from-teal-200:hover {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-300:hover {
+  .lg\:hover\:from-teal-300:hover {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-400:hover {
+  .lg\:hover\:from-teal-400:hover {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-500:hover {
+  .lg\:hover\:from-teal-500:hover {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-600:hover {
+  .lg\:hover\:from-teal-600:hover {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-700:hover {
+  .lg\:hover\:from-teal-700:hover {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-800:hover {
+  .lg\:hover\:from-teal-800:hover {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:hover\:gradient-from-teal-900:hover {
+  .lg\:hover\:from-teal-900:hover {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-100:hover {
+  .lg\:hover\:from-blue-100:hover {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-200:hover {
+  .lg\:hover\:from-blue-200:hover {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-300:hover {
+  .lg\:hover\:from-blue-300:hover {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-400:hover {
+  .lg\:hover\:from-blue-400:hover {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-500:hover {
+  .lg\:hover\:from-blue-500:hover {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-600:hover {
+  .lg\:hover\:from-blue-600:hover {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-700:hover {
+  .lg\:hover\:from-blue-700:hover {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-800:hover {
+  .lg\:hover\:from-blue-800:hover {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:hover\:gradient-from-blue-900:hover {
+  .lg\:hover\:from-blue-900:hover {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-100:hover {
+  .lg\:hover\:from-indigo-100:hover {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-200:hover {
+  .lg\:hover\:from-indigo-200:hover {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-300:hover {
+  .lg\:hover\:from-indigo-300:hover {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-400:hover {
+  .lg\:hover\:from-indigo-400:hover {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-500:hover {
+  .lg\:hover\:from-indigo-500:hover {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-600:hover {
+  .lg\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-700:hover {
+  .lg\:hover\:from-indigo-700:hover {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-800:hover {
+  .lg\:hover\:from-indigo-800:hover {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:hover\:gradient-from-indigo-900:hover {
+  .lg\:hover\:from-indigo-900:hover {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-100:hover {
+  .lg\:hover\:from-purple-100:hover {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-200:hover {
+  .lg\:hover\:from-purple-200:hover {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-300:hover {
+  .lg\:hover\:from-purple-300:hover {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-400:hover {
+  .lg\:hover\:from-purple-400:hover {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-500:hover {
+  .lg\:hover\:from-purple-500:hover {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-600:hover {
+  .lg\:hover\:from-purple-600:hover {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-700:hover {
+  .lg\:hover\:from-purple-700:hover {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-800:hover {
+  .lg\:hover\:from-purple-800:hover {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:hover\:gradient-from-purple-900:hover {
+  .lg\:hover\:from-purple-900:hover {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-100:hover {
+  .lg\:hover\:from-pink-100:hover {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-200:hover {
+  .lg\:hover\:from-pink-200:hover {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-300:hover {
+  .lg\:hover\:from-pink-300:hover {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-400:hover {
+  .lg\:hover\:from-pink-400:hover {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-500:hover {
+  .lg\:hover\:from-pink-500:hover {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-600:hover {
+  .lg\:hover\:from-pink-600:hover {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-700:hover {
+  .lg\:hover\:from-pink-700:hover {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-800:hover {
+  .lg\:hover\:from-pink-800:hover {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:hover\:gradient-from-pink-900:hover {
+  .lg\:hover\:from-pink-900:hover {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .lg\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:gradient-mid-current:hover {
+  .lg\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-black:hover {
+  .lg\:hover\:mid-black:hover {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:gradient-mid-white:hover {
+  .lg\:hover\:mid-white:hover {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-100:hover {
+  .lg\:hover\:mid-gray-100:hover {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-200:hover {
+  .lg\:hover\:mid-gray-200:hover {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-300:hover {
+  .lg\:hover\:mid-gray-300:hover {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-400:hover {
+  .lg\:hover\:mid-gray-400:hover {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-500:hover {
+  .lg\:hover\:mid-gray-500:hover {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-600:hover {
+  .lg\:hover\:mid-gray-600:hover {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-700:hover {
+  .lg\:hover\:mid-gray-700:hover {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-800:hover {
+  .lg\:hover\:mid-gray-800:hover {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:hover\:gradient-mid-gray-900:hover {
+  .lg\:hover\:mid-gray-900:hover {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-100:hover {
+  .lg\:hover\:mid-red-100:hover {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-200:hover {
+  .lg\:hover\:mid-red-200:hover {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-300:hover {
+  .lg\:hover\:mid-red-300:hover {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-400:hover {
+  .lg\:hover\:mid-red-400:hover {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-500:hover {
+  .lg\:hover\:mid-red-500:hover {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-600:hover {
+  .lg\:hover\:mid-red-600:hover {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-700:hover {
+  .lg\:hover\:mid-red-700:hover {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-800:hover {
+  .lg\:hover\:mid-red-800:hover {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:hover\:gradient-mid-red-900:hover {
+  .lg\:hover\:mid-red-900:hover {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-100:hover {
+  .lg\:hover\:mid-orange-100:hover {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-200:hover {
+  .lg\:hover\:mid-orange-200:hover {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-300:hover {
+  .lg\:hover\:mid-orange-300:hover {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-400:hover {
+  .lg\:hover\:mid-orange-400:hover {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-500:hover {
+  .lg\:hover\:mid-orange-500:hover {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-600:hover {
+  .lg\:hover\:mid-orange-600:hover {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-700:hover {
+  .lg\:hover\:mid-orange-700:hover {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-800:hover {
+  .lg\:hover\:mid-orange-800:hover {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:hover\:gradient-mid-orange-900:hover {
+  .lg\:hover\:mid-orange-900:hover {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-100:hover {
+  .lg\:hover\:mid-yellow-100:hover {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-200:hover {
+  .lg\:hover\:mid-yellow-200:hover {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-300:hover {
+  .lg\:hover\:mid-yellow-300:hover {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-400:hover {
+  .lg\:hover\:mid-yellow-400:hover {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-500:hover {
+  .lg\:hover\:mid-yellow-500:hover {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-600:hover {
+  .lg\:hover\:mid-yellow-600:hover {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-700:hover {
+  .lg\:hover\:mid-yellow-700:hover {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-800:hover {
+  .lg\:hover\:mid-yellow-800:hover {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:hover\:gradient-mid-yellow-900:hover {
+  .lg\:hover\:mid-yellow-900:hover {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-100:hover {
+  .lg\:hover\:mid-green-100:hover {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-200:hover {
+  .lg\:hover\:mid-green-200:hover {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-300:hover {
+  .lg\:hover\:mid-green-300:hover {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-400:hover {
+  .lg\:hover\:mid-green-400:hover {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-500:hover {
+  .lg\:hover\:mid-green-500:hover {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-600:hover {
+  .lg\:hover\:mid-green-600:hover {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-700:hover {
+  .lg\:hover\:mid-green-700:hover {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-800:hover {
+  .lg\:hover\:mid-green-800:hover {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:hover\:gradient-mid-green-900:hover {
+  .lg\:hover\:mid-green-900:hover {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-100:hover {
+  .lg\:hover\:mid-teal-100:hover {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-200:hover {
+  .lg\:hover\:mid-teal-200:hover {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-300:hover {
+  .lg\:hover\:mid-teal-300:hover {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-400:hover {
+  .lg\:hover\:mid-teal-400:hover {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-500:hover {
+  .lg\:hover\:mid-teal-500:hover {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-600:hover {
+  .lg\:hover\:mid-teal-600:hover {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-700:hover {
+  .lg\:hover\:mid-teal-700:hover {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-800:hover {
+  .lg\:hover\:mid-teal-800:hover {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:hover\:gradient-mid-teal-900:hover {
+  .lg\:hover\:mid-teal-900:hover {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-100:hover {
+  .lg\:hover\:mid-blue-100:hover {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-200:hover {
+  .lg\:hover\:mid-blue-200:hover {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-300:hover {
+  .lg\:hover\:mid-blue-300:hover {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-400:hover {
+  .lg\:hover\:mid-blue-400:hover {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-500:hover {
+  .lg\:hover\:mid-blue-500:hover {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-600:hover {
+  .lg\:hover\:mid-blue-600:hover {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-700:hover {
+  .lg\:hover\:mid-blue-700:hover {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-800:hover {
+  .lg\:hover\:mid-blue-800:hover {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:hover\:gradient-mid-blue-900:hover {
+  .lg\:hover\:mid-blue-900:hover {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-100:hover {
+  .lg\:hover\:mid-indigo-100:hover {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-200:hover {
+  .lg\:hover\:mid-indigo-200:hover {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-300:hover {
+  .lg\:hover\:mid-indigo-300:hover {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-400:hover {
+  .lg\:hover\:mid-indigo-400:hover {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-500:hover {
+  .lg\:hover\:mid-indigo-500:hover {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-600:hover {
+  .lg\:hover\:mid-indigo-600:hover {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-700:hover {
+  .lg\:hover\:mid-indigo-700:hover {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-800:hover {
+  .lg\:hover\:mid-indigo-800:hover {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:hover\:gradient-mid-indigo-900:hover {
+  .lg\:hover\:mid-indigo-900:hover {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-100:hover {
+  .lg\:hover\:mid-purple-100:hover {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-200:hover {
+  .lg\:hover\:mid-purple-200:hover {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-300:hover {
+  .lg\:hover\:mid-purple-300:hover {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-400:hover {
+  .lg\:hover\:mid-purple-400:hover {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-500:hover {
+  .lg\:hover\:mid-purple-500:hover {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-600:hover {
+  .lg\:hover\:mid-purple-600:hover {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-700:hover {
+  .lg\:hover\:mid-purple-700:hover {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-800:hover {
+  .lg\:hover\:mid-purple-800:hover {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:hover\:gradient-mid-purple-900:hover {
+  .lg\:hover\:mid-purple-900:hover {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-100:hover {
+  .lg\:hover\:mid-pink-100:hover {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-200:hover {
+  .lg\:hover\:mid-pink-200:hover {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-300:hover {
+  .lg\:hover\:mid-pink-300:hover {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-400:hover {
+  .lg\:hover\:mid-pink-400:hover {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-500:hover {
+  .lg\:hover\:mid-pink-500:hover {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-600:hover {
+  .lg\:hover\:mid-pink-600:hover {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-700:hover {
+  .lg\:hover\:mid-pink-700:hover {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-800:hover {
+  .lg\:hover\:mid-pink-800:hover {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:hover\:gradient-mid-pink-900:hover {
+  .lg\:hover\:mid-pink-900:hover {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .lg\:focus\:gradient-from-transparent:focus {
+  .lg\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .lg\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .lg\:hover\:to-black:hover {
+    --gradient-to-color: #000;
+  }
+
+  .lg\:hover\:to-white:hover {
+    --gradient-to-color: #fff;
+  }
+
+  .lg\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .lg\:hover\:to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .lg\:hover\:to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .lg\:hover\:to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .lg\:hover\:to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .lg\:hover\:to-gray-600:hover {
+    --gradient-to-color: #718096;
+  }
+
+  .lg\:hover\:to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+  }
+
+  .lg\:hover\:to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+  }
+
+  .lg\:hover\:to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+  }
+
+  .lg\:hover\:to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .lg\:hover\:to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .lg\:hover\:to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .lg\:hover\:to-red-400:hover {
+    --gradient-to-color: #fc8181;
+  }
+
+  .lg\:hover\:to-red-500:hover {
+    --gradient-to-color: #f56565;
+  }
+
+  .lg\:hover\:to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .lg\:hover\:to-red-700:hover {
+    --gradient-to-color: #c53030;
+  }
+
+  .lg\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .lg\:hover\:to-red-900:hover {
+    --gradient-to-color: #742a2a;
+  }
+
+  .lg\:hover\:to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .lg\:hover\:to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+  }
+
+  .lg\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .lg\:hover\:to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .lg\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+  }
+
+  .lg\:hover\:to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .lg\:hover\:to-orange-700:hover {
+    --gradient-to-color: #c05621;
+  }
+
+  .lg\:hover\:to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+  }
+
+  .lg\:hover\:to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+  }
+
+  .lg\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+  }
+
+  .lg\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .lg\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+  }
+
+  .lg\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .lg\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .lg\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .lg\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+  }
+
+  .lg\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+  }
+
+  .lg\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #744210;
+  }
+
+  .lg\:hover\:to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .lg\:hover\:to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .lg\:hover\:to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .lg\:hover\:to-green-400:hover {
+    --gradient-to-color: #68d391;
+  }
+
+  .lg\:hover\:to-green-500:hover {
+    --gradient-to-color: #48bb78;
+  }
+
+  .lg\:hover\:to-green-600:hover {
+    --gradient-to-color: #38a169;
+  }
+
+  .lg\:hover\:to-green-700:hover {
+    --gradient-to-color: #2f855a;
+  }
+
+  .lg\:hover\:to-green-800:hover {
+    --gradient-to-color: #276749;
+  }
+
+  .lg\:hover\:to-green-900:hover {
+    --gradient-to-color: #22543d;
+  }
+
+  .lg\:hover\:to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .lg\:hover\:to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .lg\:hover\:to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .lg\:hover\:to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .lg\:hover\:to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .lg\:hover\:to-teal-600:hover {
+    --gradient-to-color: #319795;
+  }
+
+  .lg\:hover\:to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .lg\:hover\:to-teal-800:hover {
+    --gradient-to-color: #285e61;
+  }
+
+  .lg\:hover\:to-teal-900:hover {
+    --gradient-to-color: #234e52;
+  }
+
+  .lg\:hover\:to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .lg\:hover\:to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .lg\:hover\:to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .lg\:hover\:to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .lg\:hover\:to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+  }
+
+  .lg\:hover\:to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+  }
+
+  .lg\:hover\:to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .lg\:hover\:to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+  }
+
+  .lg\:hover\:to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+  }
+
+  .lg\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .lg\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .lg\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .lg\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .lg\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+  }
+
+  .lg\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .lg\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .lg\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #434190;
+  }
+
+  .lg\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+  }
+
+  .lg\:hover\:to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .lg\:hover\:to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .lg\:hover\:to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .lg\:hover\:to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+  }
+
+  .lg\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .lg\:hover\:to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+  }
+
+  .lg\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .lg\:hover\:to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+  }
+
+  .lg\:hover\:to-purple-900:hover {
+    --gradient-to-color: #44337a;
+  }
+
+  .lg\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .lg\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .lg\:hover\:to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .lg\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+  }
+
+  .lg\:hover\:to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .lg\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .lg\:hover\:to-pink-700:hover {
+    --gradient-to-color: #b83280;
+  }
+
+  .lg\:hover\:to-pink-800:hover {
+    --gradient-to-color: #97266d;
+  }
+
+  .lg\:hover\:to-pink-900:hover {
+    --gradient-to-color: #702459;
+  }
+
+  .lg\:focus\:from-transparent:focus {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:gradient-from-current:focus {
+  .lg\:focus\:from-current:focus {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-black:focus {
+  .lg\:focus\:from-black:focus {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:gradient-from-white:focus {
+  .lg\:focus\:from-white:focus {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-100:focus {
+  .lg\:focus\:from-gray-100:focus {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-200:focus {
+  .lg\:focus\:from-gray-200:focus {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-300:focus {
+  .lg\:focus\:from-gray-300:focus {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-400:focus {
+  .lg\:focus\:from-gray-400:focus {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-500:focus {
+  .lg\:focus\:from-gray-500:focus {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-600:focus {
+  .lg\:focus\:from-gray-600:focus {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-700:focus {
+  .lg\:focus\:from-gray-700:focus {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-800:focus {
+  .lg\:focus\:from-gray-800:focus {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:focus\:gradient-from-gray-900:focus {
+  .lg\:focus\:from-gray-900:focus {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:focus\:gradient-from-red-100:focus {
+  .lg\:focus\:from-red-100:focus {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:focus\:gradient-from-red-200:focus {
+  .lg\:focus\:from-red-200:focus {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:focus\:gradient-from-red-300:focus {
+  .lg\:focus\:from-red-300:focus {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:focus\:gradient-from-red-400:focus {
+  .lg\:focus\:from-red-400:focus {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:focus\:gradient-from-red-500:focus {
+  .lg\:focus\:from-red-500:focus {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:focus\:gradient-from-red-600:focus {
+  .lg\:focus\:from-red-600:focus {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:focus\:gradient-from-red-700:focus {
+  .lg\:focus\:from-red-700:focus {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:focus\:gradient-from-red-800:focus {
+  .lg\:focus\:from-red-800:focus {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:focus\:gradient-from-red-900:focus {
+  .lg\:focus\:from-red-900:focus {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-100:focus {
+  .lg\:focus\:from-orange-100:focus {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-200:focus {
+  .lg\:focus\:from-orange-200:focus {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-300:focus {
+  .lg\:focus\:from-orange-300:focus {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-400:focus {
+  .lg\:focus\:from-orange-400:focus {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-500:focus {
+  .lg\:focus\:from-orange-500:focus {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-600:focus {
+  .lg\:focus\:from-orange-600:focus {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-700:focus {
+  .lg\:focus\:from-orange-700:focus {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-800:focus {
+  .lg\:focus\:from-orange-800:focus {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:focus\:gradient-from-orange-900:focus {
+  .lg\:focus\:from-orange-900:focus {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-100:focus {
+  .lg\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-200:focus {
+  .lg\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-300:focus {
+  .lg\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-400:focus {
+  .lg\:focus\:from-yellow-400:focus {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-500:focus {
+  .lg\:focus\:from-yellow-500:focus {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-600:focus {
+  .lg\:focus\:from-yellow-600:focus {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-700:focus {
+  .lg\:focus\:from-yellow-700:focus {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-800:focus {
+  .lg\:focus\:from-yellow-800:focus {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:focus\:gradient-from-yellow-900:focus {
+  .lg\:focus\:from-yellow-900:focus {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:focus\:gradient-from-green-100:focus {
+  .lg\:focus\:from-green-100:focus {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:focus\:gradient-from-green-200:focus {
+  .lg\:focus\:from-green-200:focus {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:focus\:gradient-from-green-300:focus {
+  .lg\:focus\:from-green-300:focus {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:focus\:gradient-from-green-400:focus {
+  .lg\:focus\:from-green-400:focus {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:focus\:gradient-from-green-500:focus {
+  .lg\:focus\:from-green-500:focus {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:focus\:gradient-from-green-600:focus {
+  .lg\:focus\:from-green-600:focus {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:focus\:gradient-from-green-700:focus {
+  .lg\:focus\:from-green-700:focus {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:focus\:gradient-from-green-800:focus {
+  .lg\:focus\:from-green-800:focus {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:focus\:gradient-from-green-900:focus {
+  .lg\:focus\:from-green-900:focus {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-100:focus {
+  .lg\:focus\:from-teal-100:focus {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-200:focus {
+  .lg\:focus\:from-teal-200:focus {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-300:focus {
+  .lg\:focus\:from-teal-300:focus {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-400:focus {
+  .lg\:focus\:from-teal-400:focus {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-500:focus {
+  .lg\:focus\:from-teal-500:focus {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-600:focus {
+  .lg\:focus\:from-teal-600:focus {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-700:focus {
+  .lg\:focus\:from-teal-700:focus {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-800:focus {
+  .lg\:focus\:from-teal-800:focus {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:focus\:gradient-from-teal-900:focus {
+  .lg\:focus\:from-teal-900:focus {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-100:focus {
+  .lg\:focus\:from-blue-100:focus {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-200:focus {
+  .lg\:focus\:from-blue-200:focus {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-300:focus {
+  .lg\:focus\:from-blue-300:focus {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-400:focus {
+  .lg\:focus\:from-blue-400:focus {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-500:focus {
+  .lg\:focus\:from-blue-500:focus {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-600:focus {
+  .lg\:focus\:from-blue-600:focus {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-700:focus {
+  .lg\:focus\:from-blue-700:focus {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-800:focus {
+  .lg\:focus\:from-blue-800:focus {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:focus\:gradient-from-blue-900:focus {
+  .lg\:focus\:from-blue-900:focus {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-100:focus {
+  .lg\:focus\:from-indigo-100:focus {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-200:focus {
+  .lg\:focus\:from-indigo-200:focus {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-300:focus {
+  .lg\:focus\:from-indigo-300:focus {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-400:focus {
+  .lg\:focus\:from-indigo-400:focus {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-500:focus {
+  .lg\:focus\:from-indigo-500:focus {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-600:focus {
+  .lg\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-700:focus {
+  .lg\:focus\:from-indigo-700:focus {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-800:focus {
+  .lg\:focus\:from-indigo-800:focus {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:focus\:gradient-from-indigo-900:focus {
+  .lg\:focus\:from-indigo-900:focus {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-100:focus {
+  .lg\:focus\:from-purple-100:focus {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-200:focus {
+  .lg\:focus\:from-purple-200:focus {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-300:focus {
+  .lg\:focus\:from-purple-300:focus {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-400:focus {
+  .lg\:focus\:from-purple-400:focus {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-500:focus {
+  .lg\:focus\:from-purple-500:focus {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-600:focus {
+  .lg\:focus\:from-purple-600:focus {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-700:focus {
+  .lg\:focus\:from-purple-700:focus {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-800:focus {
+  .lg\:focus\:from-purple-800:focus {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:focus\:gradient-from-purple-900:focus {
+  .lg\:focus\:from-purple-900:focus {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-100:focus {
+  .lg\:focus\:from-pink-100:focus {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-200:focus {
+  .lg\:focus\:from-pink-200:focus {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-300:focus {
+  .lg\:focus\:from-pink-300:focus {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-400:focus {
+  .lg\:focus\:from-pink-400:focus {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-500:focus {
+  .lg\:focus\:from-pink-500:focus {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-600:focus {
+  .lg\:focus\:from-pink-600:focus {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-700:focus {
+  .lg\:focus\:from-pink-700:focus {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-800:focus {
+  .lg\:focus\:from-pink-800:focus {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:focus\:gradient-from-pink-900:focus {
+  .lg\:focus\:from-pink-900:focus {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .lg\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:gradient-mid-current:focus {
+  .lg\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-black:focus {
+  .lg\:focus\:mid-black:focus {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:gradient-mid-white:focus {
+  .lg\:focus\:mid-white:focus {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-100:focus {
+  .lg\:focus\:mid-gray-100:focus {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-200:focus {
+  .lg\:focus\:mid-gray-200:focus {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-300:focus {
+  .lg\:focus\:mid-gray-300:focus {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-400:focus {
+  .lg\:focus\:mid-gray-400:focus {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-500:focus {
+  .lg\:focus\:mid-gray-500:focus {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-600:focus {
+  .lg\:focus\:mid-gray-600:focus {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-700:focus {
+  .lg\:focus\:mid-gray-700:focus {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-800:focus {
+  .lg\:focus\:mid-gray-800:focus {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:focus\:gradient-mid-gray-900:focus {
+  .lg\:focus\:mid-gray-900:focus {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-100:focus {
+  .lg\:focus\:mid-red-100:focus {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-200:focus {
+  .lg\:focus\:mid-red-200:focus {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-300:focus {
+  .lg\:focus\:mid-red-300:focus {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-400:focus {
+  .lg\:focus\:mid-red-400:focus {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-500:focus {
+  .lg\:focus\:mid-red-500:focus {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-600:focus {
+  .lg\:focus\:mid-red-600:focus {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-700:focus {
+  .lg\:focus\:mid-red-700:focus {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-800:focus {
+  .lg\:focus\:mid-red-800:focus {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:focus\:gradient-mid-red-900:focus {
+  .lg\:focus\:mid-red-900:focus {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-100:focus {
+  .lg\:focus\:mid-orange-100:focus {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-200:focus {
+  .lg\:focus\:mid-orange-200:focus {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-300:focus {
+  .lg\:focus\:mid-orange-300:focus {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-400:focus {
+  .lg\:focus\:mid-orange-400:focus {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-500:focus {
+  .lg\:focus\:mid-orange-500:focus {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-600:focus {
+  .lg\:focus\:mid-orange-600:focus {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-700:focus {
+  .lg\:focus\:mid-orange-700:focus {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-800:focus {
+  .lg\:focus\:mid-orange-800:focus {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:focus\:gradient-mid-orange-900:focus {
+  .lg\:focus\:mid-orange-900:focus {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-100:focus {
+  .lg\:focus\:mid-yellow-100:focus {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-200:focus {
+  .lg\:focus\:mid-yellow-200:focus {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-300:focus {
+  .lg\:focus\:mid-yellow-300:focus {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-400:focus {
+  .lg\:focus\:mid-yellow-400:focus {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-500:focus {
+  .lg\:focus\:mid-yellow-500:focus {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-600:focus {
+  .lg\:focus\:mid-yellow-600:focus {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-700:focus {
+  .lg\:focus\:mid-yellow-700:focus {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-800:focus {
+  .lg\:focus\:mid-yellow-800:focus {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:focus\:gradient-mid-yellow-900:focus {
+  .lg\:focus\:mid-yellow-900:focus {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-100:focus {
+  .lg\:focus\:mid-green-100:focus {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-200:focus {
+  .lg\:focus\:mid-green-200:focus {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-300:focus {
+  .lg\:focus\:mid-green-300:focus {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-400:focus {
+  .lg\:focus\:mid-green-400:focus {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-500:focus {
+  .lg\:focus\:mid-green-500:focus {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-600:focus {
+  .lg\:focus\:mid-green-600:focus {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-700:focus {
+  .lg\:focus\:mid-green-700:focus {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-800:focus {
+  .lg\:focus\:mid-green-800:focus {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:focus\:gradient-mid-green-900:focus {
+  .lg\:focus\:mid-green-900:focus {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-100:focus {
+  .lg\:focus\:mid-teal-100:focus {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-200:focus {
+  .lg\:focus\:mid-teal-200:focus {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-300:focus {
+  .lg\:focus\:mid-teal-300:focus {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-400:focus {
+  .lg\:focus\:mid-teal-400:focus {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-500:focus {
+  .lg\:focus\:mid-teal-500:focus {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-600:focus {
+  .lg\:focus\:mid-teal-600:focus {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-700:focus {
+  .lg\:focus\:mid-teal-700:focus {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-800:focus {
+  .lg\:focus\:mid-teal-800:focus {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:focus\:gradient-mid-teal-900:focus {
+  .lg\:focus\:mid-teal-900:focus {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-100:focus {
+  .lg\:focus\:mid-blue-100:focus {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-200:focus {
+  .lg\:focus\:mid-blue-200:focus {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-300:focus {
+  .lg\:focus\:mid-blue-300:focus {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-400:focus {
+  .lg\:focus\:mid-blue-400:focus {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-500:focus {
+  .lg\:focus\:mid-blue-500:focus {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-600:focus {
+  .lg\:focus\:mid-blue-600:focus {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-700:focus {
+  .lg\:focus\:mid-blue-700:focus {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-800:focus {
+  .lg\:focus\:mid-blue-800:focus {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:focus\:gradient-mid-blue-900:focus {
+  .lg\:focus\:mid-blue-900:focus {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-100:focus {
+  .lg\:focus\:mid-indigo-100:focus {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-200:focus {
+  .lg\:focus\:mid-indigo-200:focus {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-300:focus {
+  .lg\:focus\:mid-indigo-300:focus {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-400:focus {
+  .lg\:focus\:mid-indigo-400:focus {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-500:focus {
+  .lg\:focus\:mid-indigo-500:focus {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-600:focus {
+  .lg\:focus\:mid-indigo-600:focus {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-700:focus {
+  .lg\:focus\:mid-indigo-700:focus {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-800:focus {
+  .lg\:focus\:mid-indigo-800:focus {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:focus\:gradient-mid-indigo-900:focus {
+  .lg\:focus\:mid-indigo-900:focus {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-100:focus {
+  .lg\:focus\:mid-purple-100:focus {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-200:focus {
+  .lg\:focus\:mid-purple-200:focus {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-300:focus {
+  .lg\:focus\:mid-purple-300:focus {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-400:focus {
+  .lg\:focus\:mid-purple-400:focus {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-500:focus {
+  .lg\:focus\:mid-purple-500:focus {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-600:focus {
+  .lg\:focus\:mid-purple-600:focus {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-700:focus {
+  .lg\:focus\:mid-purple-700:focus {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-800:focus {
+  .lg\:focus\:mid-purple-800:focus {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:focus\:gradient-mid-purple-900:focus {
+  .lg\:focus\:mid-purple-900:focus {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-100:focus {
+  .lg\:focus\:mid-pink-100:focus {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-200:focus {
+  .lg\:focus\:mid-pink-200:focus {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-300:focus {
+  .lg\:focus\:mid-pink-300:focus {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-400:focus {
+  .lg\:focus\:mid-pink-400:focus {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-500:focus {
+  .lg\:focus\:mid-pink-500:focus {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-600:focus {
+  .lg\:focus\:mid-pink-600:focus {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-700:focus {
+  .lg\:focus\:mid-pink-700:focus {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-800:focus {
+  .lg\:focus\:mid-pink-800:focus {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:focus\:gradient-mid-pink-900:focus {
+  .lg\:focus\:mid-pink-900:focus {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  }
+
+  .lg\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .lg\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .lg\:focus\:to-black:focus {
+    --gradient-to-color: #000;
+  }
+
+  .lg\:focus\:to-white:focus {
+    --gradient-to-color: #fff;
+  }
+
+  .lg\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .lg\:focus\:to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .lg\:focus\:to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .lg\:focus\:to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .lg\:focus\:to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .lg\:focus\:to-gray-600:focus {
+    --gradient-to-color: #718096;
+  }
+
+  .lg\:focus\:to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+  }
+
+  .lg\:focus\:to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+  }
+
+  .lg\:focus\:to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+  }
+
+  .lg\:focus\:to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .lg\:focus\:to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .lg\:focus\:to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .lg\:focus\:to-red-400:focus {
+    --gradient-to-color: #fc8181;
+  }
+
+  .lg\:focus\:to-red-500:focus {
+    --gradient-to-color: #f56565;
+  }
+
+  .lg\:focus\:to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .lg\:focus\:to-red-700:focus {
+    --gradient-to-color: #c53030;
+  }
+
+  .lg\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .lg\:focus\:to-red-900:focus {
+    --gradient-to-color: #742a2a;
+  }
+
+  .lg\:focus\:to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .lg\:focus\:to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+  }
+
+  .lg\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .lg\:focus\:to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .lg\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+  }
+
+  .lg\:focus\:to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .lg\:focus\:to-orange-700:focus {
+    --gradient-to-color: #c05621;
+  }
+
+  .lg\:focus\:to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+  }
+
+  .lg\:focus\:to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+  }
+
+  .lg\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+  }
+
+  .lg\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .lg\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+  }
+
+  .lg\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .lg\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .lg\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .lg\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+  }
+
+  .lg\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+  }
+
+  .lg\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #744210;
+  }
+
+  .lg\:focus\:to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .lg\:focus\:to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .lg\:focus\:to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .lg\:focus\:to-green-400:focus {
+    --gradient-to-color: #68d391;
+  }
+
+  .lg\:focus\:to-green-500:focus {
+    --gradient-to-color: #48bb78;
+  }
+
+  .lg\:focus\:to-green-600:focus {
+    --gradient-to-color: #38a169;
+  }
+
+  .lg\:focus\:to-green-700:focus {
+    --gradient-to-color: #2f855a;
+  }
+
+  .lg\:focus\:to-green-800:focus {
+    --gradient-to-color: #276749;
+  }
+
+  .lg\:focus\:to-green-900:focus {
+    --gradient-to-color: #22543d;
+  }
+
+  .lg\:focus\:to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .lg\:focus\:to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .lg\:focus\:to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .lg\:focus\:to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .lg\:focus\:to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .lg\:focus\:to-teal-600:focus {
+    --gradient-to-color: #319795;
+  }
+
+  .lg\:focus\:to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .lg\:focus\:to-teal-800:focus {
+    --gradient-to-color: #285e61;
+  }
+
+  .lg\:focus\:to-teal-900:focus {
+    --gradient-to-color: #234e52;
+  }
+
+  .lg\:focus\:to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .lg\:focus\:to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .lg\:focus\:to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .lg\:focus\:to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .lg\:focus\:to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+  }
+
+  .lg\:focus\:to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+  }
+
+  .lg\:focus\:to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .lg\:focus\:to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+  }
+
+  .lg\:focus\:to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+  }
+
+  .lg\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .lg\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .lg\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .lg\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .lg\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+  }
+
+  .lg\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .lg\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .lg\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #434190;
+  }
+
+  .lg\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+  }
+
+  .lg\:focus\:to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .lg\:focus\:to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .lg\:focus\:to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .lg\:focus\:to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+  }
+
+  .lg\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .lg\:focus\:to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+  }
+
+  .lg\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .lg\:focus\:to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+  }
+
+  .lg\:focus\:to-purple-900:focus {
+    --gradient-to-color: #44337a;
+  }
+
+  .lg\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .lg\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .lg\:focus\:to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .lg\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+  }
+
+  .lg\:focus\:to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .lg\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .lg\:focus\:to-pink-700:focus {
+    --gradient-to-color: #b83280;
+  }
+
+  .lg\:focus\:to-pink-800:focus {
+    --gradient-to-color: #97266d;
+  }
+
+  .lg\:focus\:to-pink-900:focus {
+    --gradient-to-color: #702459;
   }
 
   .lg\:bg-opacity-0 {
@@ -76605,4250 +75541,3984 @@ 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-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-right {
-    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  .xl\:bg-gradient-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-down {
-    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  .xl\:bg-gradient-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-left {
-    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  .xl\:bg-gradient-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .xl\:gradient-from-transparent {
+  .xl\:bg-gradient-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .xl\:from-transparent {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:gradient-from-current {
+  .xl\:from-current {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:gradient-from-black {
+  .xl\:from-black {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:gradient-from-white {
+  .xl\:from-white {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:gradient-from-gray-100 {
+  .xl\:from-gray-100 {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:gradient-from-gray-200 {
+  .xl\:from-gray-200 {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:gradient-from-gray-300 {
+  .xl\:from-gray-300 {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:gradient-from-gray-400 {
+  .xl\:from-gray-400 {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:gradient-from-gray-500 {
+  .xl\:from-gray-500 {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:gradient-from-gray-600 {
+  .xl\:from-gray-600 {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:gradient-from-gray-700 {
+  .xl\:from-gray-700 {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:gradient-from-gray-800 {
+  .xl\:from-gray-800 {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:gradient-from-gray-900 {
+  .xl\:from-gray-900 {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:gradient-from-red-100 {
+  .xl\:from-red-100 {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:gradient-from-red-200 {
+  .xl\:from-red-200 {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:gradient-from-red-300 {
+  .xl\:from-red-300 {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:gradient-from-red-400 {
+  .xl\:from-red-400 {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:gradient-from-red-500 {
+  .xl\:from-red-500 {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:gradient-from-red-600 {
+  .xl\:from-red-600 {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:gradient-from-red-700 {
+  .xl\:from-red-700 {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:gradient-from-red-800 {
+  .xl\:from-red-800 {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:gradient-from-red-900 {
+  .xl\:from-red-900 {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:gradient-from-orange-100 {
+  .xl\:from-orange-100 {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:gradient-from-orange-200 {
+  .xl\:from-orange-200 {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:gradient-from-orange-300 {
+  .xl\:from-orange-300 {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:gradient-from-orange-400 {
+  .xl\:from-orange-400 {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:gradient-from-orange-500 {
+  .xl\:from-orange-500 {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:gradient-from-orange-600 {
+  .xl\:from-orange-600 {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:gradient-from-orange-700 {
+  .xl\:from-orange-700 {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:gradient-from-orange-800 {
+  .xl\:from-orange-800 {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:gradient-from-orange-900 {
+  .xl\:from-orange-900 {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:gradient-from-yellow-100 {
+  .xl\:from-yellow-100 {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:gradient-from-yellow-200 {
+  .xl\:from-yellow-200 {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:gradient-from-yellow-300 {
+  .xl\:from-yellow-300 {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:gradient-from-yellow-400 {
+  .xl\:from-yellow-400 {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:gradient-from-yellow-500 {
+  .xl\:from-yellow-500 {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:gradient-from-yellow-600 {
+  .xl\:from-yellow-600 {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:gradient-from-yellow-700 {
+  .xl\:from-yellow-700 {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:gradient-from-yellow-800 {
+  .xl\:from-yellow-800 {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:gradient-from-yellow-900 {
+  .xl\:from-yellow-900 {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:gradient-from-green-100 {
+  .xl\:from-green-100 {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:gradient-from-green-200 {
+  .xl\:from-green-200 {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:gradient-from-green-300 {
+  .xl\:from-green-300 {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:gradient-from-green-400 {
+  .xl\:from-green-400 {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:gradient-from-green-500 {
+  .xl\:from-green-500 {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:gradient-from-green-600 {
+  .xl\:from-green-600 {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:gradient-from-green-700 {
+  .xl\:from-green-700 {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:gradient-from-green-800 {
+  .xl\:from-green-800 {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:gradient-from-green-900 {
+  .xl\:from-green-900 {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:gradient-from-teal-100 {
+  .xl\:from-teal-100 {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:gradient-from-teal-200 {
+  .xl\:from-teal-200 {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:gradient-from-teal-300 {
+  .xl\:from-teal-300 {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:gradient-from-teal-400 {
+  .xl\:from-teal-400 {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:gradient-from-teal-500 {
+  .xl\:from-teal-500 {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:gradient-from-teal-600 {
+  .xl\:from-teal-600 {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:gradient-from-teal-700 {
+  .xl\:from-teal-700 {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:gradient-from-teal-800 {
+  .xl\:from-teal-800 {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:gradient-from-teal-900 {
+  .xl\:from-teal-900 {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:gradient-from-blue-100 {
+  .xl\:from-blue-100 {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:gradient-from-blue-200 {
+  .xl\:from-blue-200 {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:gradient-from-blue-300 {
+  .xl\:from-blue-300 {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:gradient-from-blue-400 {
+  .xl\:from-blue-400 {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:gradient-from-blue-500 {
+  .xl\:from-blue-500 {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:gradient-from-blue-600 {
+  .xl\:from-blue-600 {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:gradient-from-blue-700 {
+  .xl\:from-blue-700 {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:gradient-from-blue-800 {
+  .xl\:from-blue-800 {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:gradient-from-blue-900 {
+  .xl\:from-blue-900 {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:gradient-from-indigo-100 {
+  .xl\:from-indigo-100 {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:gradient-from-indigo-200 {
+  .xl\:from-indigo-200 {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:gradient-from-indigo-300 {
+  .xl\:from-indigo-300 {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:gradient-from-indigo-400 {
+  .xl\:from-indigo-400 {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:gradient-from-indigo-500 {
+  .xl\:from-indigo-500 {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:gradient-from-indigo-600 {
+  .xl\:from-indigo-600 {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:gradient-from-indigo-700 {
+  .xl\:from-indigo-700 {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:gradient-from-indigo-800 {
+  .xl\:from-indigo-800 {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:gradient-from-indigo-900 {
+  .xl\:from-indigo-900 {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:gradient-from-purple-100 {
+  .xl\:from-purple-100 {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:gradient-from-purple-200 {
+  .xl\:from-purple-200 {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:gradient-from-purple-300 {
+  .xl\:from-purple-300 {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:gradient-from-purple-400 {
+  .xl\:from-purple-400 {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:gradient-from-purple-500 {
+  .xl\:from-purple-500 {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:gradient-from-purple-600 {
+  .xl\:from-purple-600 {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:gradient-from-purple-700 {
+  .xl\:from-purple-700 {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:gradient-from-purple-800 {
+  .xl\:from-purple-800 {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:gradient-from-purple-900 {
+  .xl\:from-purple-900 {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:gradient-from-pink-100 {
+  .xl\:from-pink-100 {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:gradient-from-pink-200 {
+  .xl\:from-pink-200 {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:gradient-from-pink-300 {
+  .xl\:from-pink-300 {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:gradient-from-pink-400 {
+  .xl\:from-pink-400 {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:gradient-from-pink-500 {
+  .xl\:from-pink-500 {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:gradient-from-pink-600 {
+  .xl\:from-pink-600 {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:gradient-from-pink-700 {
+  .xl\:from-pink-700 {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:gradient-from-pink-800 {
+  .xl\:from-pink-800 {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:gradient-from-pink-900 {
+  .xl\:from-pink-900 {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .xl\:mid-transparent {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:gradient-mid-current {
+  .xl\:mid-current {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:gradient-mid-black {
+  .xl\:mid-black {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:gradient-mid-white {
+  .xl\:mid-white {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:gradient-mid-gray-100 {
+  .xl\:mid-gray-100 {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:gradient-mid-gray-200 {
+  .xl\:mid-gray-200 {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:gradient-mid-gray-300 {
+  .xl\:mid-gray-300 {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:gradient-mid-gray-400 {
+  .xl\:mid-gray-400 {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:gradient-mid-gray-500 {
+  .xl\:mid-gray-500 {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:gradient-mid-gray-600 {
+  .xl\:mid-gray-600 {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:gradient-mid-gray-700 {
+  .xl\:mid-gray-700 {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:gradient-mid-gray-800 {
+  .xl\:mid-gray-800 {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:gradient-mid-gray-900 {
+  .xl\:mid-gray-900 {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:gradient-mid-red-100 {
+  .xl\:mid-red-100 {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:gradient-mid-red-200 {
+  .xl\:mid-red-200 {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:gradient-mid-red-300 {
+  .xl\:mid-red-300 {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:gradient-mid-red-400 {
+  .xl\:mid-red-400 {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:gradient-mid-red-500 {
+  .xl\:mid-red-500 {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:gradient-mid-red-600 {
+  .xl\:mid-red-600 {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:gradient-mid-red-700 {
+  .xl\:mid-red-700 {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:gradient-mid-red-800 {
+  .xl\:mid-red-800 {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:gradient-mid-red-900 {
+  .xl\:mid-red-900 {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:gradient-mid-orange-100 {
+  .xl\:mid-orange-100 {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:gradient-mid-orange-200 {
+  .xl\:mid-orange-200 {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:gradient-mid-orange-300 {
+  .xl\:mid-orange-300 {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:gradient-mid-orange-400 {
+  .xl\:mid-orange-400 {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:gradient-mid-orange-500 {
+  .xl\:mid-orange-500 {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:gradient-mid-orange-600 {
+  .xl\:mid-orange-600 {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:gradient-mid-orange-700 {
+  .xl\:mid-orange-700 {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:gradient-mid-orange-800 {
+  .xl\:mid-orange-800 {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:gradient-mid-orange-900 {
+  .xl\:mid-orange-900 {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:gradient-mid-yellow-100 {
+  .xl\:mid-yellow-100 {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:gradient-mid-yellow-200 {
+  .xl\:mid-yellow-200 {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:gradient-mid-yellow-300 {
+  .xl\:mid-yellow-300 {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:gradient-mid-yellow-400 {
+  .xl\:mid-yellow-400 {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:gradient-mid-yellow-500 {
+  .xl\:mid-yellow-500 {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:gradient-mid-yellow-600 {
+  .xl\:mid-yellow-600 {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:gradient-mid-yellow-700 {
+  .xl\:mid-yellow-700 {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:gradient-mid-yellow-800 {
+  .xl\:mid-yellow-800 {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:gradient-mid-yellow-900 {
+  .xl\:mid-yellow-900 {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:gradient-mid-green-100 {
+  .xl\:mid-green-100 {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:gradient-mid-green-200 {
+  .xl\:mid-green-200 {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:gradient-mid-green-300 {
+  .xl\:mid-green-300 {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:gradient-mid-green-400 {
+  .xl\:mid-green-400 {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:gradient-mid-green-500 {
+  .xl\:mid-green-500 {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:gradient-mid-green-600 {
+  .xl\:mid-green-600 {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:gradient-mid-green-700 {
+  .xl\:mid-green-700 {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:gradient-mid-green-800 {
+  .xl\:mid-green-800 {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:gradient-mid-green-900 {
+  .xl\:mid-green-900 {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:gradient-mid-teal-100 {
+  .xl\:mid-teal-100 {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:gradient-mid-teal-200 {
+  .xl\:mid-teal-200 {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:gradient-mid-teal-300 {
+  .xl\:mid-teal-300 {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:gradient-mid-teal-400 {
+  .xl\:mid-teal-400 {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:gradient-mid-teal-500 {
+  .xl\:mid-teal-500 {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:gradient-mid-teal-600 {
+  .xl\:mid-teal-600 {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:gradient-mid-teal-700 {
+  .xl\:mid-teal-700 {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:gradient-mid-teal-800 {
+  .xl\:mid-teal-800 {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:gradient-mid-teal-900 {
+  .xl\:mid-teal-900 {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:gradient-mid-blue-100 {
+  .xl\:mid-blue-100 {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:gradient-mid-blue-200 {
+  .xl\:mid-blue-200 {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:gradient-mid-blue-300 {
+  .xl\:mid-blue-300 {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:gradient-mid-blue-400 {
+  .xl\:mid-blue-400 {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:gradient-mid-blue-500 {
+  .xl\:mid-blue-500 {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:gradient-mid-blue-600 {
+  .xl\:mid-blue-600 {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:gradient-mid-blue-700 {
+  .xl\:mid-blue-700 {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:gradient-mid-blue-800 {
+  .xl\:mid-blue-800 {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:gradient-mid-blue-900 {
+  .xl\:mid-blue-900 {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:gradient-mid-indigo-100 {
+  .xl\:mid-indigo-100 {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:gradient-mid-indigo-200 {
+  .xl\:mid-indigo-200 {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:gradient-mid-indigo-300 {
+  .xl\:mid-indigo-300 {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:gradient-mid-indigo-400 {
+  .xl\:mid-indigo-400 {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:gradient-mid-indigo-500 {
+  .xl\:mid-indigo-500 {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:gradient-mid-indigo-600 {
+  .xl\:mid-indigo-600 {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:gradient-mid-indigo-700 {
+  .xl\:mid-indigo-700 {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:gradient-mid-indigo-800 {
+  .xl\:mid-indigo-800 {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:gradient-mid-indigo-900 {
+  .xl\:mid-indigo-900 {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:gradient-mid-purple-100 {
+  .xl\:mid-purple-100 {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:gradient-mid-purple-200 {
+  .xl\:mid-purple-200 {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:gradient-mid-purple-300 {
+  .xl\:mid-purple-300 {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:gradient-mid-purple-400 {
+  .xl\:mid-purple-400 {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:gradient-mid-purple-500 {
+  .xl\:mid-purple-500 {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:gradient-mid-purple-600 {
+  .xl\:mid-purple-600 {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:gradient-mid-purple-700 {
+  .xl\:mid-purple-700 {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:gradient-mid-purple-800 {
+  .xl\:mid-purple-800 {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:gradient-mid-purple-900 {
+  .xl\:mid-purple-900 {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:gradient-mid-pink-100 {
+  .xl\:mid-pink-100 {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:gradient-mid-pink-200 {
+  .xl\:mid-pink-200 {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:gradient-mid-pink-300 {
+  .xl\:mid-pink-300 {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:gradient-mid-pink-400 {
+  .xl\:mid-pink-400 {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:gradient-mid-pink-500 {
+  .xl\:mid-pink-500 {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:gradient-mid-pink-600 {
+  .xl\:mid-pink-600 {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:gradient-mid-pink-700 {
+  .xl\:mid-pink-700 {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:gradient-mid-pink-800 {
+  .xl\:mid-pink-800 {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:gradient-mid-pink-900 {
+  .xl\:mid-pink-900 {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .xl\:hover\:gradient-from-transparent:hover {
+  .xl\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .xl\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .xl\:to-black {
+    --gradient-to-color: #000;
+  }
+
+  .xl\:to-white {
+    --gradient-to-color: #fff;
+  }
+
+  .xl\:to-gray-100 {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .xl\:to-gray-200 {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .xl\:to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .xl\:to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .xl\:to-gray-500 {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .xl\:to-gray-600 {
+    --gradient-to-color: #718096;
+  }
+
+  .xl\:to-gray-700 {
+    --gradient-to-color: #4a5568;
+  }
+
+  .xl\:to-gray-800 {
+    --gradient-to-color: #2d3748;
+  }
+
+  .xl\:to-gray-900 {
+    --gradient-to-color: #1a202c;
+  }
+
+  .xl\:to-red-100 {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .xl\:to-red-200 {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .xl\:to-red-300 {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .xl\:to-red-400 {
+    --gradient-to-color: #fc8181;
+  }
+
+  .xl\:to-red-500 {
+    --gradient-to-color: #f56565;
+  }
+
+  .xl\:to-red-600 {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .xl\:to-red-700 {
+    --gradient-to-color: #c53030;
+  }
+
+  .xl\:to-red-800 {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .xl\:to-red-900 {
+    --gradient-to-color: #742a2a;
+  }
+
+  .xl\:to-orange-100 {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .xl\:to-orange-200 {
+    --gradient-to-color: #feebc8;
+  }
+
+  .xl\:to-orange-300 {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .xl\:to-orange-400 {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .xl\:to-orange-500 {
+    --gradient-to-color: #ed8936;
+  }
+
+  .xl\:to-orange-600 {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .xl\:to-orange-700 {
+    --gradient-to-color: #c05621;
+  }
+
+  .xl\:to-orange-800 {
+    --gradient-to-color: #9c4221;
+  }
+
+  .xl\:to-orange-900 {
+    --gradient-to-color: #7b341e;
+  }
+
+  .xl\:to-yellow-100 {
+    --gradient-to-color: #fffff0;
+  }
+
+  .xl\:to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .xl\:to-yellow-300 {
+    --gradient-to-color: #faf089;
+  }
+
+  .xl\:to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .xl\:to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .xl\:to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .xl\:to-yellow-700 {
+    --gradient-to-color: #b7791f;
+  }
+
+  .xl\:to-yellow-800 {
+    --gradient-to-color: #975a16;
+  }
+
+  .xl\:to-yellow-900 {
+    --gradient-to-color: #744210;
+  }
+
+  .xl\:to-green-100 {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .xl\:to-green-200 {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .xl\:to-green-300 {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .xl\:to-green-400 {
+    --gradient-to-color: #68d391;
+  }
+
+  .xl\:to-green-500 {
+    --gradient-to-color: #48bb78;
+  }
+
+  .xl\:to-green-600 {
+    --gradient-to-color: #38a169;
+  }
+
+  .xl\:to-green-700 {
+    --gradient-to-color: #2f855a;
+  }
+
+  .xl\:to-green-800 {
+    --gradient-to-color: #276749;
+  }
+
+  .xl\:to-green-900 {
+    --gradient-to-color: #22543d;
+  }
+
+  .xl\:to-teal-100 {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .xl\:to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .xl\:to-teal-300 {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .xl\:to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .xl\:to-teal-500 {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .xl\:to-teal-600 {
+    --gradient-to-color: #319795;
+  }
+
+  .xl\:to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .xl\:to-teal-800 {
+    --gradient-to-color: #285e61;
+  }
+
+  .xl\:to-teal-900 {
+    --gradient-to-color: #234e52;
+  }
+
+  .xl\:to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .xl\:to-blue-200 {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .xl\:to-blue-300 {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .xl\:to-blue-400 {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .xl\:to-blue-500 {
+    --gradient-to-color: #4299e1;
+  }
+
+  .xl\:to-blue-600 {
+    --gradient-to-color: #3182ce;
+  }
+
+  .xl\:to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .xl\:to-blue-800 {
+    --gradient-to-color: #2c5282;
+  }
+
+  .xl\:to-blue-900 {
+    --gradient-to-color: #2a4365;
+  }
+
+  .xl\:to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .xl\:to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .xl\:to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .xl\:to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .xl\:to-indigo-500 {
+    --gradient-to-color: #667eea;
+  }
+
+  .xl\:to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .xl\:to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .xl\:to-indigo-800 {
+    --gradient-to-color: #434190;
+  }
+
+  .xl\:to-indigo-900 {
+    --gradient-to-color: #3c366b;
+  }
+
+  .xl\:to-purple-100 {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .xl\:to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .xl\:to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .xl\:to-purple-400 {
+    --gradient-to-color: #b794f4;
+  }
+
+  .xl\:to-purple-500 {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .xl\:to-purple-600 {
+    --gradient-to-color: #805ad5;
+  }
+
+  .xl\:to-purple-700 {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .xl\:to-purple-800 {
+    --gradient-to-color: #553c9a;
+  }
+
+  .xl\:to-purple-900 {
+    --gradient-to-color: #44337a;
+  }
+
+  .xl\:to-pink-100 {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .xl\:to-pink-200 {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .xl\:to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .xl\:to-pink-400 {
+    --gradient-to-color: #f687b3;
+  }
+
+  .xl\:to-pink-500 {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .xl\:to-pink-600 {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .xl\:to-pink-700 {
+    --gradient-to-color: #b83280;
+  }
+
+  .xl\:to-pink-800 {
+    --gradient-to-color: #97266d;
+  }
+
+  .xl\:to-pink-900 {
+    --gradient-to-color: #702459;
+  }
+
+  .xl\:hover\:from-transparent:hover {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:gradient-from-current:hover {
+  .xl\:hover\:from-current:hover {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-black:hover {
+  .xl\:hover\:from-black:hover {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:gradient-from-white:hover {
+  .xl\:hover\:from-white:hover {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-100:hover {
+  .xl\:hover\:from-gray-100:hover {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-200:hover {
+  .xl\:hover\:from-gray-200:hover {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-300:hover {
+  .xl\:hover\:from-gray-300:hover {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-400:hover {
+  .xl\:hover\:from-gray-400:hover {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-500:hover {
+  .xl\:hover\:from-gray-500:hover {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-600:hover {
+  .xl\:hover\:from-gray-600:hover {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-700:hover {
+  .xl\:hover\:from-gray-700:hover {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-800:hover {
+  .xl\:hover\:from-gray-800:hover {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:hover\:gradient-from-gray-900:hover {
+  .xl\:hover\:from-gray-900:hover {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:hover\:gradient-from-red-100:hover {
+  .xl\:hover\:from-red-100:hover {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:hover\:gradient-from-red-200:hover {
+  .xl\:hover\:from-red-200:hover {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:hover\:gradient-from-red-300:hover {
+  .xl\:hover\:from-red-300:hover {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:hover\:gradient-from-red-400:hover {
+  .xl\:hover\:from-red-400:hover {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:hover\:gradient-from-red-500:hover {
+  .xl\:hover\:from-red-500:hover {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:hover\:gradient-from-red-600:hover {
+  .xl\:hover\:from-red-600:hover {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:hover\:gradient-from-red-700:hover {
+  .xl\:hover\:from-red-700:hover {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:hover\:gradient-from-red-800:hover {
+  .xl\:hover\:from-red-800:hover {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:hover\:gradient-from-red-900:hover {
+  .xl\:hover\:from-red-900:hover {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-100:hover {
+  .xl\:hover\:from-orange-100:hover {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-200:hover {
+  .xl\:hover\:from-orange-200:hover {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-300:hover {
+  .xl\:hover\:from-orange-300:hover {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-400:hover {
+  .xl\:hover\:from-orange-400:hover {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-500:hover {
+  .xl\:hover\:from-orange-500:hover {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-600:hover {
+  .xl\:hover\:from-orange-600:hover {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-700:hover {
+  .xl\:hover\:from-orange-700:hover {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-800:hover {
+  .xl\:hover\:from-orange-800:hover {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:hover\:gradient-from-orange-900:hover {
+  .xl\:hover\:from-orange-900:hover {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-100:hover {
+  .xl\:hover\:from-yellow-100:hover {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-200:hover {
+  .xl\:hover\:from-yellow-200:hover {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-300:hover {
+  .xl\:hover\:from-yellow-300:hover {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-400:hover {
+  .xl\:hover\:from-yellow-400:hover {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-500:hover {
+  .xl\:hover\:from-yellow-500:hover {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-600:hover {
+  .xl\:hover\:from-yellow-600:hover {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-700:hover {
+  .xl\:hover\:from-yellow-700:hover {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-800:hover {
+  .xl\:hover\:from-yellow-800:hover {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:hover\:gradient-from-yellow-900:hover {
+  .xl\:hover\:from-yellow-900:hover {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:hover\:gradient-from-green-100:hover {
+  .xl\:hover\:from-green-100:hover {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:hover\:gradient-from-green-200:hover {
+  .xl\:hover\:from-green-200:hover {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:hover\:gradient-from-green-300:hover {
+  .xl\:hover\:from-green-300:hover {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:hover\:gradient-from-green-400:hover {
+  .xl\:hover\:from-green-400:hover {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:hover\:gradient-from-green-500:hover {
+  .xl\:hover\:from-green-500:hover {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:hover\:gradient-from-green-600:hover {
+  .xl\:hover\:from-green-600:hover {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:hover\:gradient-from-green-700:hover {
+  .xl\:hover\:from-green-700:hover {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:hover\:gradient-from-green-800:hover {
+  .xl\:hover\:from-green-800:hover {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:hover\:gradient-from-green-900:hover {
+  .xl\:hover\:from-green-900:hover {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-100:hover {
+  .xl\:hover\:from-teal-100:hover {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-200:hover {
+  .xl\:hover\:from-teal-200:hover {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-300:hover {
+  .xl\:hover\:from-teal-300:hover {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-400:hover {
+  .xl\:hover\:from-teal-400:hover {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-500:hover {
+  .xl\:hover\:from-teal-500:hover {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-600:hover {
+  .xl\:hover\:from-teal-600:hover {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-700:hover {
+  .xl\:hover\:from-teal-700:hover {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-800:hover {
+  .xl\:hover\:from-teal-800:hover {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:hover\:gradient-from-teal-900:hover {
+  .xl\:hover\:from-teal-900:hover {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-100:hover {
+  .xl\:hover\:from-blue-100:hover {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-200:hover {
+  .xl\:hover\:from-blue-200:hover {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-300:hover {
+  .xl\:hover\:from-blue-300:hover {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-400:hover {
+  .xl\:hover\:from-blue-400:hover {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-500:hover {
+  .xl\:hover\:from-blue-500:hover {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-600:hover {
+  .xl\:hover\:from-blue-600:hover {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-700:hover {
+  .xl\:hover\:from-blue-700:hover {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-800:hover {
+  .xl\:hover\:from-blue-800:hover {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:hover\:gradient-from-blue-900:hover {
+  .xl\:hover\:from-blue-900:hover {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-100:hover {
+  .xl\:hover\:from-indigo-100:hover {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-200:hover {
+  .xl\:hover\:from-indigo-200:hover {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-300:hover {
+  .xl\:hover\:from-indigo-300:hover {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-400:hover {
+  .xl\:hover\:from-indigo-400:hover {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-500:hover {
+  .xl\:hover\:from-indigo-500:hover {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-600:hover {
+  .xl\:hover\:from-indigo-600:hover {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-700:hover {
+  .xl\:hover\:from-indigo-700:hover {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-800:hover {
+  .xl\:hover\:from-indigo-800:hover {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:hover\:gradient-from-indigo-900:hover {
+  .xl\:hover\:from-indigo-900:hover {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-100:hover {
+  .xl\:hover\:from-purple-100:hover {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-200:hover {
+  .xl\:hover\:from-purple-200:hover {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-300:hover {
+  .xl\:hover\:from-purple-300:hover {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-400:hover {
+  .xl\:hover\:from-purple-400:hover {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-500:hover {
+  .xl\:hover\:from-purple-500:hover {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-600:hover {
+  .xl\:hover\:from-purple-600:hover {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-700:hover {
+  .xl\:hover\:from-purple-700:hover {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-800:hover {
+  .xl\:hover\:from-purple-800:hover {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:hover\:gradient-from-purple-900:hover {
+  .xl\:hover\:from-purple-900:hover {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-100:hover {
+  .xl\:hover\:from-pink-100:hover {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-200:hover {
+  .xl\:hover\:from-pink-200:hover {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-300:hover {
+  .xl\:hover\:from-pink-300:hover {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-400:hover {
+  .xl\:hover\:from-pink-400:hover {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-500:hover {
+  .xl\:hover\:from-pink-500:hover {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-600:hover {
+  .xl\:hover\:from-pink-600:hover {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-700:hover {
+  .xl\:hover\:from-pink-700:hover {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-800:hover {
+  .xl\:hover\:from-pink-800:hover {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:hover\:gradient-from-pink-900:hover {
+  .xl\:hover\:from-pink-900:hover {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .xl\:hover\:mid-transparent:hover {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:gradient-mid-current:hover {
+  .xl\:hover\:mid-current:hover {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-black:hover {
+  .xl\:hover\:mid-black:hover {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:gradient-mid-white:hover {
+  .xl\:hover\:mid-white:hover {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-100:hover {
+  .xl\:hover\:mid-gray-100:hover {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-200:hover {
+  .xl\:hover\:mid-gray-200:hover {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-300:hover {
+  .xl\:hover\:mid-gray-300:hover {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-400:hover {
+  .xl\:hover\:mid-gray-400:hover {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-500:hover {
+  .xl\:hover\:mid-gray-500:hover {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-600:hover {
+  .xl\:hover\:mid-gray-600:hover {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-700:hover {
+  .xl\:hover\:mid-gray-700:hover {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-800:hover {
+  .xl\:hover\:mid-gray-800:hover {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:hover\:gradient-mid-gray-900:hover {
+  .xl\:hover\:mid-gray-900:hover {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-100:hover {
+  .xl\:hover\:mid-red-100:hover {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-200:hover {
+  .xl\:hover\:mid-red-200:hover {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-300:hover {
+  .xl\:hover\:mid-red-300:hover {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-400:hover {
+  .xl\:hover\:mid-red-400:hover {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-500:hover {
+  .xl\:hover\:mid-red-500:hover {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-600:hover {
+  .xl\:hover\:mid-red-600:hover {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-700:hover {
+  .xl\:hover\:mid-red-700:hover {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-800:hover {
+  .xl\:hover\:mid-red-800:hover {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:hover\:gradient-mid-red-900:hover {
+  .xl\:hover\:mid-red-900:hover {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-100:hover {
+  .xl\:hover\:mid-orange-100:hover {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-200:hover {
+  .xl\:hover\:mid-orange-200:hover {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-300:hover {
+  .xl\:hover\:mid-orange-300:hover {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-400:hover {
+  .xl\:hover\:mid-orange-400:hover {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-500:hover {
+  .xl\:hover\:mid-orange-500:hover {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-600:hover {
+  .xl\:hover\:mid-orange-600:hover {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-700:hover {
+  .xl\:hover\:mid-orange-700:hover {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-800:hover {
+  .xl\:hover\:mid-orange-800:hover {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:hover\:gradient-mid-orange-900:hover {
+  .xl\:hover\:mid-orange-900:hover {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-100:hover {
+  .xl\:hover\:mid-yellow-100:hover {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-200:hover {
+  .xl\:hover\:mid-yellow-200:hover {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-300:hover {
+  .xl\:hover\:mid-yellow-300:hover {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-400:hover {
+  .xl\:hover\:mid-yellow-400:hover {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-500:hover {
+  .xl\:hover\:mid-yellow-500:hover {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-600:hover {
+  .xl\:hover\:mid-yellow-600:hover {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-700:hover {
+  .xl\:hover\:mid-yellow-700:hover {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-800:hover {
+  .xl\:hover\:mid-yellow-800:hover {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:hover\:gradient-mid-yellow-900:hover {
+  .xl\:hover\:mid-yellow-900:hover {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-100:hover {
+  .xl\:hover\:mid-green-100:hover {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-200:hover {
+  .xl\:hover\:mid-green-200:hover {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-300:hover {
+  .xl\:hover\:mid-green-300:hover {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-400:hover {
+  .xl\:hover\:mid-green-400:hover {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-500:hover {
+  .xl\:hover\:mid-green-500:hover {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-600:hover {
+  .xl\:hover\:mid-green-600:hover {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-700:hover {
+  .xl\:hover\:mid-green-700:hover {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-800:hover {
+  .xl\:hover\:mid-green-800:hover {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:hover\:gradient-mid-green-900:hover {
+  .xl\:hover\:mid-green-900:hover {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-100:hover {
+  .xl\:hover\:mid-teal-100:hover {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-200:hover {
+  .xl\:hover\:mid-teal-200:hover {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-300:hover {
+  .xl\:hover\:mid-teal-300:hover {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-400:hover {
+  .xl\:hover\:mid-teal-400:hover {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-500:hover {
+  .xl\:hover\:mid-teal-500:hover {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-600:hover {
+  .xl\:hover\:mid-teal-600:hover {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-700:hover {
+  .xl\:hover\:mid-teal-700:hover {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-800:hover {
+  .xl\:hover\:mid-teal-800:hover {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:hover\:gradient-mid-teal-900:hover {
+  .xl\:hover\:mid-teal-900:hover {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-100:hover {
+  .xl\:hover\:mid-blue-100:hover {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-200:hover {
+  .xl\:hover\:mid-blue-200:hover {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-300:hover {
+  .xl\:hover\:mid-blue-300:hover {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-400:hover {
+  .xl\:hover\:mid-blue-400:hover {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-500:hover {
+  .xl\:hover\:mid-blue-500:hover {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-600:hover {
+  .xl\:hover\:mid-blue-600:hover {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-700:hover {
+  .xl\:hover\:mid-blue-700:hover {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-800:hover {
+  .xl\:hover\:mid-blue-800:hover {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:hover\:gradient-mid-blue-900:hover {
+  .xl\:hover\:mid-blue-900:hover {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-100:hover {
+  .xl\:hover\:mid-indigo-100:hover {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-200:hover {
+  .xl\:hover\:mid-indigo-200:hover {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-300:hover {
+  .xl\:hover\:mid-indigo-300:hover {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-400:hover {
+  .xl\:hover\:mid-indigo-400:hover {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-500:hover {
+  .xl\:hover\:mid-indigo-500:hover {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-600:hover {
+  .xl\:hover\:mid-indigo-600:hover {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-700:hover {
+  .xl\:hover\:mid-indigo-700:hover {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-800:hover {
+  .xl\:hover\:mid-indigo-800:hover {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:hover\:gradient-mid-indigo-900:hover {
+  .xl\:hover\:mid-indigo-900:hover {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-100:hover {
+  .xl\:hover\:mid-purple-100:hover {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-200:hover {
+  .xl\:hover\:mid-purple-200:hover {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-300:hover {
+  .xl\:hover\:mid-purple-300:hover {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-400:hover {
+  .xl\:hover\:mid-purple-400:hover {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-500:hover {
+  .xl\:hover\:mid-purple-500:hover {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-600:hover {
+  .xl\:hover\:mid-purple-600:hover {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-700:hover {
+  .xl\:hover\:mid-purple-700:hover {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-800:hover {
+  .xl\:hover\:mid-purple-800:hover {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:hover\:gradient-mid-purple-900:hover {
+  .xl\:hover\:mid-purple-900:hover {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-100:hover {
+  .xl\:hover\:mid-pink-100:hover {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-200:hover {
+  .xl\:hover\:mid-pink-200:hover {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-300:hover {
+  .xl\:hover\:mid-pink-300:hover {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-400:hover {
+  .xl\:hover\:mid-pink-400:hover {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-500:hover {
+  .xl\:hover\:mid-pink-500:hover {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-600:hover {
+  .xl\:hover\:mid-pink-600:hover {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-700:hover {
+  .xl\:hover\:mid-pink-700:hover {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-800:hover {
+  .xl\:hover\:mid-pink-800:hover {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:hover\:gradient-mid-pink-900:hover {
+  .xl\:hover\:mid-pink-900:hover {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .xl\:focus\:gradient-from-transparent:focus {
+  .xl\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .xl\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .xl\:hover\:to-black:hover {
+    --gradient-to-color: #000;
+  }
+
+  .xl\:hover\:to-white:hover {
+    --gradient-to-color: #fff;
+  }
+
+  .xl\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .xl\:hover\:to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .xl\:hover\:to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .xl\:hover\:to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .xl\:hover\:to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .xl\:hover\:to-gray-600:hover {
+    --gradient-to-color: #718096;
+  }
+
+  .xl\:hover\:to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+  }
+
+  .xl\:hover\:to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+  }
+
+  .xl\:hover\:to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+  }
+
+  .xl\:hover\:to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .xl\:hover\:to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .xl\:hover\:to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .xl\:hover\:to-red-400:hover {
+    --gradient-to-color: #fc8181;
+  }
+
+  .xl\:hover\:to-red-500:hover {
+    --gradient-to-color: #f56565;
+  }
+
+  .xl\:hover\:to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .xl\:hover\:to-red-700:hover {
+    --gradient-to-color: #c53030;
+  }
+
+  .xl\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .xl\:hover\:to-red-900:hover {
+    --gradient-to-color: #742a2a;
+  }
+
+  .xl\:hover\:to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .xl\:hover\:to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+  }
+
+  .xl\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .xl\:hover\:to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .xl\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+  }
+
+  .xl\:hover\:to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .xl\:hover\:to-orange-700:hover {
+    --gradient-to-color: #c05621;
+  }
+
+  .xl\:hover\:to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+  }
+
+  .xl\:hover\:to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+  }
+
+  .xl\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+  }
+
+  .xl\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .xl\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+  }
+
+  .xl\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .xl\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .xl\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .xl\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+  }
+
+  .xl\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+  }
+
+  .xl\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #744210;
+  }
+
+  .xl\:hover\:to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .xl\:hover\:to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .xl\:hover\:to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .xl\:hover\:to-green-400:hover {
+    --gradient-to-color: #68d391;
+  }
+
+  .xl\:hover\:to-green-500:hover {
+    --gradient-to-color: #48bb78;
+  }
+
+  .xl\:hover\:to-green-600:hover {
+    --gradient-to-color: #38a169;
+  }
+
+  .xl\:hover\:to-green-700:hover {
+    --gradient-to-color: #2f855a;
+  }
+
+  .xl\:hover\:to-green-800:hover {
+    --gradient-to-color: #276749;
+  }
+
+  .xl\:hover\:to-green-900:hover {
+    --gradient-to-color: #22543d;
+  }
+
+  .xl\:hover\:to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .xl\:hover\:to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .xl\:hover\:to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .xl\:hover\:to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .xl\:hover\:to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .xl\:hover\:to-teal-600:hover {
+    --gradient-to-color: #319795;
+  }
+
+  .xl\:hover\:to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .xl\:hover\:to-teal-800:hover {
+    --gradient-to-color: #285e61;
+  }
+
+  .xl\:hover\:to-teal-900:hover {
+    --gradient-to-color: #234e52;
+  }
+
+  .xl\:hover\:to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .xl\:hover\:to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .xl\:hover\:to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .xl\:hover\:to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .xl\:hover\:to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+  }
+
+  .xl\:hover\:to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+  }
+
+  .xl\:hover\:to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .xl\:hover\:to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+  }
+
+  .xl\:hover\:to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+  }
+
+  .xl\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .xl\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .xl\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .xl\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .xl\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+  }
+
+  .xl\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .xl\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .xl\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #434190;
+  }
+
+  .xl\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+  }
+
+  .xl\:hover\:to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .xl\:hover\:to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .xl\:hover\:to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .xl\:hover\:to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+  }
+
+  .xl\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .xl\:hover\:to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+  }
+
+  .xl\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .xl\:hover\:to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+  }
+
+  .xl\:hover\:to-purple-900:hover {
+    --gradient-to-color: #44337a;
+  }
+
+  .xl\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .xl\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .xl\:hover\:to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .xl\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+  }
+
+  .xl\:hover\:to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .xl\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .xl\:hover\:to-pink-700:hover {
+    --gradient-to-color: #b83280;
+  }
+
+  .xl\:hover\:to-pink-800:hover {
+    --gradient-to-color: #97266d;
+  }
+
+  .xl\:hover\:to-pink-900:hover {
+    --gradient-to-color: #702459;
+  }
+
+  .xl\:focus\:from-transparent:focus {
     --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:gradient-from-current:focus {
+  .xl\:focus\:from-current:focus {
     --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-black:focus {
+  .xl\:focus\:from-black:focus {
     --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:gradient-from-white:focus {
+  .xl\:focus\:from-white:focus {
     --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-100:focus {
+  .xl\:focus\:from-gray-100:focus {
     --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-200:focus {
+  .xl\:focus\:from-gray-200:focus {
     --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-300:focus {
+  .xl\:focus\:from-gray-300:focus {
     --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-400:focus {
+  .xl\:focus\:from-gray-400:focus {
     --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-500:focus {
+  .xl\:focus\:from-gray-500:focus {
     --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-600:focus {
+  .xl\:focus\:from-gray-600:focus {
     --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-700:focus {
+  .xl\:focus\:from-gray-700:focus {
     --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-800:focus {
+  .xl\:focus\:from-gray-800:focus {
     --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:focus\:gradient-from-gray-900:focus {
+  .xl\:focus\:from-gray-900:focus {
     --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:focus\:gradient-from-red-100:focus {
+  .xl\:focus\:from-red-100:focus {
     --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:focus\:gradient-from-red-200:focus {
+  .xl\:focus\:from-red-200:focus {
     --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:focus\:gradient-from-red-300:focus {
+  .xl\:focus\:from-red-300:focus {
     --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:focus\:gradient-from-red-400:focus {
+  .xl\:focus\:from-red-400:focus {
     --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:focus\:gradient-from-red-500:focus {
+  .xl\:focus\:from-red-500:focus {
     --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:focus\:gradient-from-red-600:focus {
+  .xl\:focus\:from-red-600:focus {
     --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:focus\:gradient-from-red-700:focus {
+  .xl\:focus\:from-red-700:focus {
     --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:focus\:gradient-from-red-800:focus {
+  .xl\:focus\:from-red-800:focus {
     --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:focus\:gradient-from-red-900:focus {
+  .xl\:focus\:from-red-900:focus {
     --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-100:focus {
+  .xl\:focus\:from-orange-100:focus {
     --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-200:focus {
+  .xl\:focus\:from-orange-200:focus {
     --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-300:focus {
+  .xl\:focus\:from-orange-300:focus {
     --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-400:focus {
+  .xl\:focus\:from-orange-400:focus {
     --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-500:focus {
+  .xl\:focus\:from-orange-500:focus {
     --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-600:focus {
+  .xl\:focus\:from-orange-600:focus {
     --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-700:focus {
+  .xl\:focus\:from-orange-700:focus {
     --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-800:focus {
+  .xl\:focus\:from-orange-800:focus {
     --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:focus\:gradient-from-orange-900:focus {
+  .xl\:focus\:from-orange-900:focus {
     --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-100:focus {
+  .xl\:focus\:from-yellow-100:focus {
     --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-200:focus {
+  .xl\:focus\:from-yellow-200:focus {
     --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-300:focus {
+  .xl\:focus\:from-yellow-300:focus {
     --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-400:focus {
+  .xl\:focus\:from-yellow-400:focus {
     --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-500:focus {
+  .xl\:focus\:from-yellow-500:focus {
     --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-600:focus {
+  .xl\:focus\:from-yellow-600:focus {
     --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-700:focus {
+  .xl\:focus\:from-yellow-700:focus {
     --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-800:focus {
+  .xl\:focus\:from-yellow-800:focus {
     --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:focus\:gradient-from-yellow-900:focus {
+  .xl\:focus\:from-yellow-900:focus {
     --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:focus\:gradient-from-green-100:focus {
+  .xl\:focus\:from-green-100:focus {
     --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:focus\:gradient-from-green-200:focus {
+  .xl\:focus\:from-green-200:focus {
     --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:focus\:gradient-from-green-300:focus {
+  .xl\:focus\:from-green-300:focus {
     --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:focus\:gradient-from-green-400:focus {
+  .xl\:focus\:from-green-400:focus {
     --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:focus\:gradient-from-green-500:focus {
+  .xl\:focus\:from-green-500:focus {
     --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:focus\:gradient-from-green-600:focus {
+  .xl\:focus\:from-green-600:focus {
     --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:focus\:gradient-from-green-700:focus {
+  .xl\:focus\:from-green-700:focus {
     --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:focus\:gradient-from-green-800:focus {
+  .xl\:focus\:from-green-800:focus {
     --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:focus\:gradient-from-green-900:focus {
+  .xl\:focus\:from-green-900:focus {
     --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-100:focus {
+  .xl\:focus\:from-teal-100:focus {
     --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-200:focus {
+  .xl\:focus\:from-teal-200:focus {
     --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-300:focus {
+  .xl\:focus\:from-teal-300:focus {
     --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-400:focus {
+  .xl\:focus\:from-teal-400:focus {
     --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-500:focus {
+  .xl\:focus\:from-teal-500:focus {
     --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-600:focus {
+  .xl\:focus\:from-teal-600:focus {
     --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-700:focus {
+  .xl\:focus\:from-teal-700:focus {
     --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-800:focus {
+  .xl\:focus\:from-teal-800:focus {
     --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:focus\:gradient-from-teal-900:focus {
+  .xl\:focus\:from-teal-900:focus {
     --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-100:focus {
+  .xl\:focus\:from-blue-100:focus {
     --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-200:focus {
+  .xl\:focus\:from-blue-200:focus {
     --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-300:focus {
+  .xl\:focus\:from-blue-300:focus {
     --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-400:focus {
+  .xl\:focus\:from-blue-400:focus {
     --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-500:focus {
+  .xl\:focus\:from-blue-500:focus {
     --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-600:focus {
+  .xl\:focus\:from-blue-600:focus {
     --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-700:focus {
+  .xl\:focus\:from-blue-700:focus {
     --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-800:focus {
+  .xl\:focus\:from-blue-800:focus {
     --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:focus\:gradient-from-blue-900:focus {
+  .xl\:focus\:from-blue-900:focus {
     --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-100:focus {
+  .xl\:focus\:from-indigo-100:focus {
     --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-200:focus {
+  .xl\:focus\:from-indigo-200:focus {
     --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-300:focus {
+  .xl\:focus\:from-indigo-300:focus {
     --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-400:focus {
+  .xl\:focus\:from-indigo-400:focus {
     --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-500:focus {
+  .xl\:focus\:from-indigo-500:focus {
     --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-600:focus {
+  .xl\:focus\:from-indigo-600:focus {
     --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-700:focus {
+  .xl\:focus\:from-indigo-700:focus {
     --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-800:focus {
+  .xl\:focus\:from-indigo-800:focus {
     --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:focus\:gradient-from-indigo-900:focus {
+  .xl\:focus\:from-indigo-900:focus {
     --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-100:focus {
+  .xl\:focus\:from-purple-100:focus {
     --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-200:focus {
+  .xl\:focus\:from-purple-200:focus {
     --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-300:focus {
+  .xl\:focus\:from-purple-300:focus {
     --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-400:focus {
+  .xl\:focus\:from-purple-400:focus {
     --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-500:focus {
+  .xl\:focus\:from-purple-500:focus {
     --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-600:focus {
+  .xl\:focus\:from-purple-600:focus {
     --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-700:focus {
+  .xl\:focus\:from-purple-700:focus {
     --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-800:focus {
+  .xl\:focus\:from-purple-800:focus {
     --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:focus\:gradient-from-purple-900:focus {
+  .xl\:focus\:from-purple-900:focus {
     --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-100:focus {
+  .xl\:focus\:from-pink-100:focus {
     --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-200:focus {
+  .xl\:focus\:from-pink-200:focus {
     --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-300:focus {
+  .xl\:focus\:from-pink-300:focus {
     --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-400:focus {
+  .xl\:focus\:from-pink-400:focus {
     --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-500:focus {
+  .xl\:focus\:from-pink-500:focus {
     --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-600:focus {
+  .xl\:focus\:from-pink-600:focus {
     --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-700:focus {
+  .xl\:focus\:from-pink-700:focus {
     --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-800:focus {
+  .xl\:focus\:from-pink-800:focus {
     --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:focus\:gradient-from-pink-900:focus {
+  .xl\:focus\:from-pink-900:focus {
     --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .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 {
+  .xl\:focus\:mid-transparent:focus {
     --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:gradient-mid-current:focus {
+  .xl\:focus\:mid-current:focus {
     --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-black:focus {
+  .xl\:focus\:mid-black:focus {
     --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:gradient-mid-white:focus {
+  .xl\:focus\:mid-white:focus {
     --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-100:focus {
+  .xl\:focus\:mid-gray-100:focus {
     --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-200:focus {
+  .xl\:focus\:mid-gray-200:focus {
     --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-300:focus {
+  .xl\:focus\:mid-gray-300:focus {
     --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-400:focus {
+  .xl\:focus\:mid-gray-400:focus {
     --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-500:focus {
+  .xl\:focus\:mid-gray-500:focus {
     --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-600:focus {
+  .xl\:focus\:mid-gray-600:focus {
     --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-700:focus {
+  .xl\:focus\:mid-gray-700:focus {
     --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-800:focus {
+  .xl\:focus\:mid-gray-800:focus {
     --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:focus\:gradient-mid-gray-900:focus {
+  .xl\:focus\:mid-gray-900:focus {
     --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-100:focus {
+  .xl\:focus\:mid-red-100:focus {
     --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-200:focus {
+  .xl\:focus\:mid-red-200:focus {
     --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-300:focus {
+  .xl\:focus\:mid-red-300:focus {
     --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-400:focus {
+  .xl\:focus\:mid-red-400:focus {
     --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-500:focus {
+  .xl\:focus\:mid-red-500:focus {
     --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-600:focus {
+  .xl\:focus\:mid-red-600:focus {
     --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-700:focus {
+  .xl\:focus\:mid-red-700:focus {
     --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-800:focus {
+  .xl\:focus\:mid-red-800:focus {
     --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:focus\:gradient-mid-red-900:focus {
+  .xl\:focus\:mid-red-900:focus {
     --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-100:focus {
+  .xl\:focus\:mid-orange-100:focus {
     --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-200:focus {
+  .xl\:focus\:mid-orange-200:focus {
     --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-300:focus {
+  .xl\:focus\:mid-orange-300:focus {
     --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-400:focus {
+  .xl\:focus\:mid-orange-400:focus {
     --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-500:focus {
+  .xl\:focus\:mid-orange-500:focus {
     --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-600:focus {
+  .xl\:focus\:mid-orange-600:focus {
     --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-700:focus {
+  .xl\:focus\:mid-orange-700:focus {
     --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-800:focus {
+  .xl\:focus\:mid-orange-800:focus {
     --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:focus\:gradient-mid-orange-900:focus {
+  .xl\:focus\:mid-orange-900:focus {
     --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-100:focus {
+  .xl\:focus\:mid-yellow-100:focus {
     --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-200:focus {
+  .xl\:focus\:mid-yellow-200:focus {
     --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-300:focus {
+  .xl\:focus\:mid-yellow-300:focus {
     --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-400:focus {
+  .xl\:focus\:mid-yellow-400:focus {
     --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-500:focus {
+  .xl\:focus\:mid-yellow-500:focus {
     --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-600:focus {
+  .xl\:focus\:mid-yellow-600:focus {
     --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-700:focus {
+  .xl\:focus\:mid-yellow-700:focus {
     --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-800:focus {
+  .xl\:focus\:mid-yellow-800:focus {
     --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:focus\:gradient-mid-yellow-900:focus {
+  .xl\:focus\:mid-yellow-900:focus {
     --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-100:focus {
+  .xl\:focus\:mid-green-100:focus {
     --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-200:focus {
+  .xl\:focus\:mid-green-200:focus {
     --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-300:focus {
+  .xl\:focus\:mid-green-300:focus {
     --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-400:focus {
+  .xl\:focus\:mid-green-400:focus {
     --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-500:focus {
+  .xl\:focus\:mid-green-500:focus {
     --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-600:focus {
+  .xl\:focus\:mid-green-600:focus {
     --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-700:focus {
+  .xl\:focus\:mid-green-700:focus {
     --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-800:focus {
+  .xl\:focus\:mid-green-800:focus {
     --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:focus\:gradient-mid-green-900:focus {
+  .xl\:focus\:mid-green-900:focus {
     --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-100:focus {
+  .xl\:focus\:mid-teal-100:focus {
     --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-200:focus {
+  .xl\:focus\:mid-teal-200:focus {
     --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-300:focus {
+  .xl\:focus\:mid-teal-300:focus {
     --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-400:focus {
+  .xl\:focus\:mid-teal-400:focus {
     --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-500:focus {
+  .xl\:focus\:mid-teal-500:focus {
     --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-600:focus {
+  .xl\:focus\:mid-teal-600:focus {
     --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-700:focus {
+  .xl\:focus\:mid-teal-700:focus {
     --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-800:focus {
+  .xl\:focus\:mid-teal-800:focus {
     --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:focus\:gradient-mid-teal-900:focus {
+  .xl\:focus\:mid-teal-900:focus {
     --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-100:focus {
+  .xl\:focus\:mid-blue-100:focus {
     --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-200:focus {
+  .xl\:focus\:mid-blue-200:focus {
     --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-300:focus {
+  .xl\:focus\:mid-blue-300:focus {
     --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-400:focus {
+  .xl\:focus\:mid-blue-400:focus {
     --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-500:focus {
+  .xl\:focus\:mid-blue-500:focus {
     --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-600:focus {
+  .xl\:focus\:mid-blue-600:focus {
     --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-700:focus {
+  .xl\:focus\:mid-blue-700:focus {
     --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-800:focus {
+  .xl\:focus\:mid-blue-800:focus {
     --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:focus\:gradient-mid-blue-900:focus {
+  .xl\:focus\:mid-blue-900:focus {
     --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-100:focus {
+  .xl\:focus\:mid-indigo-100:focus {
     --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-200:focus {
+  .xl\:focus\:mid-indigo-200:focus {
     --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-300:focus {
+  .xl\:focus\:mid-indigo-300:focus {
     --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-400:focus {
+  .xl\:focus\:mid-indigo-400:focus {
     --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-500:focus {
+  .xl\:focus\:mid-indigo-500:focus {
     --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-600:focus {
+  .xl\:focus\:mid-indigo-600:focus {
     --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-700:focus {
+  .xl\:focus\:mid-indigo-700:focus {
     --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-800:focus {
+  .xl\:focus\:mid-indigo-800:focus {
     --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:focus\:gradient-mid-indigo-900:focus {
+  .xl\:focus\:mid-indigo-900:focus {
     --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-100:focus {
+  .xl\:focus\:mid-purple-100:focus {
     --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-200:focus {
+  .xl\:focus\:mid-purple-200:focus {
     --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-300:focus {
+  .xl\:focus\:mid-purple-300:focus {
     --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-400:focus {
+  .xl\:focus\:mid-purple-400:focus {
     --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-500:focus {
+  .xl\:focus\:mid-purple-500:focus {
     --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-600:focus {
+  .xl\:focus\:mid-purple-600:focus {
     --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-700:focus {
+  .xl\:focus\:mid-purple-700:focus {
     --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-800:focus {
+  .xl\:focus\:mid-purple-800:focus {
     --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:focus\:gradient-mid-purple-900:focus {
+  .xl\:focus\:mid-purple-900:focus {
     --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-100:focus {
+  .xl\:focus\:mid-pink-100:focus {
     --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-200:focus {
+  .xl\:focus\:mid-pink-200:focus {
     --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-300:focus {
+  .xl\:focus\:mid-pink-300:focus {
     --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-400:focus {
+  .xl\:focus\:mid-pink-400:focus {
     --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-500:focus {
+  .xl\:focus\:mid-pink-500:focus {
     --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-600:focus {
+  .xl\:focus\:mid-pink-600:focus {
     --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-700:focus {
+  .xl\:focus\:mid-pink-700:focus {
     --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-800:focus {
+  .xl\:focus\:mid-pink-800:focus {
     --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:focus\:gradient-mid-pink-900:focus {
+  .xl\:focus\:mid-pink-900:focus {
     --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  }
+
+  .xl\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .xl\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .xl\:focus\:to-black:focus {
+    --gradient-to-color: #000;
+  }
+
+  .xl\:focus\:to-white:focus {
+    --gradient-to-color: #fff;
+  }
+
+  .xl\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .xl\:focus\:to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .xl\:focus\:to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .xl\:focus\:to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .xl\:focus\:to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .xl\:focus\:to-gray-600:focus {
+    --gradient-to-color: #718096;
+  }
+
+  .xl\:focus\:to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+  }
+
+  .xl\:focus\:to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+  }
+
+  .xl\:focus\:to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+  }
+
+  .xl\:focus\:to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .xl\:focus\:to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .xl\:focus\:to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .xl\:focus\:to-red-400:focus {
+    --gradient-to-color: #fc8181;
+  }
+
+  .xl\:focus\:to-red-500:focus {
+    --gradient-to-color: #f56565;
+  }
+
+  .xl\:focus\:to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .xl\:focus\:to-red-700:focus {
+    --gradient-to-color: #c53030;
+  }
+
+  .xl\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .xl\:focus\:to-red-900:focus {
+    --gradient-to-color: #742a2a;
+  }
+
+  .xl\:focus\:to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .xl\:focus\:to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+  }
+
+  .xl\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .xl\:focus\:to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .xl\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+  }
+
+  .xl\:focus\:to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .xl\:focus\:to-orange-700:focus {
+    --gradient-to-color: #c05621;
+  }
+
+  .xl\:focus\:to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+  }
+
+  .xl\:focus\:to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+  }
+
+  .xl\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+  }
+
+  .xl\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .xl\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+  }
+
+  .xl\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .xl\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .xl\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .xl\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+  }
+
+  .xl\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+  }
+
+  .xl\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #744210;
+  }
+
+  .xl\:focus\:to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .xl\:focus\:to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .xl\:focus\:to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .xl\:focus\:to-green-400:focus {
+    --gradient-to-color: #68d391;
+  }
+
+  .xl\:focus\:to-green-500:focus {
+    --gradient-to-color: #48bb78;
+  }
+
+  .xl\:focus\:to-green-600:focus {
+    --gradient-to-color: #38a169;
+  }
+
+  .xl\:focus\:to-green-700:focus {
+    --gradient-to-color: #2f855a;
+  }
+
+  .xl\:focus\:to-green-800:focus {
+    --gradient-to-color: #276749;
+  }
+
+  .xl\:focus\:to-green-900:focus {
+    --gradient-to-color: #22543d;
+  }
+
+  .xl\:focus\:to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .xl\:focus\:to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .xl\:focus\:to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .xl\:focus\:to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .xl\:focus\:to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .xl\:focus\:to-teal-600:focus {
+    --gradient-to-color: #319795;
+  }
+
+  .xl\:focus\:to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .xl\:focus\:to-teal-800:focus {
+    --gradient-to-color: #285e61;
+  }
+
+  .xl\:focus\:to-teal-900:focus {
+    --gradient-to-color: #234e52;
+  }
+
+  .xl\:focus\:to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .xl\:focus\:to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .xl\:focus\:to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .xl\:focus\:to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .xl\:focus\:to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+  }
+
+  .xl\:focus\:to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+  }
+
+  .xl\:focus\:to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .xl\:focus\:to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+  }
+
+  .xl\:focus\:to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+  }
+
+  .xl\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .xl\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .xl\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .xl\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .xl\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+  }
+
+  .xl\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .xl\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .xl\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #434190;
+  }
+
+  .xl\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+  }
+
+  .xl\:focus\:to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .xl\:focus\:to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .xl\:focus\:to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .xl\:focus\:to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+  }
+
+  .xl\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .xl\:focus\:to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+  }
+
+  .xl\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .xl\:focus\:to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+  }
+
+  .xl\:focus\:to-purple-900:focus {
+    --gradient-to-color: #44337a;
+  }
+
+  .xl\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .xl\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .xl\:focus\:to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .xl\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+  }
+
+  .xl\:focus\:to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .xl\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .xl\:focus\:to-pink-700:focus {
+    --gradient-to-color: #b83280;
+  }
+
+  .xl\:focus\:to-pink-800:focus {
+    --gradient-to-color: #97266d;
+  }
+
+  .xl\:focus\:to-pink-900:focus {
+    --gradient-to-color: #702459;
   }
 
   .xl\:bg-opacity-0 {
diff --git a/src/corePlugins.js b/src/corePlugins.js
index c97649fcc..5191b9b69 100644
--- a/src/corePlugins.js
+++ b/src/corePlugins.js
@@ -9,7 +9,7 @@ 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 gradientColorStops from './plugins/gradientColorStops'
 import backgroundPosition from './plugins/backgroundPosition'
 import backgroundRepeat from './plugins/backgroundRepeat'
 import backgroundSize from './plugins/backgroundSize'
@@ -119,7 +119,7 @@ export default function({ corePlugins: corePluginConfig }) {
     backgroundClip,
     backgroundColor,
     backgroundImage,
-    gradientColor,
+    gradientColorStops,
     backgroundOpacity,
     backgroundPosition,
     backgroundRepeat,
diff --git a/src/plugins/gradientColor.js b/src/plugins/gradientColor.js
deleted file mode 100644
index 9ba4f0ce2..000000000
--- a/src/plugins/gradientColor.js
+++ /dev/null
@@ -1,46 +0,0 @@
-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/plugins/gradientColorStops.js b/src/plugins/gradientColorStops.js
new file mode 100644
index 000000000..fb491ab85
--- /dev/null
+++ b/src/plugins/gradientColorStops.js
@@ -0,0 +1,54 @@
+import _ from 'lodash'
+import flattenColorPalette from '../util/flattenColorPalette'
+import { toRgba } from '../util/withAlphaVariable'
+
+export default function() {
+  return function({ addUtilities, e, theme, variants, target }) {
+    if (target('gradientColorStops') === 'ie11') {
+      return
+    }
+
+    const colors = flattenColorPalette(theme('gradientColorStops'))
+
+    const utilities = _(colors)
+      .map((value, modifier) => {
+        const transparentTo = (() => {
+          try {
+            const [r, g, b] = toRgba(value)
+            return `rgba(${r}, ${g}, ${b}, 0)`
+          } catch {
+            return `rgba(255, 255, 255, 0)`
+          }
+        })()
+
+        return [
+          [
+            `.${e(`from-${modifier}`)}`,
+            {
+              '--gradient-from-color': value,
+              '--gradient-color-stops': `var(--gradient-from-color), var(--gradient-to-color, ${transparentTo})`,
+            },
+          ],
+          [
+            `.${e(`mid-${modifier}`)}`,
+            {
+              '--gradient-mid-color': value,
+              '--gradient-color-stops': `var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, ${transparentTo})`,
+            },
+          ],
+          [
+            `.${e(`to-${modifier}`)}`,
+            {
+              '--gradient-to-color': value,
+            },
+          ],
+        ]
+      })
+      .unzip()
+      .flatten()
+      .fromPairs()
+      .value()
+
+    addUtilities(utilities, variants('gradientColorStops'))
+  }
+}
diff --git a/src/util/withAlphaVariable.js b/src/util/withAlphaVariable.js
index 089301baa..32a943420 100644
--- a/src/util/withAlphaVariable.js
+++ b/src/util/withAlphaVariable.js
@@ -10,7 +10,7 @@ function hasAlpha(color) {
   )
 }
 
-function toRgba(color) {
+export function toRgba(color) {
   const [r, g, b, a] = createColor(color)
     .rgb()
     .array()
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
index e127f0922..c16092c76 100644
--- a/stubs/defaultConfig.stub.js
+++ b/stubs/defaultConfig.stub.js
@@ -152,12 +152,16 @@ module.exports = {
     },
     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))',
+      'gradient-t': 'linear-gradient(to top, var(--gradient-color-stops))',
+      'gradient-tr': 'linear-gradient(to top right, var(--gradient-color-stops))',
+      'gradient-r': 'linear-gradient(to right, var(--gradient-color-stops))',
+      'gradient-br': 'linear-gradient(to bottom right, var(--gradient-color-stops))',
+      'gradient-b': 'linear-gradient(to bottom, var(--gradient-color-stops))',
+      'gradient-bl': 'linear-gradient(to bottom left, var(--gradient-color-stops))',
+      'gradient-l': 'linear-gradient(to left, var(--gradient-color-stops))',
+      'gradient-tl': 'linear-gradient(to top left, var(--gradient-color-stops))',
     },
-    gradientColor: theme => theme('colors'),
+    gradientColorStops: theme => theme('colors'),
     backgroundOpacity: theme => theme('opacity'),
     backgroundPosition: {
       bottom: 'bottom',
@@ -668,7 +672,7 @@ module.exports = {
     backgroundClip: ['responsive'],
     backgroundColor: ['responsive', 'hover', 'focus'],
     backgroundImage: ['responsive'],
-    gradientColor: ['responsive', 'hover', 'focus'],
+    gradientColorStops: ['responsive', 'hover', 'focus'],
     backgroundOpacity: ['responsive', 'hover', 'focus'],
     backgroundPosition: ['responsive'],
     backgroundRepeat: ['responsive'],

From 18873e896a2f984e25ee40e357bc8c6d80335134 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Mon, 17 Aug 2020 11:50:35 -0400
Subject: [PATCH 3/5] Add "to" to gradient background class names

---
 .../fixtures/tailwind-output-flagged.css      | 80 +++++++++----------
 .../fixtures/tailwind-output-important.css    | 80 +++++++++----------
 .../tailwind-output-no-color-opacity.css      | 80 +++++++++----------
 __tests__/fixtures/tailwind-output.css        | 80 +++++++++----------
 stubs/defaultConfig.stub.js                   | 16 ++--
 5 files changed, 168 insertions(+), 168 deletions(-)

diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
index 74b81551e..dc649c4d3 100644
--- a/__tests__/fixtures/tailwind-output-flagged.css
+++ b/__tests__/fixtures/tailwind-output-flagged.css
@@ -4783,35 +4783,35 @@ video {
   background-color: rgba(117, 26, 61, var(--bg-opacity));
 }
 
-.bg-gradient-t {
+.bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--gradient-color-stops));
 }
 
-.bg-gradient-tr {
+.bg-gradient-to-tr {
   background-image: linear-gradient(to top right, var(--gradient-color-stops));
 }
 
-.bg-gradient-r {
+.bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--gradient-color-stops));
 }
 
-.bg-gradient-br {
+.bg-gradient-to-br {
   background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
 }
 
-.bg-gradient-b {
+.bg-gradient-to-b {
   background-image: linear-gradient(to bottom, var(--gradient-color-stops));
 }
 
-.bg-gradient-bl {
+.bg-gradient-to-bl {
   background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
 }
 
-.bg-gradient-l {
+.bg-gradient-to-l {
   background-image: linear-gradient(to left, var(--gradient-color-stops));
 }
 
-.bg-gradient-tl {
+.bg-gradient-to-tl {
   background-image: linear-gradient(to top left, var(--gradient-color-stops));
 }
 
@@ -34280,35 +34280,35 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
-  .sm\:bg-gradient-t {
+  .sm\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-tr {
+  .sm\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-r {
+  .sm\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-br {
+  .sm\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-b {
+  .sm\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-bl {
+  .sm\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-l {
+  .sm\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-tl {
+  .sm\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops));
   }
 
@@ -63747,35 +63747,35 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
-  .md\:bg-gradient-t {
+  .md\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-tr {
+  .md\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-r {
+  .md\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-br {
+  .md\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-b {
+  .md\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-bl {
+  .md\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-l {
+  .md\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-tl {
+  .md\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops));
   }
 
@@ -93214,35 +93214,35 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
-  .lg\:bg-gradient-t {
+  .lg\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-tr {
+  .lg\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-r {
+  .lg\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-br {
+  .lg\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-b {
+  .lg\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-bl {
+  .lg\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-l {
+  .lg\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-tl {
+  .lg\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops));
   }
 
@@ -122681,35 +122681,35 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
-  .xl\:bg-gradient-t {
+  .xl\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-tr {
+  .xl\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-r {
+  .xl\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-br {
+  .xl\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-b {
+  .xl\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-bl {
+  .xl\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-l {
+  .xl\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-tl {
+  .xl\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops));
   }
 
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index 799686e3c..d86be23d6 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -3463,35 +3463,35 @@ video {
   background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
 }
 
-.bg-gradient-t {
+.bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
 }
 
-.bg-gradient-tr {
+.bg-gradient-to-tr {
   background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
 }
 
-.bg-gradient-r {
+.bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
 }
 
-.bg-gradient-br {
+.bg-gradient-to-br {
   background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
 }
 
-.bg-gradient-b {
+.bg-gradient-to-b {
   background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
 }
 
-.bg-gradient-bl {
+.bg-gradient-to-bl {
   background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
 }
 
-.bg-gradient-l {
+.bg-gradient-to-l {
   background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
 }
 
-.bg-gradient-tl {
+.bg-gradient-to-tl {
   background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
 }
 
@@ -21505,35 +21505,35 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
-  .sm\:bg-gradient-t {
+  .sm\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
   }
 
-  .sm\:bg-gradient-tr {
+  .sm\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
   }
 
-  .sm\:bg-gradient-r {
+  .sm\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
   }
 
-  .sm\:bg-gradient-br {
+  .sm\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
   }
 
-  .sm\:bg-gradient-b {
+  .sm\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
   }
 
-  .sm\:bg-gradient-bl {
+  .sm\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
   }
 
-  .sm\:bg-gradient-l {
+  .sm\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
   }
 
-  .sm\:bg-gradient-tl {
+  .sm\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
   }
 
@@ -39517,35 +39517,35 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
-  .md\:bg-gradient-t {
+  .md\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
   }
 
-  .md\:bg-gradient-tr {
+  .md\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
   }
 
-  .md\:bg-gradient-r {
+  .md\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
   }
 
-  .md\:bg-gradient-br {
+  .md\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
   }
 
-  .md\:bg-gradient-b {
+  .md\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
   }
 
-  .md\:bg-gradient-bl {
+  .md\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
   }
 
-  .md\:bg-gradient-l {
+  .md\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
   }
 
-  .md\:bg-gradient-tl {
+  .md\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
   }
 
@@ -57529,35 +57529,35 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
-  .lg\:bg-gradient-t {
+  .lg\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
   }
 
-  .lg\:bg-gradient-tr {
+  .lg\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
   }
 
-  .lg\:bg-gradient-r {
+  .lg\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
   }
 
-  .lg\:bg-gradient-br {
+  .lg\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
   }
 
-  .lg\:bg-gradient-b {
+  .lg\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
   }
 
-  .lg\:bg-gradient-bl {
+  .lg\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
   }
 
-  .lg\:bg-gradient-l {
+  .lg\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
   }
 
-  .lg\:bg-gradient-tl {
+  .lg\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
   }
 
@@ -75541,35 +75541,35 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
-  .xl\:bg-gradient-t {
+  .xl\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
   }
 
-  .xl\:bg-gradient-tr {
+  .xl\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
   }
 
-  .xl\:bg-gradient-r {
+  .xl\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
   }
 
-  .xl\:bg-gradient-br {
+  .xl\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
   }
 
-  .xl\:bg-gradient-b {
+  .xl\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
   }
 
-  .xl\:bg-gradient-bl {
+  .xl\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
   }
 
-  .xl\:bg-gradient-l {
+  .xl\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
   }
 
-  .xl\:bg-gradient-tl {
+  .xl\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
   }
 
diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
index c810f7631..8dd67adec 100644
--- a/__tests__/fixtures/tailwind-output-no-color-opacity.css
+++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -2707,35 +2707,35 @@ video {
   background-color: #702459;
 }
 
-.bg-gradient-t {
+.bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--gradient-color-stops));
 }
 
-.bg-gradient-tr {
+.bg-gradient-to-tr {
   background-image: linear-gradient(to top right, var(--gradient-color-stops));
 }
 
-.bg-gradient-r {
+.bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--gradient-color-stops));
 }
 
-.bg-gradient-br {
+.bg-gradient-to-br {
   background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
 }
 
-.bg-gradient-b {
+.bg-gradient-to-b {
   background-image: linear-gradient(to bottom, var(--gradient-color-stops));
 }
 
-.bg-gradient-bl {
+.bg-gradient-to-bl {
   background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
 }
 
-.bg-gradient-l {
+.bg-gradient-to-l {
   background-image: linear-gradient(to left, var(--gradient-color-stops));
 }
 
-.bg-gradient-tl {
+.bg-gradient-to-tl {
   background-image: linear-gradient(to top left, var(--gradient-color-stops));
 }
 
@@ -18301,35 +18301,35 @@ video {
     background-color: #702459;
   }
 
-  .sm\:bg-gradient-t {
+  .sm\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-tr {
+  .sm\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-r {
+  .sm\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-br {
+  .sm\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-b {
+  .sm\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-bl {
+  .sm\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-l {
+  .sm\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-tl {
+  .sm\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops));
   }
 
@@ -33865,35 +33865,35 @@ video {
     background-color: #702459;
   }
 
-  .md\:bg-gradient-t {
+  .md\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-tr {
+  .md\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-r {
+  .md\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-br {
+  .md\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-b {
+  .md\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-bl {
+  .md\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-l {
+  .md\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-tl {
+  .md\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops));
   }
 
@@ -49429,35 +49429,35 @@ video {
     background-color: #702459;
   }
 
-  .lg\:bg-gradient-t {
+  .lg\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-tr {
+  .lg\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-r {
+  .lg\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-br {
+  .lg\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-b {
+  .lg\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-bl {
+  .lg\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-l {
+  .lg\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-tl {
+  .lg\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops));
   }
 
@@ -64993,35 +64993,35 @@ video {
     background-color: #702459;
   }
 
-  .xl\:bg-gradient-t {
+  .xl\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-tr {
+  .xl\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-r {
+  .xl\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-br {
+  .xl\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-b {
+  .xl\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-bl {
+  .xl\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-l {
+  .xl\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-tl {
+  .xl\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops));
   }
 
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 3a9146aed..88d154364 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -3463,35 +3463,35 @@ video {
   background-color: rgba(112, 36, 89, var(--bg-opacity));
 }
 
-.bg-gradient-t {
+.bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--gradient-color-stops));
 }
 
-.bg-gradient-tr {
+.bg-gradient-to-tr {
   background-image: linear-gradient(to top right, var(--gradient-color-stops));
 }
 
-.bg-gradient-r {
+.bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--gradient-color-stops));
 }
 
-.bg-gradient-br {
+.bg-gradient-to-br {
   background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
 }
 
-.bg-gradient-b {
+.bg-gradient-to-b {
   background-image: linear-gradient(to bottom, var(--gradient-color-stops));
 }
 
-.bg-gradient-bl {
+.bg-gradient-to-bl {
   background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
 }
 
-.bg-gradient-l {
+.bg-gradient-to-l {
   background-image: linear-gradient(to left, var(--gradient-color-stops));
 }
 
-.bg-gradient-tl {
+.bg-gradient-to-tl {
   background-image: linear-gradient(to top left, var(--gradient-color-stops));
 }
 
@@ -21505,35 +21505,35 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
-  .sm\:bg-gradient-t {
+  .sm\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-tr {
+  .sm\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-r {
+  .sm\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-br {
+  .sm\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-b {
+  .sm\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-bl {
+  .sm\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-l {
+  .sm\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops));
   }
 
-  .sm\:bg-gradient-tl {
+  .sm\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops));
   }
 
@@ -39517,35 +39517,35 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
-  .md\:bg-gradient-t {
+  .md\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-tr {
+  .md\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-r {
+  .md\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-br {
+  .md\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-b {
+  .md\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-bl {
+  .md\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-l {
+  .md\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops));
   }
 
-  .md\:bg-gradient-tl {
+  .md\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops));
   }
 
@@ -57529,35 +57529,35 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
-  .lg\:bg-gradient-t {
+  .lg\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-tr {
+  .lg\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-r {
+  .lg\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-br {
+  .lg\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-b {
+  .lg\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-bl {
+  .lg\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-l {
+  .lg\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops));
   }
 
-  .lg\:bg-gradient-tl {
+  .lg\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops));
   }
 
@@ -75541,35 +75541,35 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
-  .xl\:bg-gradient-t {
+  .xl\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-tr {
+  .xl\:bg-gradient-to-tr {
     background-image: linear-gradient(to top right, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-r {
+  .xl\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-br {
+  .xl\:bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-b {
+  .xl\:bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-bl {
+  .xl\:bg-gradient-to-bl {
     background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-l {
+  .xl\:bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--gradient-color-stops));
   }
 
-  .xl\:bg-gradient-tl {
+  .xl\:bg-gradient-to-tl {
     background-image: linear-gradient(to top left, var(--gradient-color-stops));
   }
 
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
index c16092c76..9c4edd9e0 100644
--- a/stubs/defaultConfig.stub.js
+++ b/stubs/defaultConfig.stub.js
@@ -152,14 +152,14 @@ module.exports = {
     },
     backgroundColor: theme => theme('colors'),
     backgroundImage: {
-      'gradient-t': 'linear-gradient(to top, var(--gradient-color-stops))',
-      'gradient-tr': 'linear-gradient(to top right, var(--gradient-color-stops))',
-      'gradient-r': 'linear-gradient(to right, var(--gradient-color-stops))',
-      'gradient-br': 'linear-gradient(to bottom right, var(--gradient-color-stops))',
-      'gradient-b': 'linear-gradient(to bottom, var(--gradient-color-stops))',
-      'gradient-bl': 'linear-gradient(to bottom left, var(--gradient-color-stops))',
-      'gradient-l': 'linear-gradient(to left, var(--gradient-color-stops))',
-      'gradient-tl': 'linear-gradient(to top left, var(--gradient-color-stops))',
+      'gradient-to-t': 'linear-gradient(to top, var(--gradient-color-stops))',
+      'gradient-to-tr': 'linear-gradient(to top right, var(--gradient-color-stops))',
+      'gradient-to-r': 'linear-gradient(to right, var(--gradient-color-stops))',
+      'gradient-to-br': 'linear-gradient(to bottom right, var(--gradient-color-stops))',
+      'gradient-to-b': 'linear-gradient(to bottom, var(--gradient-color-stops))',
+      'gradient-to-bl': 'linear-gradient(to bottom left, var(--gradient-color-stops))',
+      'gradient-to-l': 'linear-gradient(to left, var(--gradient-color-stops))',
+      'gradient-to-tl': 'linear-gradient(to top left, var(--gradient-color-stops))',
     },
     gradientColorStops: theme => theme('colors'),
     backgroundOpacity: theme => theme('opacity'),

From 926b6b1fab6ec59735d706912ed17eff66e4a36c Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Mon, 17 Aug 2020 13:25:18 -0400
Subject: [PATCH 4/5] Rename mid color stop to via

---
 .../fixtures/tailwind-output-flagged.css      | 9360 ++++++++---------
 .../fixtures/tailwind-output-important.css    | 8460 +++++++--------
 .../tailwind-output-no-color-opacity.css      | 8460 +++++++--------
 __tests__/fixtures/tailwind-output.css        | 8460 +++++++--------
 src/plugins/gradientColorStops.js             |    6 +-
 5 files changed, 17373 insertions(+), 17373 deletions(-)

diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
index dc649c4d3..e2ec96cee 100644
--- a/__tests__/fixtures/tailwind-output-flagged.css
+++ b/__tests__/fixtures/tailwind-output-flagged.css
@@ -5335,524 +5335,524 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
 }
 
-.mid-transparent {
-  --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.via-transparent {
+  --gradient-via-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.mid-current {
-  --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.via-current {
+  --gradient-via-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.mid-black {
-  --gradient-mid-color: #000000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.via-black {
+  --gradient-via-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.mid-white {
-  --gradient-mid-color: #ffffff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.via-white {
+  --gradient-via-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.mid-gray-50 {
-  --gradient-mid-color: #f9fafb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+.via-gray-50 {
+  --gradient-via-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
 }
 
-.mid-gray-100 {
-  --gradient-mid-color: #f4f5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+.via-gray-100 {
+  --gradient-via-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
 }
 
-.mid-gray-200 {
-  --gradient-mid-color: #e5e7eb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+.via-gray-200 {
+  --gradient-via-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
 }
 
-.mid-gray-300 {
-  --gradient-mid-color: #d2d6dc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+.via-gray-300 {
+  --gradient-via-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
 }
 
-.mid-gray-400 {
-  --gradient-mid-color: #9fa6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+.via-gray-400 {
+  --gradient-via-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
 }
 
-.mid-gray-500 {
-  --gradient-mid-color: #6b7280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+.via-gray-500 {
+  --gradient-via-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
 }
 
-.mid-gray-600 {
-  --gradient-mid-color: #4b5563;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+.via-gray-600 {
+  --gradient-via-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
 }
 
-.mid-gray-700 {
-  --gradient-mid-color: #374151;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+.via-gray-700 {
+  --gradient-via-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
 }
 
-.mid-gray-800 {
-  --gradient-mid-color: #252f3f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+.via-gray-800 {
+  --gradient-via-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
 }
 
-.mid-gray-900 {
-  --gradient-mid-color: #161e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+.via-gray-900 {
+  --gradient-via-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
 }
 
-.mid-red-50 {
-  --gradient-mid-color: #fdf2f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+.via-red-50 {
+  --gradient-via-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
 }
 
-.mid-red-100 {
-  --gradient-mid-color: #fde8e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+.via-red-100 {
+  --gradient-via-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
 }
 
-.mid-red-200 {
-  --gradient-mid-color: #fbd5d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+.via-red-200 {
+  --gradient-via-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
 }
 
-.mid-red-300 {
-  --gradient-mid-color: #f8b4b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+.via-red-300 {
+  --gradient-via-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
 }
 
-.mid-red-400 {
-  --gradient-mid-color: #f98080;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+.via-red-400 {
+  --gradient-via-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
 }
 
-.mid-red-500 {
-  --gradient-mid-color: #f05252;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+.via-red-500 {
+  --gradient-via-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
 }
 
-.mid-red-600 {
-  --gradient-mid-color: #e02424;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+.via-red-600 {
+  --gradient-via-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
 }
 
-.mid-red-700 {
-  --gradient-mid-color: #c81e1e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+.via-red-700 {
+  --gradient-via-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
 }
 
-.mid-red-800 {
-  --gradient-mid-color: #9b1c1c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+.via-red-800 {
+  --gradient-via-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
 }
 
-.mid-red-900 {
-  --gradient-mid-color: #771d1d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+.via-red-900 {
+  --gradient-via-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
 }
 
-.mid-orange-50 {
-  --gradient-mid-color: #fff8f1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+.via-orange-50 {
+  --gradient-via-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
 }
 
-.mid-orange-100 {
-  --gradient-mid-color: #feecdc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+.via-orange-100 {
+  --gradient-via-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
 }
 
-.mid-orange-200 {
-  --gradient-mid-color: #fcd9bd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+.via-orange-200 {
+  --gradient-via-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
 }
 
-.mid-orange-300 {
-  --gradient-mid-color: #fdba8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+.via-orange-300 {
+  --gradient-via-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
 }
 
-.mid-orange-400 {
-  --gradient-mid-color: #ff8a4c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+.via-orange-400 {
+  --gradient-via-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
 }
 
-.mid-orange-500 {
-  --gradient-mid-color: #ff5a1f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+.via-orange-500 {
+  --gradient-via-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
 }
 
-.mid-orange-600 {
-  --gradient-mid-color: #d03801;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+.via-orange-600 {
+  --gradient-via-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
 }
 
-.mid-orange-700 {
-  --gradient-mid-color: #b43403;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+.via-orange-700 {
+  --gradient-via-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
 }
 
-.mid-orange-800 {
-  --gradient-mid-color: #8a2c0d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+.via-orange-800 {
+  --gradient-via-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
 }
 
-.mid-orange-900 {
-  --gradient-mid-color: #73230d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+.via-orange-900 {
+  --gradient-via-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
 }
 
-.mid-yellow-50 {
-  --gradient-mid-color: #fdfdea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+.via-yellow-50 {
+  --gradient-via-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
 }
 
-.mid-yellow-100 {
-  --gradient-mid-color: #fdf6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+.via-yellow-100 {
+  --gradient-via-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
 }
 
-.mid-yellow-200 {
-  --gradient-mid-color: #fce96a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+.via-yellow-200 {
+  --gradient-via-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
 }
 
-.mid-yellow-300 {
-  --gradient-mid-color: #faca15;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+.via-yellow-300 {
+  --gradient-via-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
 }
 
-.mid-yellow-400 {
-  --gradient-mid-color: #e3a008;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+.via-yellow-400 {
+  --gradient-via-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
 }
 
-.mid-yellow-500 {
-  --gradient-mid-color: #c27803;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+.via-yellow-500 {
+  --gradient-via-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
 }
 
-.mid-yellow-600 {
-  --gradient-mid-color: #9f580a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+.via-yellow-600 {
+  --gradient-via-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
 }
 
-.mid-yellow-700 {
-  --gradient-mid-color: #8e4b10;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+.via-yellow-700 {
+  --gradient-via-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
 }
 
-.mid-yellow-800 {
-  --gradient-mid-color: #723b13;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+.via-yellow-800 {
+  --gradient-via-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
 }
 
-.mid-yellow-900 {
-  --gradient-mid-color: #633112;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+.via-yellow-900 {
+  --gradient-via-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
 }
 
-.mid-green-50 {
-  --gradient-mid-color: #f3faf7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+.via-green-50 {
+  --gradient-via-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
 }
 
-.mid-green-100 {
-  --gradient-mid-color: #def7ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+.via-green-100 {
+  --gradient-via-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
 }
 
-.mid-green-200 {
-  --gradient-mid-color: #bcf0da;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+.via-green-200 {
+  --gradient-via-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
 }
 
-.mid-green-300 {
-  --gradient-mid-color: #84e1bc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+.via-green-300 {
+  --gradient-via-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
 }
 
-.mid-green-400 {
-  --gradient-mid-color: #31c48d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+.via-green-400 {
+  --gradient-via-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
 }
 
-.mid-green-500 {
-  --gradient-mid-color: #0e9f6e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+.via-green-500 {
+  --gradient-via-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
 }
 
-.mid-green-600 {
-  --gradient-mid-color: #057a55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+.via-green-600 {
+  --gradient-via-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
 }
 
-.mid-green-700 {
-  --gradient-mid-color: #046c4e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+.via-green-700 {
+  --gradient-via-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
 }
 
-.mid-green-800 {
-  --gradient-mid-color: #03543f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+.via-green-800 {
+  --gradient-via-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
 }
 
-.mid-green-900 {
-  --gradient-mid-color: #014737;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+.via-green-900 {
+  --gradient-via-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
 }
 
-.mid-teal-50 {
-  --gradient-mid-color: #edfafa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+.via-teal-50 {
+  --gradient-via-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
 }
 
-.mid-teal-100 {
-  --gradient-mid-color: #d5f5f6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+.via-teal-100 {
+  --gradient-via-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
 }
 
-.mid-teal-200 {
-  --gradient-mid-color: #afecef;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+.via-teal-200 {
+  --gradient-via-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
 }
 
-.mid-teal-300 {
-  --gradient-mid-color: #7edce2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+.via-teal-300 {
+  --gradient-via-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
 }
 
-.mid-teal-400 {
-  --gradient-mid-color: #16bdca;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+.via-teal-400 {
+  --gradient-via-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
 }
 
-.mid-teal-500 {
-  --gradient-mid-color: #0694a2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+.via-teal-500 {
+  --gradient-via-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
 }
 
-.mid-teal-600 {
-  --gradient-mid-color: #047481;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+.via-teal-600 {
+  --gradient-via-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
 }
 
-.mid-teal-700 {
-  --gradient-mid-color: #036672;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+.via-teal-700 {
+  --gradient-via-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
 }
 
-.mid-teal-800 {
-  --gradient-mid-color: #05505c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+.via-teal-800 {
+  --gradient-via-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
 }
 
-.mid-teal-900 {
-  --gradient-mid-color: #014451;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+.via-teal-900 {
+  --gradient-via-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
 }
 
-.mid-blue-50 {
-  --gradient-mid-color: #ebf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+.via-blue-50 {
+  --gradient-via-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
 }
 
-.mid-blue-100 {
-  --gradient-mid-color: #e1effe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+.via-blue-100 {
+  --gradient-via-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
 }
 
-.mid-blue-200 {
-  --gradient-mid-color: #c3ddfd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+.via-blue-200 {
+  --gradient-via-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
 }
 
-.mid-blue-300 {
-  --gradient-mid-color: #a4cafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+.via-blue-300 {
+  --gradient-via-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
 }
 
-.mid-blue-400 {
-  --gradient-mid-color: #76a9fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+.via-blue-400 {
+  --gradient-via-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
 }
 
-.mid-blue-500 {
-  --gradient-mid-color: #3f83f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+.via-blue-500 {
+  --gradient-via-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
 }
 
-.mid-blue-600 {
-  --gradient-mid-color: #1c64f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+.via-blue-600 {
+  --gradient-via-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
 }
 
-.mid-blue-700 {
-  --gradient-mid-color: #1a56db;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+.via-blue-700 {
+  --gradient-via-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
 }
 
-.mid-blue-800 {
-  --gradient-mid-color: #1e429f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+.via-blue-800 {
+  --gradient-via-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
 }
 
-.mid-blue-900 {
-  --gradient-mid-color: #233876;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+.via-blue-900 {
+  --gradient-via-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
 }
 
-.mid-indigo-50 {
-  --gradient-mid-color: #f0f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+.via-indigo-50 {
+  --gradient-via-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
 }
 
-.mid-indigo-100 {
-  --gradient-mid-color: #e5edff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+.via-indigo-100 {
+  --gradient-via-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
 }
 
-.mid-indigo-200 {
-  --gradient-mid-color: #cddbfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+.via-indigo-200 {
+  --gradient-via-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
 }
 
-.mid-indigo-300 {
-  --gradient-mid-color: #b4c6fc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+.via-indigo-300 {
+  --gradient-via-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
 }
 
-.mid-indigo-400 {
-  --gradient-mid-color: #8da2fb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+.via-indigo-400 {
+  --gradient-via-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
 }
 
-.mid-indigo-500 {
-  --gradient-mid-color: #6875f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+.via-indigo-500 {
+  --gradient-via-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
 }
 
-.mid-indigo-600 {
-  --gradient-mid-color: #5850ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+.via-indigo-600 {
+  --gradient-via-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
 }
 
-.mid-indigo-700 {
-  --gradient-mid-color: #5145cd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+.via-indigo-700 {
+  --gradient-via-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
 }
 
-.mid-indigo-800 {
-  --gradient-mid-color: #42389d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+.via-indigo-800 {
+  --gradient-via-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
 }
 
-.mid-indigo-900 {
-  --gradient-mid-color: #362f78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+.via-indigo-900 {
+  --gradient-via-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
 }
 
-.mid-purple-50 {
-  --gradient-mid-color: #f6f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+.via-purple-50 {
+  --gradient-via-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
 }
 
-.mid-purple-100 {
-  --gradient-mid-color: #edebfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+.via-purple-100 {
+  --gradient-via-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
 }
 
-.mid-purple-200 {
-  --gradient-mid-color: #dcd7fe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+.via-purple-200 {
+  --gradient-via-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
 }
 
-.mid-purple-300 {
-  --gradient-mid-color: #cabffd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+.via-purple-300 {
+  --gradient-via-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
 }
 
-.mid-purple-400 {
-  --gradient-mid-color: #ac94fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+.via-purple-400 {
+  --gradient-via-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
 }
 
-.mid-purple-500 {
-  --gradient-mid-color: #9061f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+.via-purple-500 {
+  --gradient-via-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
 }
 
-.mid-purple-600 {
-  --gradient-mid-color: #7e3af2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+.via-purple-600 {
+  --gradient-via-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
 }
 
-.mid-purple-700 {
-  --gradient-mid-color: #6c2bd9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+.via-purple-700 {
+  --gradient-via-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
 }
 
-.mid-purple-800 {
-  --gradient-mid-color: #5521b5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+.via-purple-800 {
+  --gradient-via-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
 }
 
-.mid-purple-900 {
-  --gradient-mid-color: #4a1d96;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+.via-purple-900 {
+  --gradient-via-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
 }
 
-.mid-pink-50 {
-  --gradient-mid-color: #fdf2f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+.via-pink-50 {
+  --gradient-via-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
 }
 
-.mid-pink-100 {
-  --gradient-mid-color: #fce8f3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+.via-pink-100 {
+  --gradient-via-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
 }
 
-.mid-pink-200 {
-  --gradient-mid-color: #fad1e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+.via-pink-200 {
+  --gradient-via-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
 }
 
-.mid-pink-300 {
-  --gradient-mid-color: #f8b4d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+.via-pink-300 {
+  --gradient-via-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
 }
 
-.mid-pink-400 {
-  --gradient-mid-color: #f17eb8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+.via-pink-400 {
+  --gradient-via-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
 }
 
-.mid-pink-500 {
-  --gradient-mid-color: #e74694;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+.via-pink-500 {
+  --gradient-via-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
 }
 
-.mid-pink-600 {
-  --gradient-mid-color: #d61f69;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+.via-pink-600 {
+  --gradient-via-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
 }
 
-.mid-pink-700 {
-  --gradient-mid-color: #bf125d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+.via-pink-700 {
+  --gradient-via-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
 }
 
-.mid-pink-800 {
-  --gradient-mid-color: #99154b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+.via-pink-800 {
+  --gradient-via-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
 }
 
-.mid-pink-900 {
-  --gradient-mid-color: #751a3d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+.via-pink-900 {
+  --gradient-via-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
 }
 
 .to-transparent {
@@ -6791,524 +6791,524 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
 }
 
-.hover\:mid-transparent:hover {
-  --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.hover\:via-transparent:hover {
+  --gradient-via-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:mid-current:hover {
-  --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.hover\:via-current:hover {
+  --gradient-via-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:mid-black:hover {
-  --gradient-mid-color: #000000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.hover\:via-black:hover {
+  --gradient-via-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:mid-white:hover {
-  --gradient-mid-color: #ffffff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.hover\:via-white:hover {
+  --gradient-via-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:mid-gray-50:hover {
-  --gradient-mid-color: #f9fafb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+.hover\:via-gray-50:hover {
+  --gradient-via-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
 }
 
-.hover\:mid-gray-100:hover {
-  --gradient-mid-color: #f4f5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+.hover\:via-gray-100:hover {
+  --gradient-via-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
 }
 
-.hover\:mid-gray-200:hover {
-  --gradient-mid-color: #e5e7eb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+.hover\:via-gray-200:hover {
+  --gradient-via-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
 }
 
-.hover\:mid-gray-300:hover {
-  --gradient-mid-color: #d2d6dc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+.hover\:via-gray-300:hover {
+  --gradient-via-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
 }
 
-.hover\:mid-gray-400:hover {
-  --gradient-mid-color: #9fa6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+.hover\:via-gray-400:hover {
+  --gradient-via-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
 }
 
-.hover\:mid-gray-500:hover {
-  --gradient-mid-color: #6b7280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+.hover\:via-gray-500:hover {
+  --gradient-via-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
 }
 
-.hover\:mid-gray-600:hover {
-  --gradient-mid-color: #4b5563;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+.hover\:via-gray-600:hover {
+  --gradient-via-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
 }
 
-.hover\:mid-gray-700:hover {
-  --gradient-mid-color: #374151;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+.hover\:via-gray-700:hover {
+  --gradient-via-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
 }
 
-.hover\:mid-gray-800:hover {
-  --gradient-mid-color: #252f3f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+.hover\:via-gray-800:hover {
+  --gradient-via-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
 }
 
-.hover\:mid-gray-900:hover {
-  --gradient-mid-color: #161e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+.hover\:via-gray-900:hover {
+  --gradient-via-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
 }
 
-.hover\:mid-red-50:hover {
-  --gradient-mid-color: #fdf2f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+.hover\:via-red-50:hover {
+  --gradient-via-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
 }
 
-.hover\:mid-red-100:hover {
-  --gradient-mid-color: #fde8e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+.hover\:via-red-100:hover {
+  --gradient-via-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
 }
 
-.hover\:mid-red-200:hover {
-  --gradient-mid-color: #fbd5d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+.hover\:via-red-200:hover {
+  --gradient-via-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
 }
 
-.hover\:mid-red-300:hover {
-  --gradient-mid-color: #f8b4b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+.hover\:via-red-300:hover {
+  --gradient-via-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
 }
 
-.hover\:mid-red-400:hover {
-  --gradient-mid-color: #f98080;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+.hover\:via-red-400:hover {
+  --gradient-via-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
 }
 
-.hover\:mid-red-500:hover {
-  --gradient-mid-color: #f05252;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+.hover\:via-red-500:hover {
+  --gradient-via-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
 }
 
-.hover\:mid-red-600:hover {
-  --gradient-mid-color: #e02424;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+.hover\:via-red-600:hover {
+  --gradient-via-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
 }
 
-.hover\:mid-red-700:hover {
-  --gradient-mid-color: #c81e1e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+.hover\:via-red-700:hover {
+  --gradient-via-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
 }
 
-.hover\:mid-red-800:hover {
-  --gradient-mid-color: #9b1c1c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+.hover\:via-red-800:hover {
+  --gradient-via-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
 }
 
-.hover\:mid-red-900:hover {
-  --gradient-mid-color: #771d1d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+.hover\:via-red-900:hover {
+  --gradient-via-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
 }
 
-.hover\:mid-orange-50:hover {
-  --gradient-mid-color: #fff8f1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+.hover\:via-orange-50:hover {
+  --gradient-via-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
 }
 
-.hover\:mid-orange-100:hover {
-  --gradient-mid-color: #feecdc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+.hover\:via-orange-100:hover {
+  --gradient-via-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
 }
 
-.hover\:mid-orange-200:hover {
-  --gradient-mid-color: #fcd9bd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+.hover\:via-orange-200:hover {
+  --gradient-via-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
 }
 
-.hover\:mid-orange-300:hover {
-  --gradient-mid-color: #fdba8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+.hover\:via-orange-300:hover {
+  --gradient-via-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
 }
 
-.hover\:mid-orange-400:hover {
-  --gradient-mid-color: #ff8a4c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+.hover\:via-orange-400:hover {
+  --gradient-via-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
 }
 
-.hover\:mid-orange-500:hover {
-  --gradient-mid-color: #ff5a1f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+.hover\:via-orange-500:hover {
+  --gradient-via-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
 }
 
-.hover\:mid-orange-600:hover {
-  --gradient-mid-color: #d03801;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+.hover\:via-orange-600:hover {
+  --gradient-via-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
 }
 
-.hover\:mid-orange-700:hover {
-  --gradient-mid-color: #b43403;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+.hover\:via-orange-700:hover {
+  --gradient-via-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
 }
 
-.hover\:mid-orange-800:hover {
-  --gradient-mid-color: #8a2c0d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+.hover\:via-orange-800:hover {
+  --gradient-via-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
 }
 
-.hover\:mid-orange-900:hover {
-  --gradient-mid-color: #73230d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+.hover\:via-orange-900:hover {
+  --gradient-via-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
 }
 
-.hover\:mid-yellow-50:hover {
-  --gradient-mid-color: #fdfdea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+.hover\:via-yellow-50:hover {
+  --gradient-via-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
 }
 
-.hover\:mid-yellow-100:hover {
-  --gradient-mid-color: #fdf6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+.hover\:via-yellow-100:hover {
+  --gradient-via-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
 }
 
-.hover\:mid-yellow-200:hover {
-  --gradient-mid-color: #fce96a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+.hover\:via-yellow-200:hover {
+  --gradient-via-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
 }
 
-.hover\:mid-yellow-300:hover {
-  --gradient-mid-color: #faca15;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+.hover\:via-yellow-300:hover {
+  --gradient-via-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
 }
 
-.hover\:mid-yellow-400:hover {
-  --gradient-mid-color: #e3a008;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+.hover\:via-yellow-400:hover {
+  --gradient-via-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
 }
 
-.hover\:mid-yellow-500:hover {
-  --gradient-mid-color: #c27803;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+.hover\:via-yellow-500:hover {
+  --gradient-via-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
 }
 
-.hover\:mid-yellow-600:hover {
-  --gradient-mid-color: #9f580a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+.hover\:via-yellow-600:hover {
+  --gradient-via-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
 }
 
-.hover\:mid-yellow-700:hover {
-  --gradient-mid-color: #8e4b10;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+.hover\:via-yellow-700:hover {
+  --gradient-via-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
 }
 
-.hover\:mid-yellow-800:hover {
-  --gradient-mid-color: #723b13;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+.hover\:via-yellow-800:hover {
+  --gradient-via-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
 }
 
-.hover\:mid-yellow-900:hover {
-  --gradient-mid-color: #633112;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+.hover\:via-yellow-900:hover {
+  --gradient-via-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
 }
 
-.hover\:mid-green-50:hover {
-  --gradient-mid-color: #f3faf7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+.hover\:via-green-50:hover {
+  --gradient-via-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
 }
 
-.hover\:mid-green-100:hover {
-  --gradient-mid-color: #def7ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+.hover\:via-green-100:hover {
+  --gradient-via-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
 }
 
-.hover\:mid-green-200:hover {
-  --gradient-mid-color: #bcf0da;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+.hover\:via-green-200:hover {
+  --gradient-via-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
 }
 
-.hover\:mid-green-300:hover {
-  --gradient-mid-color: #84e1bc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+.hover\:via-green-300:hover {
+  --gradient-via-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
 }
 
-.hover\:mid-green-400:hover {
-  --gradient-mid-color: #31c48d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+.hover\:via-green-400:hover {
+  --gradient-via-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
 }
 
-.hover\:mid-green-500:hover {
-  --gradient-mid-color: #0e9f6e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+.hover\:via-green-500:hover {
+  --gradient-via-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
 }
 
-.hover\:mid-green-600:hover {
-  --gradient-mid-color: #057a55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+.hover\:via-green-600:hover {
+  --gradient-via-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
 }
 
-.hover\:mid-green-700:hover {
-  --gradient-mid-color: #046c4e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+.hover\:via-green-700:hover {
+  --gradient-via-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
 }
 
-.hover\:mid-green-800:hover {
-  --gradient-mid-color: #03543f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+.hover\:via-green-800:hover {
+  --gradient-via-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
 }
 
-.hover\:mid-green-900:hover {
-  --gradient-mid-color: #014737;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+.hover\:via-green-900:hover {
+  --gradient-via-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
 }
 
-.hover\:mid-teal-50:hover {
-  --gradient-mid-color: #edfafa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+.hover\:via-teal-50:hover {
+  --gradient-via-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
 }
 
-.hover\:mid-teal-100:hover {
-  --gradient-mid-color: #d5f5f6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+.hover\:via-teal-100:hover {
+  --gradient-via-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
 }
 
-.hover\:mid-teal-200:hover {
-  --gradient-mid-color: #afecef;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+.hover\:via-teal-200:hover {
+  --gradient-via-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
 }
 
-.hover\:mid-teal-300:hover {
-  --gradient-mid-color: #7edce2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+.hover\:via-teal-300:hover {
+  --gradient-via-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
 }
 
-.hover\:mid-teal-400:hover {
-  --gradient-mid-color: #16bdca;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+.hover\:via-teal-400:hover {
+  --gradient-via-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
 }
 
-.hover\:mid-teal-500:hover {
-  --gradient-mid-color: #0694a2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+.hover\:via-teal-500:hover {
+  --gradient-via-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
 }
 
-.hover\:mid-teal-600:hover {
-  --gradient-mid-color: #047481;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+.hover\:via-teal-600:hover {
+  --gradient-via-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
 }
 
-.hover\:mid-teal-700:hover {
-  --gradient-mid-color: #036672;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+.hover\:via-teal-700:hover {
+  --gradient-via-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
 }
 
-.hover\:mid-teal-800:hover {
-  --gradient-mid-color: #05505c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+.hover\:via-teal-800:hover {
+  --gradient-via-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
 }
 
-.hover\:mid-teal-900:hover {
-  --gradient-mid-color: #014451;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+.hover\:via-teal-900:hover {
+  --gradient-via-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
 }
 
-.hover\:mid-blue-50:hover {
-  --gradient-mid-color: #ebf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+.hover\:via-blue-50:hover {
+  --gradient-via-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
 }
 
-.hover\:mid-blue-100:hover {
-  --gradient-mid-color: #e1effe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+.hover\:via-blue-100:hover {
+  --gradient-via-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
 }
 
-.hover\:mid-blue-200:hover {
-  --gradient-mid-color: #c3ddfd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+.hover\:via-blue-200:hover {
+  --gradient-via-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
 }
 
-.hover\:mid-blue-300:hover {
-  --gradient-mid-color: #a4cafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+.hover\:via-blue-300:hover {
+  --gradient-via-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
 }
 
-.hover\:mid-blue-400:hover {
-  --gradient-mid-color: #76a9fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+.hover\:via-blue-400:hover {
+  --gradient-via-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
 }
 
-.hover\:mid-blue-500:hover {
-  --gradient-mid-color: #3f83f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+.hover\:via-blue-500:hover {
+  --gradient-via-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
 }
 
-.hover\:mid-blue-600:hover {
-  --gradient-mid-color: #1c64f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+.hover\:via-blue-600:hover {
+  --gradient-via-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
 }
 
-.hover\:mid-blue-700:hover {
-  --gradient-mid-color: #1a56db;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+.hover\:via-blue-700:hover {
+  --gradient-via-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
 }
 
-.hover\:mid-blue-800:hover {
-  --gradient-mid-color: #1e429f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+.hover\:via-blue-800:hover {
+  --gradient-via-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
 }
 
-.hover\:mid-blue-900:hover {
-  --gradient-mid-color: #233876;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+.hover\:via-blue-900:hover {
+  --gradient-via-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
 }
 
-.hover\:mid-indigo-50:hover {
-  --gradient-mid-color: #f0f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+.hover\:via-indigo-50:hover {
+  --gradient-via-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
 }
 
-.hover\:mid-indigo-100:hover {
-  --gradient-mid-color: #e5edff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+.hover\:via-indigo-100:hover {
+  --gradient-via-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
 }
 
-.hover\:mid-indigo-200:hover {
-  --gradient-mid-color: #cddbfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+.hover\:via-indigo-200:hover {
+  --gradient-via-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
 }
 
-.hover\:mid-indigo-300:hover {
-  --gradient-mid-color: #b4c6fc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+.hover\:via-indigo-300:hover {
+  --gradient-via-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
 }
 
-.hover\:mid-indigo-400:hover {
-  --gradient-mid-color: #8da2fb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+.hover\:via-indigo-400:hover {
+  --gradient-via-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
 }
 
-.hover\:mid-indigo-500:hover {
-  --gradient-mid-color: #6875f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+.hover\:via-indigo-500:hover {
+  --gradient-via-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
 }
 
-.hover\:mid-indigo-600:hover {
-  --gradient-mid-color: #5850ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+.hover\:via-indigo-600:hover {
+  --gradient-via-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
 }
 
-.hover\:mid-indigo-700:hover {
-  --gradient-mid-color: #5145cd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+.hover\:via-indigo-700:hover {
+  --gradient-via-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
 }
 
-.hover\:mid-indigo-800:hover {
-  --gradient-mid-color: #42389d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+.hover\:via-indigo-800:hover {
+  --gradient-via-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
 }
 
-.hover\:mid-indigo-900:hover {
-  --gradient-mid-color: #362f78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+.hover\:via-indigo-900:hover {
+  --gradient-via-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
 }
 
-.hover\:mid-purple-50:hover {
-  --gradient-mid-color: #f6f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+.hover\:via-purple-50:hover {
+  --gradient-via-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
 }
 
-.hover\:mid-purple-100:hover {
-  --gradient-mid-color: #edebfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+.hover\:via-purple-100:hover {
+  --gradient-via-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
 }
 
-.hover\:mid-purple-200:hover {
-  --gradient-mid-color: #dcd7fe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+.hover\:via-purple-200:hover {
+  --gradient-via-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
 }
 
-.hover\:mid-purple-300:hover {
-  --gradient-mid-color: #cabffd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+.hover\:via-purple-300:hover {
+  --gradient-via-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
 }
 
-.hover\:mid-purple-400:hover {
-  --gradient-mid-color: #ac94fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+.hover\:via-purple-400:hover {
+  --gradient-via-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
 }
 
-.hover\:mid-purple-500:hover {
-  --gradient-mid-color: #9061f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+.hover\:via-purple-500:hover {
+  --gradient-via-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
 }
 
-.hover\:mid-purple-600:hover {
-  --gradient-mid-color: #7e3af2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+.hover\:via-purple-600:hover {
+  --gradient-via-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
 }
 
-.hover\:mid-purple-700:hover {
-  --gradient-mid-color: #6c2bd9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+.hover\:via-purple-700:hover {
+  --gradient-via-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
 }
 
-.hover\:mid-purple-800:hover {
-  --gradient-mid-color: #5521b5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+.hover\:via-purple-800:hover {
+  --gradient-via-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
 }
 
-.hover\:mid-purple-900:hover {
-  --gradient-mid-color: #4a1d96;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+.hover\:via-purple-900:hover {
+  --gradient-via-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
 }
 
-.hover\:mid-pink-50:hover {
-  --gradient-mid-color: #fdf2f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+.hover\:via-pink-50:hover {
+  --gradient-via-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
 }
 
-.hover\:mid-pink-100:hover {
-  --gradient-mid-color: #fce8f3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+.hover\:via-pink-100:hover {
+  --gradient-via-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
 }
 
-.hover\:mid-pink-200:hover {
-  --gradient-mid-color: #fad1e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+.hover\:via-pink-200:hover {
+  --gradient-via-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
 }
 
-.hover\:mid-pink-300:hover {
-  --gradient-mid-color: #f8b4d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+.hover\:via-pink-300:hover {
+  --gradient-via-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
 }
 
-.hover\:mid-pink-400:hover {
-  --gradient-mid-color: #f17eb8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+.hover\:via-pink-400:hover {
+  --gradient-via-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
 }
 
-.hover\:mid-pink-500:hover {
-  --gradient-mid-color: #e74694;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+.hover\:via-pink-500:hover {
+  --gradient-via-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
 }
 
-.hover\:mid-pink-600:hover {
-  --gradient-mid-color: #d61f69;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+.hover\:via-pink-600:hover {
+  --gradient-via-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
 }
 
-.hover\:mid-pink-700:hover {
-  --gradient-mid-color: #bf125d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+.hover\:via-pink-700:hover {
+  --gradient-via-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
 }
 
-.hover\:mid-pink-800:hover {
-  --gradient-mid-color: #99154b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+.hover\:via-pink-800:hover {
+  --gradient-via-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
 }
 
-.hover\:mid-pink-900:hover {
-  --gradient-mid-color: #751a3d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+.hover\:via-pink-900:hover {
+  --gradient-via-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
 }
 
 .hover\:to-transparent:hover {
@@ -8247,524 +8247,524 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
 }
 
-.focus\:mid-transparent:focus {
-  --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.focus\:via-transparent:focus {
+  --gradient-via-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:mid-current:focus {
-  --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.focus\:via-current:focus {
+  --gradient-via-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:mid-black:focus {
-  --gradient-mid-color: #000000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.focus\:via-black:focus {
+  --gradient-via-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:mid-white:focus {
-  --gradient-mid-color: #ffffff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.focus\:via-white:focus {
+  --gradient-via-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:mid-gray-50:focus {
-  --gradient-mid-color: #f9fafb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+.focus\:via-gray-50:focus {
+  --gradient-via-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
 }
 
-.focus\:mid-gray-100:focus {
-  --gradient-mid-color: #f4f5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+.focus\:via-gray-100:focus {
+  --gradient-via-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
 }
 
-.focus\:mid-gray-200:focus {
-  --gradient-mid-color: #e5e7eb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+.focus\:via-gray-200:focus {
+  --gradient-via-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
 }
 
-.focus\:mid-gray-300:focus {
-  --gradient-mid-color: #d2d6dc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+.focus\:via-gray-300:focus {
+  --gradient-via-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
 }
 
-.focus\:mid-gray-400:focus {
-  --gradient-mid-color: #9fa6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+.focus\:via-gray-400:focus {
+  --gradient-via-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
 }
 
-.focus\:mid-gray-500:focus {
-  --gradient-mid-color: #6b7280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+.focus\:via-gray-500:focus {
+  --gradient-via-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
 }
 
-.focus\:mid-gray-600:focus {
-  --gradient-mid-color: #4b5563;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+.focus\:via-gray-600:focus {
+  --gradient-via-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
 }
 
-.focus\:mid-gray-700:focus {
-  --gradient-mid-color: #374151;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+.focus\:via-gray-700:focus {
+  --gradient-via-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
 }
 
-.focus\:mid-gray-800:focus {
-  --gradient-mid-color: #252f3f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+.focus\:via-gray-800:focus {
+  --gradient-via-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
 }
 
-.focus\:mid-gray-900:focus {
-  --gradient-mid-color: #161e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+.focus\:via-gray-900:focus {
+  --gradient-via-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
 }
 
-.focus\:mid-red-50:focus {
-  --gradient-mid-color: #fdf2f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+.focus\:via-red-50:focus {
+  --gradient-via-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
 }
 
-.focus\:mid-red-100:focus {
-  --gradient-mid-color: #fde8e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+.focus\:via-red-100:focus {
+  --gradient-via-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
 }
 
-.focus\:mid-red-200:focus {
-  --gradient-mid-color: #fbd5d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+.focus\:via-red-200:focus {
+  --gradient-via-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
 }
 
-.focus\:mid-red-300:focus {
-  --gradient-mid-color: #f8b4b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+.focus\:via-red-300:focus {
+  --gradient-via-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
 }
 
-.focus\:mid-red-400:focus {
-  --gradient-mid-color: #f98080;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+.focus\:via-red-400:focus {
+  --gradient-via-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
 }
 
-.focus\:mid-red-500:focus {
-  --gradient-mid-color: #f05252;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+.focus\:via-red-500:focus {
+  --gradient-via-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
 }
 
-.focus\:mid-red-600:focus {
-  --gradient-mid-color: #e02424;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+.focus\:via-red-600:focus {
+  --gradient-via-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
 }
 
-.focus\:mid-red-700:focus {
-  --gradient-mid-color: #c81e1e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+.focus\:via-red-700:focus {
+  --gradient-via-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
 }
 
-.focus\:mid-red-800:focus {
-  --gradient-mid-color: #9b1c1c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+.focus\:via-red-800:focus {
+  --gradient-via-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
 }
 
-.focus\:mid-red-900:focus {
-  --gradient-mid-color: #771d1d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+.focus\:via-red-900:focus {
+  --gradient-via-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
 }
 
-.focus\:mid-orange-50:focus {
-  --gradient-mid-color: #fff8f1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+.focus\:via-orange-50:focus {
+  --gradient-via-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
 }
 
-.focus\:mid-orange-100:focus {
-  --gradient-mid-color: #feecdc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+.focus\:via-orange-100:focus {
+  --gradient-via-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
 }
 
-.focus\:mid-orange-200:focus {
-  --gradient-mid-color: #fcd9bd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+.focus\:via-orange-200:focus {
+  --gradient-via-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
 }
 
-.focus\:mid-orange-300:focus {
-  --gradient-mid-color: #fdba8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+.focus\:via-orange-300:focus {
+  --gradient-via-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
 }
 
-.focus\:mid-orange-400:focus {
-  --gradient-mid-color: #ff8a4c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+.focus\:via-orange-400:focus {
+  --gradient-via-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
 }
 
-.focus\:mid-orange-500:focus {
-  --gradient-mid-color: #ff5a1f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+.focus\:via-orange-500:focus {
+  --gradient-via-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
 }
 
-.focus\:mid-orange-600:focus {
-  --gradient-mid-color: #d03801;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+.focus\:via-orange-600:focus {
+  --gradient-via-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
 }
 
-.focus\:mid-orange-700:focus {
-  --gradient-mid-color: #b43403;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+.focus\:via-orange-700:focus {
+  --gradient-via-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
 }
 
-.focus\:mid-orange-800:focus {
-  --gradient-mid-color: #8a2c0d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+.focus\:via-orange-800:focus {
+  --gradient-via-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
 }
 
-.focus\:mid-orange-900:focus {
-  --gradient-mid-color: #73230d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+.focus\:via-orange-900:focus {
+  --gradient-via-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
 }
 
-.focus\:mid-yellow-50:focus {
-  --gradient-mid-color: #fdfdea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+.focus\:via-yellow-50:focus {
+  --gradient-via-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
 }
 
-.focus\:mid-yellow-100:focus {
-  --gradient-mid-color: #fdf6b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+.focus\:via-yellow-100:focus {
+  --gradient-via-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
 }
 
-.focus\:mid-yellow-200:focus {
-  --gradient-mid-color: #fce96a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+.focus\:via-yellow-200:focus {
+  --gradient-via-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
 }
 
-.focus\:mid-yellow-300:focus {
-  --gradient-mid-color: #faca15;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+.focus\:via-yellow-300:focus {
+  --gradient-via-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
 }
 
-.focus\:mid-yellow-400:focus {
-  --gradient-mid-color: #e3a008;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+.focus\:via-yellow-400:focus {
+  --gradient-via-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
 }
 
-.focus\:mid-yellow-500:focus {
-  --gradient-mid-color: #c27803;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+.focus\:via-yellow-500:focus {
+  --gradient-via-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
 }
 
-.focus\:mid-yellow-600:focus {
-  --gradient-mid-color: #9f580a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+.focus\:via-yellow-600:focus {
+  --gradient-via-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
 }
 
-.focus\:mid-yellow-700:focus {
-  --gradient-mid-color: #8e4b10;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+.focus\:via-yellow-700:focus {
+  --gradient-via-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
 }
 
-.focus\:mid-yellow-800:focus {
-  --gradient-mid-color: #723b13;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+.focus\:via-yellow-800:focus {
+  --gradient-via-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
 }
 
-.focus\:mid-yellow-900:focus {
-  --gradient-mid-color: #633112;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+.focus\:via-yellow-900:focus {
+  --gradient-via-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
 }
 
-.focus\:mid-green-50:focus {
-  --gradient-mid-color: #f3faf7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+.focus\:via-green-50:focus {
+  --gradient-via-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
 }
 
-.focus\:mid-green-100:focus {
-  --gradient-mid-color: #def7ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+.focus\:via-green-100:focus {
+  --gradient-via-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
 }
 
-.focus\:mid-green-200:focus {
-  --gradient-mid-color: #bcf0da;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+.focus\:via-green-200:focus {
+  --gradient-via-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
 }
 
-.focus\:mid-green-300:focus {
-  --gradient-mid-color: #84e1bc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+.focus\:via-green-300:focus {
+  --gradient-via-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
 }
 
-.focus\:mid-green-400:focus {
-  --gradient-mid-color: #31c48d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+.focus\:via-green-400:focus {
+  --gradient-via-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
 }
 
-.focus\:mid-green-500:focus {
-  --gradient-mid-color: #0e9f6e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+.focus\:via-green-500:focus {
+  --gradient-via-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
 }
 
-.focus\:mid-green-600:focus {
-  --gradient-mid-color: #057a55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+.focus\:via-green-600:focus {
+  --gradient-via-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
 }
 
-.focus\:mid-green-700:focus {
-  --gradient-mid-color: #046c4e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+.focus\:via-green-700:focus {
+  --gradient-via-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
 }
 
-.focus\:mid-green-800:focus {
-  --gradient-mid-color: #03543f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+.focus\:via-green-800:focus {
+  --gradient-via-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
 }
 
-.focus\:mid-green-900:focus {
-  --gradient-mid-color: #014737;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+.focus\:via-green-900:focus {
+  --gradient-via-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
 }
 
-.focus\:mid-teal-50:focus {
-  --gradient-mid-color: #edfafa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+.focus\:via-teal-50:focus {
+  --gradient-via-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
 }
 
-.focus\:mid-teal-100:focus {
-  --gradient-mid-color: #d5f5f6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+.focus\:via-teal-100:focus {
+  --gradient-via-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
 }
 
-.focus\:mid-teal-200:focus {
-  --gradient-mid-color: #afecef;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+.focus\:via-teal-200:focus {
+  --gradient-via-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
 }
 
-.focus\:mid-teal-300:focus {
-  --gradient-mid-color: #7edce2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+.focus\:via-teal-300:focus {
+  --gradient-via-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
 }
 
-.focus\:mid-teal-400:focus {
-  --gradient-mid-color: #16bdca;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+.focus\:via-teal-400:focus {
+  --gradient-via-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
 }
 
-.focus\:mid-teal-500:focus {
-  --gradient-mid-color: #0694a2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+.focus\:via-teal-500:focus {
+  --gradient-via-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
 }
 
-.focus\:mid-teal-600:focus {
-  --gradient-mid-color: #047481;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+.focus\:via-teal-600:focus {
+  --gradient-via-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
 }
 
-.focus\:mid-teal-700:focus {
-  --gradient-mid-color: #036672;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+.focus\:via-teal-700:focus {
+  --gradient-via-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
 }
 
-.focus\:mid-teal-800:focus {
-  --gradient-mid-color: #05505c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+.focus\:via-teal-800:focus {
+  --gradient-via-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
 }
 
-.focus\:mid-teal-900:focus {
-  --gradient-mid-color: #014451;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+.focus\:via-teal-900:focus {
+  --gradient-via-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
 }
 
-.focus\:mid-blue-50:focus {
-  --gradient-mid-color: #ebf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+.focus\:via-blue-50:focus {
+  --gradient-via-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
 }
 
-.focus\:mid-blue-100:focus {
-  --gradient-mid-color: #e1effe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+.focus\:via-blue-100:focus {
+  --gradient-via-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
 }
 
-.focus\:mid-blue-200:focus {
-  --gradient-mid-color: #c3ddfd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+.focus\:via-blue-200:focus {
+  --gradient-via-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
 }
 
-.focus\:mid-blue-300:focus {
-  --gradient-mid-color: #a4cafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+.focus\:via-blue-300:focus {
+  --gradient-via-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
 }
 
-.focus\:mid-blue-400:focus {
-  --gradient-mid-color: #76a9fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+.focus\:via-blue-400:focus {
+  --gradient-via-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
 }
 
-.focus\:mid-blue-500:focus {
-  --gradient-mid-color: #3f83f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+.focus\:via-blue-500:focus {
+  --gradient-via-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
 }
 
-.focus\:mid-blue-600:focus {
-  --gradient-mid-color: #1c64f2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+.focus\:via-blue-600:focus {
+  --gradient-via-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
 }
 
-.focus\:mid-blue-700:focus {
-  --gradient-mid-color: #1a56db;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+.focus\:via-blue-700:focus {
+  --gradient-via-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
 }
 
-.focus\:mid-blue-800:focus {
-  --gradient-mid-color: #1e429f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+.focus\:via-blue-800:focus {
+  --gradient-via-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
 }
 
-.focus\:mid-blue-900:focus {
-  --gradient-mid-color: #233876;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+.focus\:via-blue-900:focus {
+  --gradient-via-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
 }
 
-.focus\:mid-indigo-50:focus {
-  --gradient-mid-color: #f0f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+.focus\:via-indigo-50:focus {
+  --gradient-via-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
 }
 
-.focus\:mid-indigo-100:focus {
-  --gradient-mid-color: #e5edff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+.focus\:via-indigo-100:focus {
+  --gradient-via-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
 }
 
-.focus\:mid-indigo-200:focus {
-  --gradient-mid-color: #cddbfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+.focus\:via-indigo-200:focus {
+  --gradient-via-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
 }
 
-.focus\:mid-indigo-300:focus {
-  --gradient-mid-color: #b4c6fc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+.focus\:via-indigo-300:focus {
+  --gradient-via-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
 }
 
-.focus\:mid-indigo-400:focus {
-  --gradient-mid-color: #8da2fb;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+.focus\:via-indigo-400:focus {
+  --gradient-via-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
 }
 
-.focus\:mid-indigo-500:focus {
-  --gradient-mid-color: #6875f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+.focus\:via-indigo-500:focus {
+  --gradient-via-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
 }
 
-.focus\:mid-indigo-600:focus {
-  --gradient-mid-color: #5850ec;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+.focus\:via-indigo-600:focus {
+  --gradient-via-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
 }
 
-.focus\:mid-indigo-700:focus {
-  --gradient-mid-color: #5145cd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+.focus\:via-indigo-700:focus {
+  --gradient-via-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
 }
 
-.focus\:mid-indigo-800:focus {
-  --gradient-mid-color: #42389d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+.focus\:via-indigo-800:focus {
+  --gradient-via-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
 }
 
-.focus\:mid-indigo-900:focus {
-  --gradient-mid-color: #362f78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+.focus\:via-indigo-900:focus {
+  --gradient-via-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
 }
 
-.focus\:mid-purple-50:focus {
-  --gradient-mid-color: #f6f5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+.focus\:via-purple-50:focus {
+  --gradient-via-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
 }
 
-.focus\:mid-purple-100:focus {
-  --gradient-mid-color: #edebfe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+.focus\:via-purple-100:focus {
+  --gradient-via-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
 }
 
-.focus\:mid-purple-200:focus {
-  --gradient-mid-color: #dcd7fe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+.focus\:via-purple-200:focus {
+  --gradient-via-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
 }
 
-.focus\:mid-purple-300:focus {
-  --gradient-mid-color: #cabffd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+.focus\:via-purple-300:focus {
+  --gradient-via-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
 }
 
-.focus\:mid-purple-400:focus {
-  --gradient-mid-color: #ac94fa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+.focus\:via-purple-400:focus {
+  --gradient-via-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
 }
 
-.focus\:mid-purple-500:focus {
-  --gradient-mid-color: #9061f9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+.focus\:via-purple-500:focus {
+  --gradient-via-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
 }
 
-.focus\:mid-purple-600:focus {
-  --gradient-mid-color: #7e3af2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+.focus\:via-purple-600:focus {
+  --gradient-via-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
 }
 
-.focus\:mid-purple-700:focus {
-  --gradient-mid-color: #6c2bd9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+.focus\:via-purple-700:focus {
+  --gradient-via-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
 }
 
-.focus\:mid-purple-800:focus {
-  --gradient-mid-color: #5521b5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+.focus\:via-purple-800:focus {
+  --gradient-via-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
 }
 
-.focus\:mid-purple-900:focus {
-  --gradient-mid-color: #4a1d96;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+.focus\:via-purple-900:focus {
+  --gradient-via-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
 }
 
-.focus\:mid-pink-50:focus {
-  --gradient-mid-color: #fdf2f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+.focus\:via-pink-50:focus {
+  --gradient-via-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
 }
 
-.focus\:mid-pink-100:focus {
-  --gradient-mid-color: #fce8f3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+.focus\:via-pink-100:focus {
+  --gradient-via-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
 }
 
-.focus\:mid-pink-200:focus {
-  --gradient-mid-color: #fad1e8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+.focus\:via-pink-200:focus {
+  --gradient-via-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
 }
 
-.focus\:mid-pink-300:focus {
-  --gradient-mid-color: #f8b4d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+.focus\:via-pink-300:focus {
+  --gradient-via-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
 }
 
-.focus\:mid-pink-400:focus {
-  --gradient-mid-color: #f17eb8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+.focus\:via-pink-400:focus {
+  --gradient-via-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
 }
 
-.focus\:mid-pink-500:focus {
-  --gradient-mid-color: #e74694;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+.focus\:via-pink-500:focus {
+  --gradient-via-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
 }
 
-.focus\:mid-pink-600:focus {
-  --gradient-mid-color: #d61f69;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+.focus\:via-pink-600:focus {
+  --gradient-via-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
 }
 
-.focus\:mid-pink-700:focus {
-  --gradient-mid-color: #bf125d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+.focus\:via-pink-700:focus {
+  --gradient-via-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
 }
 
-.focus\:mid-pink-800:focus {
-  --gradient-mid-color: #99154b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+.focus\:via-pink-800:focus {
+  --gradient-via-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
 }
 
-.focus\:mid-pink-900:focus {
-  --gradient-mid-color: #751a3d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+.focus\:via-pink-900:focus {
+  --gradient-via-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
 }
 
 .focus\:to-transparent:focus {
@@ -34832,524 +34832,524 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .sm\:mid-transparent {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:mid-current {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:mid-black {
-    --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:via-black {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:mid-white {
-    --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:via-white {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:mid-gray-50 {
-    --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  .sm\:via-gray-50 {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .sm\:mid-gray-100 {
-    --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  .sm\:via-gray-100 {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .sm\:mid-gray-200 {
-    --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  .sm\:via-gray-200 {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .sm\:mid-gray-300 {
-    --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  .sm\:via-gray-300 {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .sm\:mid-gray-400 {
-    --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  .sm\:via-gray-400 {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .sm\:mid-gray-500 {
-    --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  .sm\:via-gray-500 {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .sm\:mid-gray-600 {
-    --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  .sm\:via-gray-600 {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .sm\:mid-gray-700 {
-    --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  .sm\:via-gray-700 {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .sm\:mid-gray-800 {
-    --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  .sm\:via-gray-800 {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .sm\:mid-gray-900 {
-    --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  .sm\:via-gray-900 {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .sm\:mid-red-50 {
-    --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  .sm\:via-red-50 {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .sm\:mid-red-100 {
-    --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  .sm\:via-red-100 {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .sm\:mid-red-200 {
-    --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  .sm\:via-red-200 {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .sm\:mid-red-300 {
-    --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  .sm\:via-red-300 {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .sm\:mid-red-400 {
-    --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  .sm\:via-red-400 {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .sm\:mid-red-500 {
-    --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  .sm\:via-red-500 {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .sm\:mid-red-600 {
-    --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  .sm\:via-red-600 {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .sm\:mid-red-700 {
-    --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  .sm\:via-red-700 {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .sm\:mid-red-800 {
-    --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  .sm\:via-red-800 {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .sm\:mid-red-900 {
-    --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  .sm\:via-red-900 {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .sm\:mid-orange-50 {
-    --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  .sm\:via-orange-50 {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .sm\:mid-orange-100 {
-    --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  .sm\:via-orange-100 {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .sm\:mid-orange-200 {
-    --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  .sm\:via-orange-200 {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .sm\:mid-orange-300 {
-    --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  .sm\:via-orange-300 {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .sm\:mid-orange-400 {
-    --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  .sm\:via-orange-400 {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .sm\:mid-orange-500 {
-    --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  .sm\:via-orange-500 {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .sm\:mid-orange-600 {
-    --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  .sm\:via-orange-600 {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .sm\:mid-orange-700 {
-    --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  .sm\:via-orange-700 {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .sm\:mid-orange-800 {
-    --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  .sm\:via-orange-800 {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .sm\:mid-orange-900 {
-    --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  .sm\:via-orange-900 {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .sm\:mid-yellow-50 {
-    --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  .sm\:via-yellow-50 {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .sm\:mid-yellow-100 {
-    --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  .sm\:via-yellow-100 {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .sm\:mid-yellow-200 {
-    --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  .sm\:via-yellow-200 {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .sm\:mid-yellow-300 {
-    --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  .sm\:via-yellow-300 {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .sm\:mid-yellow-400 {
-    --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  .sm\:via-yellow-400 {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .sm\:mid-yellow-500 {
-    --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  .sm\:via-yellow-500 {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .sm\:mid-yellow-600 {
-    --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  .sm\:via-yellow-600 {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .sm\:mid-yellow-700 {
-    --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  .sm\:via-yellow-700 {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .sm\:mid-yellow-800 {
-    --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  .sm\:via-yellow-800 {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .sm\:mid-yellow-900 {
-    --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  .sm\:via-yellow-900 {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .sm\:mid-green-50 {
-    --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  .sm\:via-green-50 {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .sm\:mid-green-100 {
-    --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  .sm\:via-green-100 {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .sm\:mid-green-200 {
-    --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  .sm\:via-green-200 {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .sm\:mid-green-300 {
-    --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  .sm\:via-green-300 {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .sm\:mid-green-400 {
-    --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  .sm\:via-green-400 {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .sm\:mid-green-500 {
-    --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  .sm\:via-green-500 {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .sm\:mid-green-600 {
-    --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  .sm\:via-green-600 {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .sm\:mid-green-700 {
-    --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  .sm\:via-green-700 {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .sm\:mid-green-800 {
-    --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  .sm\:via-green-800 {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .sm\:mid-green-900 {
-    --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  .sm\:via-green-900 {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .sm\:mid-teal-50 {
-    --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  .sm\:via-teal-50 {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .sm\:mid-teal-100 {
-    --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  .sm\:via-teal-100 {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .sm\:mid-teal-200 {
-    --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  .sm\:via-teal-200 {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .sm\:mid-teal-300 {
-    --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  .sm\:via-teal-300 {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .sm\:mid-teal-400 {
-    --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  .sm\:via-teal-400 {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .sm\:mid-teal-500 {
-    --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  .sm\:via-teal-500 {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .sm\:mid-teal-600 {
-    --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  .sm\:via-teal-600 {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .sm\:mid-teal-700 {
-    --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  .sm\:via-teal-700 {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .sm\:mid-teal-800 {
-    --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  .sm\:via-teal-800 {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .sm\:mid-teal-900 {
-    --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  .sm\:via-teal-900 {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .sm\:mid-blue-50 {
-    --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  .sm\:via-blue-50 {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .sm\:mid-blue-100 {
-    --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  .sm\:via-blue-100 {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .sm\:mid-blue-200 {
-    --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  .sm\:via-blue-200 {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .sm\:mid-blue-300 {
-    --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  .sm\:via-blue-300 {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .sm\:mid-blue-400 {
-    --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  .sm\:via-blue-400 {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .sm\:mid-blue-500 {
-    --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  .sm\:via-blue-500 {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .sm\:mid-blue-600 {
-    --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  .sm\:via-blue-600 {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .sm\:mid-blue-700 {
-    --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  .sm\:via-blue-700 {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .sm\:mid-blue-800 {
-    --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  .sm\:via-blue-800 {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .sm\:mid-blue-900 {
-    --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  .sm\:via-blue-900 {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .sm\:mid-indigo-50 {
-    --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  .sm\:via-indigo-50 {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .sm\:mid-indigo-100 {
-    --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  .sm\:via-indigo-100 {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .sm\:mid-indigo-200 {
-    --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  .sm\:via-indigo-200 {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .sm\:mid-indigo-300 {
-    --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  .sm\:via-indigo-300 {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .sm\:mid-indigo-400 {
-    --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  .sm\:via-indigo-400 {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .sm\:mid-indigo-500 {
-    --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  .sm\:via-indigo-500 {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .sm\:mid-indigo-600 {
-    --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  .sm\:via-indigo-600 {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .sm\:mid-indigo-700 {
-    --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  .sm\:via-indigo-700 {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .sm\:mid-indigo-800 {
-    --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  .sm\:via-indigo-800 {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .sm\:mid-indigo-900 {
-    --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  .sm\:via-indigo-900 {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .sm\:mid-purple-50 {
-    --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  .sm\:via-purple-50 {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .sm\:mid-purple-100 {
-    --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  .sm\:via-purple-100 {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .sm\:mid-purple-200 {
-    --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  .sm\:via-purple-200 {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .sm\:mid-purple-300 {
-    --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  .sm\:via-purple-300 {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .sm\:mid-purple-400 {
-    --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  .sm\:via-purple-400 {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .sm\:mid-purple-500 {
-    --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  .sm\:via-purple-500 {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .sm\:mid-purple-600 {
-    --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  .sm\:via-purple-600 {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .sm\:mid-purple-700 {
-    --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  .sm\:via-purple-700 {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .sm\:mid-purple-800 {
-    --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  .sm\:via-purple-800 {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .sm\:mid-purple-900 {
-    --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  .sm\:via-purple-900 {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .sm\:mid-pink-50 {
-    --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  .sm\:via-pink-50 {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .sm\:mid-pink-100 {
-    --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  .sm\:via-pink-100 {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .sm\:mid-pink-200 {
-    --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  .sm\:via-pink-200 {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .sm\:mid-pink-300 {
-    --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  .sm\:via-pink-300 {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .sm\:mid-pink-400 {
-    --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  .sm\:via-pink-400 {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .sm\:mid-pink-500 {
-    --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  .sm\:via-pink-500 {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .sm\:mid-pink-600 {
-    --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  .sm\:via-pink-600 {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .sm\:mid-pink-700 {
-    --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  .sm\:via-pink-700 {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .sm\:mid-pink-800 {
-    --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  .sm\:via-pink-800 {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .sm\:mid-pink-900 {
-    --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  .sm\:via-pink-900 {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
   .sm\:to-transparent {
@@ -36288,524 +36288,524 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .sm\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:mid-black:hover {
-    --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:hover\:via-black:hover {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:mid-white:hover {
-    --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:hover\:via-white:hover {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:mid-gray-50:hover {
-    --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  .sm\:hover\:via-gray-50:hover {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .sm\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  .sm\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .sm\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  .sm\:hover\:via-gray-200:hover {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .sm\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  .sm\:hover\:via-gray-300:hover {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .sm\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  .sm\:hover\:via-gray-400:hover {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .sm\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  .sm\:hover\:via-gray-500:hover {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .sm\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  .sm\:hover\:via-gray-600:hover {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .sm\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  .sm\:hover\:via-gray-700:hover {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .sm\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  .sm\:hover\:via-gray-800:hover {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .sm\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  .sm\:hover\:via-gray-900:hover {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .sm\:hover\:mid-red-50:hover {
-    --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  .sm\:hover\:via-red-50:hover {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .sm\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  .sm\:hover\:via-red-100:hover {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .sm\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  .sm\:hover\:via-red-200:hover {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .sm\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  .sm\:hover\:via-red-300:hover {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .sm\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  .sm\:hover\:via-red-400:hover {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .sm\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  .sm\:hover\:via-red-500:hover {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .sm\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  .sm\:hover\:via-red-600:hover {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .sm\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  .sm\:hover\:via-red-700:hover {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .sm\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  .sm\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .sm\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  .sm\:hover\:via-red-900:hover {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .sm\:hover\:mid-orange-50:hover {
-    --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  .sm\:hover\:via-orange-50:hover {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .sm\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  .sm\:hover\:via-orange-100:hover {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .sm\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  .sm\:hover\:via-orange-200:hover {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .sm\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  .sm\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .sm\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  .sm\:hover\:via-orange-400:hover {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .sm\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  .sm\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .sm\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  .sm\:hover\:via-orange-600:hover {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .sm\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  .sm\:hover\:via-orange-700:hover {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .sm\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  .sm\:hover\:via-orange-800:hover {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .sm\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  .sm\:hover\:via-orange-900:hover {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .sm\:hover\:mid-yellow-50:hover {
-    --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  .sm\:hover\:via-yellow-50:hover {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .sm\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  .sm\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .sm\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  .sm\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .sm\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  .sm\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .sm\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  .sm\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .sm\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  .sm\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .sm\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  .sm\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .sm\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  .sm\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .sm\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  .sm\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .sm\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  .sm\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .sm\:hover\:mid-green-50:hover {
-    --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  .sm\:hover\:via-green-50:hover {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .sm\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  .sm\:hover\:via-green-100:hover {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .sm\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  .sm\:hover\:via-green-200:hover {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .sm\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  .sm\:hover\:via-green-300:hover {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .sm\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  .sm\:hover\:via-green-400:hover {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .sm\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  .sm\:hover\:via-green-500:hover {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .sm\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  .sm\:hover\:via-green-600:hover {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .sm\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  .sm\:hover\:via-green-700:hover {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .sm\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  .sm\:hover\:via-green-800:hover {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .sm\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  .sm\:hover\:via-green-900:hover {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .sm\:hover\:mid-teal-50:hover {
-    --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  .sm\:hover\:via-teal-50:hover {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .sm\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  .sm\:hover\:via-teal-100:hover {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .sm\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  .sm\:hover\:via-teal-200:hover {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .sm\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  .sm\:hover\:via-teal-300:hover {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .sm\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  .sm\:hover\:via-teal-400:hover {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .sm\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  .sm\:hover\:via-teal-500:hover {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .sm\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  .sm\:hover\:via-teal-600:hover {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .sm\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  .sm\:hover\:via-teal-700:hover {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .sm\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  .sm\:hover\:via-teal-800:hover {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .sm\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  .sm\:hover\:via-teal-900:hover {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .sm\:hover\:mid-blue-50:hover {
-    --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  .sm\:hover\:via-blue-50:hover {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .sm\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  .sm\:hover\:via-blue-100:hover {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .sm\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  .sm\:hover\:via-blue-200:hover {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .sm\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  .sm\:hover\:via-blue-300:hover {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .sm\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  .sm\:hover\:via-blue-400:hover {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .sm\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  .sm\:hover\:via-blue-500:hover {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .sm\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  .sm\:hover\:via-blue-600:hover {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .sm\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  .sm\:hover\:via-blue-700:hover {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .sm\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  .sm\:hover\:via-blue-800:hover {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .sm\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  .sm\:hover\:via-blue-900:hover {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .sm\:hover\:mid-indigo-50:hover {
-    --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  .sm\:hover\:via-indigo-50:hover {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .sm\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  .sm\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .sm\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  .sm\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .sm\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  .sm\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .sm\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  .sm\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .sm\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  .sm\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .sm\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  .sm\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .sm\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  .sm\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .sm\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  .sm\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .sm\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  .sm\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .sm\:hover\:mid-purple-50:hover {
-    --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  .sm\:hover\:via-purple-50:hover {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .sm\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  .sm\:hover\:via-purple-100:hover {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .sm\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  .sm\:hover\:via-purple-200:hover {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .sm\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  .sm\:hover\:via-purple-300:hover {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .sm\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  .sm\:hover\:via-purple-400:hover {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .sm\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  .sm\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .sm\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  .sm\:hover\:via-purple-600:hover {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .sm\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  .sm\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .sm\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  .sm\:hover\:via-purple-800:hover {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .sm\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  .sm\:hover\:via-purple-900:hover {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .sm\:hover\:mid-pink-50:hover {
-    --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  .sm\:hover\:via-pink-50:hover {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .sm\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  .sm\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .sm\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  .sm\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .sm\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  .sm\:hover\:via-pink-300:hover {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .sm\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  .sm\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .sm\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  .sm\:hover\:via-pink-500:hover {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .sm\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  .sm\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .sm\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  .sm\:hover\:via-pink-700:hover {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .sm\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  .sm\:hover\:via-pink-800:hover {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .sm\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  .sm\:hover\:via-pink-900:hover {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
   .sm\:hover\:to-transparent:hover {
@@ -37744,524 +37744,524 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .sm\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:mid-black:focus {
-    --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:focus\:via-black:focus {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:mid-white:focus {
-    --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:focus\:via-white:focus {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:mid-gray-50:focus {
-    --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  .sm\:focus\:via-gray-50:focus {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .sm\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  .sm\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .sm\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  .sm\:focus\:via-gray-200:focus {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .sm\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  .sm\:focus\:via-gray-300:focus {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .sm\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  .sm\:focus\:via-gray-400:focus {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .sm\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  .sm\:focus\:via-gray-500:focus {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .sm\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  .sm\:focus\:via-gray-600:focus {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .sm\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  .sm\:focus\:via-gray-700:focus {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .sm\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  .sm\:focus\:via-gray-800:focus {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .sm\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  .sm\:focus\:via-gray-900:focus {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .sm\:focus\:mid-red-50:focus {
-    --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  .sm\:focus\:via-red-50:focus {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .sm\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  .sm\:focus\:via-red-100:focus {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .sm\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  .sm\:focus\:via-red-200:focus {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .sm\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  .sm\:focus\:via-red-300:focus {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .sm\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  .sm\:focus\:via-red-400:focus {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .sm\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  .sm\:focus\:via-red-500:focus {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .sm\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  .sm\:focus\:via-red-600:focus {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .sm\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  .sm\:focus\:via-red-700:focus {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .sm\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  .sm\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .sm\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  .sm\:focus\:via-red-900:focus {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .sm\:focus\:mid-orange-50:focus {
-    --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  .sm\:focus\:via-orange-50:focus {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .sm\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  .sm\:focus\:via-orange-100:focus {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .sm\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  .sm\:focus\:via-orange-200:focus {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .sm\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  .sm\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .sm\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  .sm\:focus\:via-orange-400:focus {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .sm\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  .sm\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .sm\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  .sm\:focus\:via-orange-600:focus {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .sm\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  .sm\:focus\:via-orange-700:focus {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .sm\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  .sm\:focus\:via-orange-800:focus {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .sm\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  .sm\:focus\:via-orange-900:focus {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .sm\:focus\:mid-yellow-50:focus {
-    --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  .sm\:focus\:via-yellow-50:focus {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .sm\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  .sm\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .sm\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  .sm\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .sm\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  .sm\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .sm\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  .sm\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .sm\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  .sm\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .sm\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  .sm\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .sm\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  .sm\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .sm\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  .sm\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .sm\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  .sm\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .sm\:focus\:mid-green-50:focus {
-    --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  .sm\:focus\:via-green-50:focus {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .sm\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  .sm\:focus\:via-green-100:focus {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .sm\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  .sm\:focus\:via-green-200:focus {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .sm\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  .sm\:focus\:via-green-300:focus {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .sm\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  .sm\:focus\:via-green-400:focus {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .sm\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  .sm\:focus\:via-green-500:focus {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .sm\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  .sm\:focus\:via-green-600:focus {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .sm\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  .sm\:focus\:via-green-700:focus {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .sm\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  .sm\:focus\:via-green-800:focus {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .sm\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  .sm\:focus\:via-green-900:focus {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .sm\:focus\:mid-teal-50:focus {
-    --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  .sm\:focus\:via-teal-50:focus {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .sm\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  .sm\:focus\:via-teal-100:focus {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .sm\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  .sm\:focus\:via-teal-200:focus {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .sm\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  .sm\:focus\:via-teal-300:focus {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .sm\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  .sm\:focus\:via-teal-400:focus {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .sm\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  .sm\:focus\:via-teal-500:focus {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .sm\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  .sm\:focus\:via-teal-600:focus {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .sm\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  .sm\:focus\:via-teal-700:focus {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .sm\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  .sm\:focus\:via-teal-800:focus {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .sm\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  .sm\:focus\:via-teal-900:focus {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .sm\:focus\:mid-blue-50:focus {
-    --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  .sm\:focus\:via-blue-50:focus {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .sm\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  .sm\:focus\:via-blue-100:focus {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .sm\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  .sm\:focus\:via-blue-200:focus {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .sm\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  .sm\:focus\:via-blue-300:focus {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .sm\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  .sm\:focus\:via-blue-400:focus {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .sm\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  .sm\:focus\:via-blue-500:focus {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .sm\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  .sm\:focus\:via-blue-600:focus {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .sm\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  .sm\:focus\:via-blue-700:focus {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .sm\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  .sm\:focus\:via-blue-800:focus {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .sm\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  .sm\:focus\:via-blue-900:focus {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .sm\:focus\:mid-indigo-50:focus {
-    --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  .sm\:focus\:via-indigo-50:focus {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .sm\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  .sm\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .sm\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  .sm\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .sm\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  .sm\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .sm\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  .sm\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .sm\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  .sm\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .sm\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  .sm\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .sm\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  .sm\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .sm\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  .sm\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .sm\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  .sm\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .sm\:focus\:mid-purple-50:focus {
-    --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  .sm\:focus\:via-purple-50:focus {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .sm\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  .sm\:focus\:via-purple-100:focus {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .sm\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  .sm\:focus\:via-purple-200:focus {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .sm\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  .sm\:focus\:via-purple-300:focus {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .sm\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  .sm\:focus\:via-purple-400:focus {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .sm\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  .sm\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .sm\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  .sm\:focus\:via-purple-600:focus {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .sm\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  .sm\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .sm\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  .sm\:focus\:via-purple-800:focus {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .sm\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  .sm\:focus\:via-purple-900:focus {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .sm\:focus\:mid-pink-50:focus {
-    --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  .sm\:focus\:via-pink-50:focus {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .sm\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  .sm\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .sm\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  .sm\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .sm\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  .sm\:focus\:via-pink-300:focus {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .sm\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  .sm\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .sm\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  .sm\:focus\:via-pink-500:focus {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .sm\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  .sm\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .sm\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  .sm\:focus\:via-pink-700:focus {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .sm\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  .sm\:focus\:via-pink-800:focus {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .sm\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  .sm\:focus\:via-pink-900:focus {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
   .sm\:focus\:to-transparent:focus {
@@ -64299,524 +64299,524 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .md\:mid-transparent {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:mid-current {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:mid-black {
-    --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:via-black {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:mid-white {
-    --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:via-white {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:mid-gray-50 {
-    --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  .md\:via-gray-50 {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .md\:mid-gray-100 {
-    --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  .md\:via-gray-100 {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .md\:mid-gray-200 {
-    --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  .md\:via-gray-200 {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .md\:mid-gray-300 {
-    --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  .md\:via-gray-300 {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .md\:mid-gray-400 {
-    --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  .md\:via-gray-400 {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .md\:mid-gray-500 {
-    --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  .md\:via-gray-500 {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .md\:mid-gray-600 {
-    --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  .md\:via-gray-600 {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .md\:mid-gray-700 {
-    --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  .md\:via-gray-700 {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .md\:mid-gray-800 {
-    --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  .md\:via-gray-800 {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .md\:mid-gray-900 {
-    --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  .md\:via-gray-900 {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .md\:mid-red-50 {
-    --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  .md\:via-red-50 {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .md\:mid-red-100 {
-    --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  .md\:via-red-100 {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .md\:mid-red-200 {
-    --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  .md\:via-red-200 {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .md\:mid-red-300 {
-    --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  .md\:via-red-300 {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .md\:mid-red-400 {
-    --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  .md\:via-red-400 {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .md\:mid-red-500 {
-    --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  .md\:via-red-500 {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .md\:mid-red-600 {
-    --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  .md\:via-red-600 {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .md\:mid-red-700 {
-    --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  .md\:via-red-700 {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .md\:mid-red-800 {
-    --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  .md\:via-red-800 {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .md\:mid-red-900 {
-    --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  .md\:via-red-900 {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .md\:mid-orange-50 {
-    --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  .md\:via-orange-50 {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .md\:mid-orange-100 {
-    --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  .md\:via-orange-100 {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .md\:mid-orange-200 {
-    --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  .md\:via-orange-200 {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .md\:mid-orange-300 {
-    --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  .md\:via-orange-300 {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .md\:mid-orange-400 {
-    --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  .md\:via-orange-400 {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .md\:mid-orange-500 {
-    --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  .md\:via-orange-500 {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .md\:mid-orange-600 {
-    --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  .md\:via-orange-600 {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .md\:mid-orange-700 {
-    --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  .md\:via-orange-700 {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .md\:mid-orange-800 {
-    --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  .md\:via-orange-800 {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .md\:mid-orange-900 {
-    --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  .md\:via-orange-900 {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .md\:mid-yellow-50 {
-    --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  .md\:via-yellow-50 {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .md\:mid-yellow-100 {
-    --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  .md\:via-yellow-100 {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .md\:mid-yellow-200 {
-    --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  .md\:via-yellow-200 {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .md\:mid-yellow-300 {
-    --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  .md\:via-yellow-300 {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .md\:mid-yellow-400 {
-    --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  .md\:via-yellow-400 {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .md\:mid-yellow-500 {
-    --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  .md\:via-yellow-500 {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .md\:mid-yellow-600 {
-    --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  .md\:via-yellow-600 {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .md\:mid-yellow-700 {
-    --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  .md\:via-yellow-700 {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .md\:mid-yellow-800 {
-    --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  .md\:via-yellow-800 {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .md\:mid-yellow-900 {
-    --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  .md\:via-yellow-900 {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .md\:mid-green-50 {
-    --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  .md\:via-green-50 {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .md\:mid-green-100 {
-    --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  .md\:via-green-100 {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .md\:mid-green-200 {
-    --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  .md\:via-green-200 {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .md\:mid-green-300 {
-    --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  .md\:via-green-300 {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .md\:mid-green-400 {
-    --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  .md\:via-green-400 {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .md\:mid-green-500 {
-    --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  .md\:via-green-500 {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .md\:mid-green-600 {
-    --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  .md\:via-green-600 {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .md\:mid-green-700 {
-    --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  .md\:via-green-700 {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .md\:mid-green-800 {
-    --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  .md\:via-green-800 {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .md\:mid-green-900 {
-    --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  .md\:via-green-900 {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .md\:mid-teal-50 {
-    --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  .md\:via-teal-50 {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .md\:mid-teal-100 {
-    --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  .md\:via-teal-100 {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .md\:mid-teal-200 {
-    --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  .md\:via-teal-200 {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .md\:mid-teal-300 {
-    --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  .md\:via-teal-300 {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .md\:mid-teal-400 {
-    --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  .md\:via-teal-400 {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .md\:mid-teal-500 {
-    --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  .md\:via-teal-500 {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .md\:mid-teal-600 {
-    --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  .md\:via-teal-600 {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .md\:mid-teal-700 {
-    --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  .md\:via-teal-700 {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .md\:mid-teal-800 {
-    --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  .md\:via-teal-800 {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .md\:mid-teal-900 {
-    --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  .md\:via-teal-900 {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .md\:mid-blue-50 {
-    --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  .md\:via-blue-50 {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .md\:mid-blue-100 {
-    --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  .md\:via-blue-100 {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .md\:mid-blue-200 {
-    --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  .md\:via-blue-200 {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .md\:mid-blue-300 {
-    --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  .md\:via-blue-300 {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .md\:mid-blue-400 {
-    --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  .md\:via-blue-400 {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .md\:mid-blue-500 {
-    --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  .md\:via-blue-500 {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .md\:mid-blue-600 {
-    --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  .md\:via-blue-600 {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .md\:mid-blue-700 {
-    --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  .md\:via-blue-700 {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .md\:mid-blue-800 {
-    --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  .md\:via-blue-800 {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .md\:mid-blue-900 {
-    --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  .md\:via-blue-900 {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .md\:mid-indigo-50 {
-    --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  .md\:via-indigo-50 {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .md\:mid-indigo-100 {
-    --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  .md\:via-indigo-100 {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .md\:mid-indigo-200 {
-    --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  .md\:via-indigo-200 {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .md\:mid-indigo-300 {
-    --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  .md\:via-indigo-300 {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .md\:mid-indigo-400 {
-    --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  .md\:via-indigo-400 {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .md\:mid-indigo-500 {
-    --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  .md\:via-indigo-500 {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .md\:mid-indigo-600 {
-    --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  .md\:via-indigo-600 {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .md\:mid-indigo-700 {
-    --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  .md\:via-indigo-700 {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .md\:mid-indigo-800 {
-    --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  .md\:via-indigo-800 {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .md\:mid-indigo-900 {
-    --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  .md\:via-indigo-900 {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .md\:mid-purple-50 {
-    --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  .md\:via-purple-50 {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .md\:mid-purple-100 {
-    --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  .md\:via-purple-100 {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .md\:mid-purple-200 {
-    --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  .md\:via-purple-200 {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .md\:mid-purple-300 {
-    --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  .md\:via-purple-300 {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .md\:mid-purple-400 {
-    --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  .md\:via-purple-400 {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .md\:mid-purple-500 {
-    --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  .md\:via-purple-500 {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .md\:mid-purple-600 {
-    --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  .md\:via-purple-600 {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .md\:mid-purple-700 {
-    --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  .md\:via-purple-700 {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .md\:mid-purple-800 {
-    --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  .md\:via-purple-800 {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .md\:mid-purple-900 {
-    --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  .md\:via-purple-900 {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .md\:mid-pink-50 {
-    --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  .md\:via-pink-50 {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .md\:mid-pink-100 {
-    --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  .md\:via-pink-100 {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .md\:mid-pink-200 {
-    --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  .md\:via-pink-200 {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .md\:mid-pink-300 {
-    --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  .md\:via-pink-300 {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .md\:mid-pink-400 {
-    --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  .md\:via-pink-400 {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .md\:mid-pink-500 {
-    --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  .md\:via-pink-500 {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .md\:mid-pink-600 {
-    --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  .md\:via-pink-600 {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .md\:mid-pink-700 {
-    --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  .md\:via-pink-700 {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .md\:mid-pink-800 {
-    --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  .md\:via-pink-800 {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .md\:mid-pink-900 {
-    --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  .md\:via-pink-900 {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
   .md\:to-transparent {
@@ -65755,524 +65755,524 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .md\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:mid-black:hover {
-    --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:hover\:via-black:hover {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:mid-white:hover {
-    --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:hover\:via-white:hover {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:mid-gray-50:hover {
-    --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  .md\:hover\:via-gray-50:hover {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .md\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  .md\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .md\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  .md\:hover\:via-gray-200:hover {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .md\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  .md\:hover\:via-gray-300:hover {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .md\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  .md\:hover\:via-gray-400:hover {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .md\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  .md\:hover\:via-gray-500:hover {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .md\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  .md\:hover\:via-gray-600:hover {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .md\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  .md\:hover\:via-gray-700:hover {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .md\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  .md\:hover\:via-gray-800:hover {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .md\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  .md\:hover\:via-gray-900:hover {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .md\:hover\:mid-red-50:hover {
-    --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  .md\:hover\:via-red-50:hover {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .md\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  .md\:hover\:via-red-100:hover {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .md\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  .md\:hover\:via-red-200:hover {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .md\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  .md\:hover\:via-red-300:hover {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .md\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  .md\:hover\:via-red-400:hover {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .md\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  .md\:hover\:via-red-500:hover {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .md\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  .md\:hover\:via-red-600:hover {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .md\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  .md\:hover\:via-red-700:hover {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .md\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  .md\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .md\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  .md\:hover\:via-red-900:hover {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .md\:hover\:mid-orange-50:hover {
-    --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  .md\:hover\:via-orange-50:hover {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .md\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  .md\:hover\:via-orange-100:hover {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .md\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  .md\:hover\:via-orange-200:hover {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .md\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  .md\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .md\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  .md\:hover\:via-orange-400:hover {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .md\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  .md\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .md\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  .md\:hover\:via-orange-600:hover {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .md\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  .md\:hover\:via-orange-700:hover {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .md\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  .md\:hover\:via-orange-800:hover {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .md\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  .md\:hover\:via-orange-900:hover {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .md\:hover\:mid-yellow-50:hover {
-    --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  .md\:hover\:via-yellow-50:hover {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .md\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  .md\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .md\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  .md\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .md\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  .md\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .md\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  .md\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .md\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  .md\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .md\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  .md\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .md\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  .md\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .md\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  .md\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .md\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  .md\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .md\:hover\:mid-green-50:hover {
-    --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  .md\:hover\:via-green-50:hover {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .md\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  .md\:hover\:via-green-100:hover {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .md\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  .md\:hover\:via-green-200:hover {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .md\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  .md\:hover\:via-green-300:hover {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .md\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  .md\:hover\:via-green-400:hover {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .md\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  .md\:hover\:via-green-500:hover {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .md\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  .md\:hover\:via-green-600:hover {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .md\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  .md\:hover\:via-green-700:hover {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .md\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  .md\:hover\:via-green-800:hover {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .md\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  .md\:hover\:via-green-900:hover {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .md\:hover\:mid-teal-50:hover {
-    --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  .md\:hover\:via-teal-50:hover {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .md\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  .md\:hover\:via-teal-100:hover {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .md\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  .md\:hover\:via-teal-200:hover {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .md\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  .md\:hover\:via-teal-300:hover {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .md\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  .md\:hover\:via-teal-400:hover {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .md\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  .md\:hover\:via-teal-500:hover {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .md\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  .md\:hover\:via-teal-600:hover {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .md\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  .md\:hover\:via-teal-700:hover {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .md\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  .md\:hover\:via-teal-800:hover {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .md\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  .md\:hover\:via-teal-900:hover {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .md\:hover\:mid-blue-50:hover {
-    --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  .md\:hover\:via-blue-50:hover {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .md\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  .md\:hover\:via-blue-100:hover {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .md\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  .md\:hover\:via-blue-200:hover {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .md\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  .md\:hover\:via-blue-300:hover {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .md\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  .md\:hover\:via-blue-400:hover {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .md\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  .md\:hover\:via-blue-500:hover {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .md\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  .md\:hover\:via-blue-600:hover {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .md\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  .md\:hover\:via-blue-700:hover {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .md\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  .md\:hover\:via-blue-800:hover {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .md\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  .md\:hover\:via-blue-900:hover {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .md\:hover\:mid-indigo-50:hover {
-    --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  .md\:hover\:via-indigo-50:hover {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .md\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  .md\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .md\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  .md\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .md\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  .md\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .md\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  .md\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .md\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  .md\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .md\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  .md\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .md\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  .md\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .md\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  .md\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .md\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  .md\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .md\:hover\:mid-purple-50:hover {
-    --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  .md\:hover\:via-purple-50:hover {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .md\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  .md\:hover\:via-purple-100:hover {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .md\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  .md\:hover\:via-purple-200:hover {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .md\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  .md\:hover\:via-purple-300:hover {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .md\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  .md\:hover\:via-purple-400:hover {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .md\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  .md\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .md\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  .md\:hover\:via-purple-600:hover {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .md\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  .md\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .md\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  .md\:hover\:via-purple-800:hover {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .md\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  .md\:hover\:via-purple-900:hover {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .md\:hover\:mid-pink-50:hover {
-    --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  .md\:hover\:via-pink-50:hover {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .md\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  .md\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .md\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  .md\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .md\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  .md\:hover\:via-pink-300:hover {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .md\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  .md\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .md\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  .md\:hover\:via-pink-500:hover {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .md\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  .md\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .md\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  .md\:hover\:via-pink-700:hover {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .md\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  .md\:hover\:via-pink-800:hover {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .md\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  .md\:hover\:via-pink-900:hover {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
   .md\:hover\:to-transparent:hover {
@@ -67211,524 +67211,524 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .md\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:mid-black:focus {
-    --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:focus\:via-black:focus {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:mid-white:focus {
-    --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:focus\:via-white:focus {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:mid-gray-50:focus {
-    --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  .md\:focus\:via-gray-50:focus {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .md\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  .md\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .md\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  .md\:focus\:via-gray-200:focus {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .md\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  .md\:focus\:via-gray-300:focus {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .md\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  .md\:focus\:via-gray-400:focus {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .md\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  .md\:focus\:via-gray-500:focus {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .md\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  .md\:focus\:via-gray-600:focus {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .md\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  .md\:focus\:via-gray-700:focus {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .md\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  .md\:focus\:via-gray-800:focus {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .md\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  .md\:focus\:via-gray-900:focus {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .md\:focus\:mid-red-50:focus {
-    --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  .md\:focus\:via-red-50:focus {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .md\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  .md\:focus\:via-red-100:focus {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .md\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  .md\:focus\:via-red-200:focus {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .md\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  .md\:focus\:via-red-300:focus {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .md\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  .md\:focus\:via-red-400:focus {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .md\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  .md\:focus\:via-red-500:focus {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .md\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  .md\:focus\:via-red-600:focus {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .md\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  .md\:focus\:via-red-700:focus {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .md\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  .md\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .md\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  .md\:focus\:via-red-900:focus {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .md\:focus\:mid-orange-50:focus {
-    --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  .md\:focus\:via-orange-50:focus {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .md\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  .md\:focus\:via-orange-100:focus {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .md\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  .md\:focus\:via-orange-200:focus {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .md\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  .md\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .md\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  .md\:focus\:via-orange-400:focus {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .md\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  .md\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .md\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  .md\:focus\:via-orange-600:focus {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .md\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  .md\:focus\:via-orange-700:focus {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .md\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  .md\:focus\:via-orange-800:focus {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .md\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  .md\:focus\:via-orange-900:focus {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .md\:focus\:mid-yellow-50:focus {
-    --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  .md\:focus\:via-yellow-50:focus {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .md\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  .md\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .md\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  .md\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .md\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  .md\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .md\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  .md\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .md\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  .md\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .md\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  .md\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .md\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  .md\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .md\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  .md\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .md\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  .md\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .md\:focus\:mid-green-50:focus {
-    --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  .md\:focus\:via-green-50:focus {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .md\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  .md\:focus\:via-green-100:focus {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .md\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  .md\:focus\:via-green-200:focus {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .md\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  .md\:focus\:via-green-300:focus {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .md\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  .md\:focus\:via-green-400:focus {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .md\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  .md\:focus\:via-green-500:focus {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .md\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  .md\:focus\:via-green-600:focus {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .md\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  .md\:focus\:via-green-700:focus {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .md\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  .md\:focus\:via-green-800:focus {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .md\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  .md\:focus\:via-green-900:focus {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .md\:focus\:mid-teal-50:focus {
-    --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  .md\:focus\:via-teal-50:focus {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .md\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  .md\:focus\:via-teal-100:focus {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .md\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  .md\:focus\:via-teal-200:focus {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .md\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  .md\:focus\:via-teal-300:focus {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .md\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  .md\:focus\:via-teal-400:focus {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .md\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  .md\:focus\:via-teal-500:focus {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .md\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  .md\:focus\:via-teal-600:focus {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .md\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  .md\:focus\:via-teal-700:focus {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .md\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  .md\:focus\:via-teal-800:focus {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .md\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  .md\:focus\:via-teal-900:focus {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .md\:focus\:mid-blue-50:focus {
-    --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  .md\:focus\:via-blue-50:focus {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .md\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  .md\:focus\:via-blue-100:focus {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .md\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  .md\:focus\:via-blue-200:focus {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .md\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  .md\:focus\:via-blue-300:focus {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .md\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  .md\:focus\:via-blue-400:focus {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .md\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  .md\:focus\:via-blue-500:focus {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .md\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  .md\:focus\:via-blue-600:focus {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .md\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  .md\:focus\:via-blue-700:focus {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .md\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  .md\:focus\:via-blue-800:focus {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .md\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  .md\:focus\:via-blue-900:focus {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .md\:focus\:mid-indigo-50:focus {
-    --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  .md\:focus\:via-indigo-50:focus {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .md\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  .md\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .md\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  .md\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .md\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  .md\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .md\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  .md\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .md\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  .md\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .md\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  .md\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .md\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  .md\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .md\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  .md\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .md\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  .md\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .md\:focus\:mid-purple-50:focus {
-    --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  .md\:focus\:via-purple-50:focus {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .md\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  .md\:focus\:via-purple-100:focus {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .md\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  .md\:focus\:via-purple-200:focus {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .md\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  .md\:focus\:via-purple-300:focus {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .md\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  .md\:focus\:via-purple-400:focus {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .md\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  .md\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .md\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  .md\:focus\:via-purple-600:focus {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .md\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  .md\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .md\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  .md\:focus\:via-purple-800:focus {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .md\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  .md\:focus\:via-purple-900:focus {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .md\:focus\:mid-pink-50:focus {
-    --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  .md\:focus\:via-pink-50:focus {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .md\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  .md\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .md\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  .md\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .md\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  .md\:focus\:via-pink-300:focus {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .md\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  .md\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .md\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  .md\:focus\:via-pink-500:focus {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .md\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  .md\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .md\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  .md\:focus\:via-pink-700:focus {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .md\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  .md\:focus\:via-pink-800:focus {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .md\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  .md\:focus\:via-pink-900:focus {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
   .md\:focus\:to-transparent:focus {
@@ -93766,524 +93766,524 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .lg\:mid-transparent {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:mid-current {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:mid-black {
-    --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:via-black {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:mid-white {
-    --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:via-white {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:mid-gray-50 {
-    --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  .lg\:via-gray-50 {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .lg\:mid-gray-100 {
-    --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  .lg\:via-gray-100 {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .lg\:mid-gray-200 {
-    --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  .lg\:via-gray-200 {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .lg\:mid-gray-300 {
-    --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  .lg\:via-gray-300 {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .lg\:mid-gray-400 {
-    --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  .lg\:via-gray-400 {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .lg\:mid-gray-500 {
-    --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  .lg\:via-gray-500 {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .lg\:mid-gray-600 {
-    --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  .lg\:via-gray-600 {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .lg\:mid-gray-700 {
-    --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  .lg\:via-gray-700 {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .lg\:mid-gray-800 {
-    --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  .lg\:via-gray-800 {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .lg\:mid-gray-900 {
-    --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  .lg\:via-gray-900 {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .lg\:mid-red-50 {
-    --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  .lg\:via-red-50 {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .lg\:mid-red-100 {
-    --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  .lg\:via-red-100 {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .lg\:mid-red-200 {
-    --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  .lg\:via-red-200 {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .lg\:mid-red-300 {
-    --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  .lg\:via-red-300 {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .lg\:mid-red-400 {
-    --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  .lg\:via-red-400 {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .lg\:mid-red-500 {
-    --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  .lg\:via-red-500 {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .lg\:mid-red-600 {
-    --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  .lg\:via-red-600 {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .lg\:mid-red-700 {
-    --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  .lg\:via-red-700 {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .lg\:mid-red-800 {
-    --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  .lg\:via-red-800 {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .lg\:mid-red-900 {
-    --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  .lg\:via-red-900 {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .lg\:mid-orange-50 {
-    --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  .lg\:via-orange-50 {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .lg\:mid-orange-100 {
-    --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  .lg\:via-orange-100 {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .lg\:mid-orange-200 {
-    --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  .lg\:via-orange-200 {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .lg\:mid-orange-300 {
-    --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  .lg\:via-orange-300 {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .lg\:mid-orange-400 {
-    --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  .lg\:via-orange-400 {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .lg\:mid-orange-500 {
-    --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  .lg\:via-orange-500 {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .lg\:mid-orange-600 {
-    --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  .lg\:via-orange-600 {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .lg\:mid-orange-700 {
-    --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  .lg\:via-orange-700 {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .lg\:mid-orange-800 {
-    --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  .lg\:via-orange-800 {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .lg\:mid-orange-900 {
-    --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  .lg\:via-orange-900 {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .lg\:mid-yellow-50 {
-    --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  .lg\:via-yellow-50 {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .lg\:mid-yellow-100 {
-    --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  .lg\:via-yellow-100 {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .lg\:mid-yellow-200 {
-    --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  .lg\:via-yellow-200 {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .lg\:mid-yellow-300 {
-    --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  .lg\:via-yellow-300 {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .lg\:mid-yellow-400 {
-    --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  .lg\:via-yellow-400 {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .lg\:mid-yellow-500 {
-    --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  .lg\:via-yellow-500 {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .lg\:mid-yellow-600 {
-    --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  .lg\:via-yellow-600 {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .lg\:mid-yellow-700 {
-    --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  .lg\:via-yellow-700 {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .lg\:mid-yellow-800 {
-    --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  .lg\:via-yellow-800 {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .lg\:mid-yellow-900 {
-    --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  .lg\:via-yellow-900 {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .lg\:mid-green-50 {
-    --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  .lg\:via-green-50 {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .lg\:mid-green-100 {
-    --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  .lg\:via-green-100 {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .lg\:mid-green-200 {
-    --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  .lg\:via-green-200 {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .lg\:mid-green-300 {
-    --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  .lg\:via-green-300 {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .lg\:mid-green-400 {
-    --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  .lg\:via-green-400 {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .lg\:mid-green-500 {
-    --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  .lg\:via-green-500 {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .lg\:mid-green-600 {
-    --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  .lg\:via-green-600 {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .lg\:mid-green-700 {
-    --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  .lg\:via-green-700 {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .lg\:mid-green-800 {
-    --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  .lg\:via-green-800 {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .lg\:mid-green-900 {
-    --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  .lg\:via-green-900 {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .lg\:mid-teal-50 {
-    --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  .lg\:via-teal-50 {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .lg\:mid-teal-100 {
-    --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  .lg\:via-teal-100 {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .lg\:mid-teal-200 {
-    --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  .lg\:via-teal-200 {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .lg\:mid-teal-300 {
-    --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  .lg\:via-teal-300 {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .lg\:mid-teal-400 {
-    --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  .lg\:via-teal-400 {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .lg\:mid-teal-500 {
-    --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  .lg\:via-teal-500 {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .lg\:mid-teal-600 {
-    --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  .lg\:via-teal-600 {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .lg\:mid-teal-700 {
-    --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  .lg\:via-teal-700 {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .lg\:mid-teal-800 {
-    --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  .lg\:via-teal-800 {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .lg\:mid-teal-900 {
-    --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  .lg\:via-teal-900 {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .lg\:mid-blue-50 {
-    --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  .lg\:via-blue-50 {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .lg\:mid-blue-100 {
-    --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  .lg\:via-blue-100 {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .lg\:mid-blue-200 {
-    --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  .lg\:via-blue-200 {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .lg\:mid-blue-300 {
-    --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  .lg\:via-blue-300 {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .lg\:mid-blue-400 {
-    --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  .lg\:via-blue-400 {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .lg\:mid-blue-500 {
-    --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  .lg\:via-blue-500 {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .lg\:mid-blue-600 {
-    --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  .lg\:via-blue-600 {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .lg\:mid-blue-700 {
-    --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  .lg\:via-blue-700 {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .lg\:mid-blue-800 {
-    --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  .lg\:via-blue-800 {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .lg\:mid-blue-900 {
-    --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  .lg\:via-blue-900 {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .lg\:mid-indigo-50 {
-    --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  .lg\:via-indigo-50 {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .lg\:mid-indigo-100 {
-    --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  .lg\:via-indigo-100 {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .lg\:mid-indigo-200 {
-    --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  .lg\:via-indigo-200 {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .lg\:mid-indigo-300 {
-    --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  .lg\:via-indigo-300 {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .lg\:mid-indigo-400 {
-    --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  .lg\:via-indigo-400 {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .lg\:mid-indigo-500 {
-    --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  .lg\:via-indigo-500 {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .lg\:mid-indigo-600 {
-    --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  .lg\:via-indigo-600 {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .lg\:mid-indigo-700 {
-    --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  .lg\:via-indigo-700 {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .lg\:mid-indigo-800 {
-    --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  .lg\:via-indigo-800 {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .lg\:mid-indigo-900 {
-    --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  .lg\:via-indigo-900 {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .lg\:mid-purple-50 {
-    --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  .lg\:via-purple-50 {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .lg\:mid-purple-100 {
-    --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  .lg\:via-purple-100 {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .lg\:mid-purple-200 {
-    --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  .lg\:via-purple-200 {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .lg\:mid-purple-300 {
-    --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  .lg\:via-purple-300 {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .lg\:mid-purple-400 {
-    --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  .lg\:via-purple-400 {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .lg\:mid-purple-500 {
-    --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  .lg\:via-purple-500 {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .lg\:mid-purple-600 {
-    --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  .lg\:via-purple-600 {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .lg\:mid-purple-700 {
-    --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  .lg\:via-purple-700 {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .lg\:mid-purple-800 {
-    --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  .lg\:via-purple-800 {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .lg\:mid-purple-900 {
-    --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  .lg\:via-purple-900 {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .lg\:mid-pink-50 {
-    --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  .lg\:via-pink-50 {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .lg\:mid-pink-100 {
-    --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  .lg\:via-pink-100 {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .lg\:mid-pink-200 {
-    --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  .lg\:via-pink-200 {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .lg\:mid-pink-300 {
-    --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  .lg\:via-pink-300 {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .lg\:mid-pink-400 {
-    --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  .lg\:via-pink-400 {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .lg\:mid-pink-500 {
-    --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  .lg\:via-pink-500 {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .lg\:mid-pink-600 {
-    --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  .lg\:via-pink-600 {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .lg\:mid-pink-700 {
-    --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  .lg\:via-pink-700 {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .lg\:mid-pink-800 {
-    --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  .lg\:via-pink-800 {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .lg\:mid-pink-900 {
-    --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  .lg\:via-pink-900 {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
   .lg\:to-transparent {
@@ -95222,524 +95222,524 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .lg\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:mid-black:hover {
-    --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:hover\:via-black:hover {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:mid-white:hover {
-    --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:hover\:via-white:hover {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:mid-gray-50:hover {
-    --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  .lg\:hover\:via-gray-50:hover {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .lg\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  .lg\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .lg\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  .lg\:hover\:via-gray-200:hover {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .lg\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  .lg\:hover\:via-gray-300:hover {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .lg\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  .lg\:hover\:via-gray-400:hover {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .lg\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  .lg\:hover\:via-gray-500:hover {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .lg\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  .lg\:hover\:via-gray-600:hover {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .lg\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  .lg\:hover\:via-gray-700:hover {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .lg\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  .lg\:hover\:via-gray-800:hover {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .lg\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  .lg\:hover\:via-gray-900:hover {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .lg\:hover\:mid-red-50:hover {
-    --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  .lg\:hover\:via-red-50:hover {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .lg\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  .lg\:hover\:via-red-100:hover {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .lg\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  .lg\:hover\:via-red-200:hover {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .lg\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  .lg\:hover\:via-red-300:hover {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .lg\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  .lg\:hover\:via-red-400:hover {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .lg\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  .lg\:hover\:via-red-500:hover {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .lg\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  .lg\:hover\:via-red-600:hover {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .lg\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  .lg\:hover\:via-red-700:hover {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .lg\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  .lg\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .lg\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  .lg\:hover\:via-red-900:hover {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .lg\:hover\:mid-orange-50:hover {
-    --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  .lg\:hover\:via-orange-50:hover {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .lg\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  .lg\:hover\:via-orange-100:hover {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .lg\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  .lg\:hover\:via-orange-200:hover {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .lg\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  .lg\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .lg\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  .lg\:hover\:via-orange-400:hover {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .lg\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  .lg\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .lg\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  .lg\:hover\:via-orange-600:hover {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .lg\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  .lg\:hover\:via-orange-700:hover {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .lg\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  .lg\:hover\:via-orange-800:hover {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .lg\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  .lg\:hover\:via-orange-900:hover {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .lg\:hover\:mid-yellow-50:hover {
-    --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  .lg\:hover\:via-yellow-50:hover {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .lg\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  .lg\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .lg\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  .lg\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .lg\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  .lg\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .lg\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  .lg\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .lg\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  .lg\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .lg\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  .lg\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .lg\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  .lg\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .lg\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  .lg\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .lg\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  .lg\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .lg\:hover\:mid-green-50:hover {
-    --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  .lg\:hover\:via-green-50:hover {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .lg\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  .lg\:hover\:via-green-100:hover {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .lg\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  .lg\:hover\:via-green-200:hover {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .lg\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  .lg\:hover\:via-green-300:hover {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .lg\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  .lg\:hover\:via-green-400:hover {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .lg\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  .lg\:hover\:via-green-500:hover {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .lg\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  .lg\:hover\:via-green-600:hover {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .lg\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  .lg\:hover\:via-green-700:hover {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .lg\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  .lg\:hover\:via-green-800:hover {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .lg\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  .lg\:hover\:via-green-900:hover {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .lg\:hover\:mid-teal-50:hover {
-    --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  .lg\:hover\:via-teal-50:hover {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .lg\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  .lg\:hover\:via-teal-100:hover {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .lg\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  .lg\:hover\:via-teal-200:hover {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .lg\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  .lg\:hover\:via-teal-300:hover {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .lg\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  .lg\:hover\:via-teal-400:hover {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .lg\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  .lg\:hover\:via-teal-500:hover {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .lg\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  .lg\:hover\:via-teal-600:hover {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .lg\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  .lg\:hover\:via-teal-700:hover {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .lg\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  .lg\:hover\:via-teal-800:hover {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .lg\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  .lg\:hover\:via-teal-900:hover {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .lg\:hover\:mid-blue-50:hover {
-    --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  .lg\:hover\:via-blue-50:hover {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .lg\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  .lg\:hover\:via-blue-100:hover {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .lg\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  .lg\:hover\:via-blue-200:hover {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .lg\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  .lg\:hover\:via-blue-300:hover {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .lg\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  .lg\:hover\:via-blue-400:hover {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .lg\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  .lg\:hover\:via-blue-500:hover {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .lg\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  .lg\:hover\:via-blue-600:hover {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .lg\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  .lg\:hover\:via-blue-700:hover {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .lg\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  .lg\:hover\:via-blue-800:hover {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .lg\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  .lg\:hover\:via-blue-900:hover {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .lg\:hover\:mid-indigo-50:hover {
-    --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  .lg\:hover\:via-indigo-50:hover {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .lg\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  .lg\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .lg\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  .lg\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .lg\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  .lg\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .lg\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  .lg\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .lg\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  .lg\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .lg\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  .lg\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .lg\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  .lg\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .lg\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  .lg\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .lg\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  .lg\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .lg\:hover\:mid-purple-50:hover {
-    --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  .lg\:hover\:via-purple-50:hover {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .lg\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  .lg\:hover\:via-purple-100:hover {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .lg\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  .lg\:hover\:via-purple-200:hover {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .lg\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  .lg\:hover\:via-purple-300:hover {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .lg\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  .lg\:hover\:via-purple-400:hover {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .lg\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  .lg\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .lg\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  .lg\:hover\:via-purple-600:hover {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .lg\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  .lg\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .lg\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  .lg\:hover\:via-purple-800:hover {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .lg\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  .lg\:hover\:via-purple-900:hover {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .lg\:hover\:mid-pink-50:hover {
-    --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  .lg\:hover\:via-pink-50:hover {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .lg\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  .lg\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .lg\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  .lg\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .lg\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  .lg\:hover\:via-pink-300:hover {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .lg\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  .lg\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .lg\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  .lg\:hover\:via-pink-500:hover {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .lg\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  .lg\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .lg\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  .lg\:hover\:via-pink-700:hover {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .lg\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  .lg\:hover\:via-pink-800:hover {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .lg\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  .lg\:hover\:via-pink-900:hover {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
   .lg\:hover\:to-transparent:hover {
@@ -96678,524 +96678,524 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .lg\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:mid-black:focus {
-    --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:focus\:via-black:focus {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:mid-white:focus {
-    --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:focus\:via-white:focus {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:mid-gray-50:focus {
-    --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  .lg\:focus\:via-gray-50:focus {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .lg\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  .lg\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .lg\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  .lg\:focus\:via-gray-200:focus {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .lg\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  .lg\:focus\:via-gray-300:focus {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .lg\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  .lg\:focus\:via-gray-400:focus {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .lg\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  .lg\:focus\:via-gray-500:focus {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .lg\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  .lg\:focus\:via-gray-600:focus {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .lg\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  .lg\:focus\:via-gray-700:focus {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .lg\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  .lg\:focus\:via-gray-800:focus {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .lg\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  .lg\:focus\:via-gray-900:focus {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .lg\:focus\:mid-red-50:focus {
-    --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  .lg\:focus\:via-red-50:focus {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .lg\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  .lg\:focus\:via-red-100:focus {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .lg\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  .lg\:focus\:via-red-200:focus {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .lg\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  .lg\:focus\:via-red-300:focus {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .lg\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  .lg\:focus\:via-red-400:focus {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .lg\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  .lg\:focus\:via-red-500:focus {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .lg\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  .lg\:focus\:via-red-600:focus {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .lg\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  .lg\:focus\:via-red-700:focus {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .lg\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  .lg\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .lg\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  .lg\:focus\:via-red-900:focus {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .lg\:focus\:mid-orange-50:focus {
-    --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  .lg\:focus\:via-orange-50:focus {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .lg\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  .lg\:focus\:via-orange-100:focus {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .lg\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  .lg\:focus\:via-orange-200:focus {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .lg\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  .lg\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .lg\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  .lg\:focus\:via-orange-400:focus {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .lg\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  .lg\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .lg\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  .lg\:focus\:via-orange-600:focus {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .lg\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  .lg\:focus\:via-orange-700:focus {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .lg\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  .lg\:focus\:via-orange-800:focus {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .lg\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  .lg\:focus\:via-orange-900:focus {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .lg\:focus\:mid-yellow-50:focus {
-    --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  .lg\:focus\:via-yellow-50:focus {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .lg\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  .lg\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .lg\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  .lg\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .lg\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  .lg\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .lg\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  .lg\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .lg\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  .lg\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .lg\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  .lg\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .lg\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  .lg\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .lg\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  .lg\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .lg\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  .lg\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .lg\:focus\:mid-green-50:focus {
-    --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  .lg\:focus\:via-green-50:focus {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .lg\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  .lg\:focus\:via-green-100:focus {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .lg\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  .lg\:focus\:via-green-200:focus {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .lg\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  .lg\:focus\:via-green-300:focus {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .lg\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  .lg\:focus\:via-green-400:focus {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .lg\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  .lg\:focus\:via-green-500:focus {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .lg\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  .lg\:focus\:via-green-600:focus {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .lg\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  .lg\:focus\:via-green-700:focus {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .lg\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  .lg\:focus\:via-green-800:focus {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .lg\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  .lg\:focus\:via-green-900:focus {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .lg\:focus\:mid-teal-50:focus {
-    --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  .lg\:focus\:via-teal-50:focus {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .lg\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  .lg\:focus\:via-teal-100:focus {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .lg\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  .lg\:focus\:via-teal-200:focus {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .lg\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  .lg\:focus\:via-teal-300:focus {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .lg\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  .lg\:focus\:via-teal-400:focus {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .lg\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  .lg\:focus\:via-teal-500:focus {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .lg\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  .lg\:focus\:via-teal-600:focus {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .lg\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  .lg\:focus\:via-teal-700:focus {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .lg\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  .lg\:focus\:via-teal-800:focus {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .lg\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  .lg\:focus\:via-teal-900:focus {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .lg\:focus\:mid-blue-50:focus {
-    --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  .lg\:focus\:via-blue-50:focus {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .lg\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  .lg\:focus\:via-blue-100:focus {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .lg\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  .lg\:focus\:via-blue-200:focus {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .lg\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  .lg\:focus\:via-blue-300:focus {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .lg\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  .lg\:focus\:via-blue-400:focus {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .lg\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  .lg\:focus\:via-blue-500:focus {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .lg\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  .lg\:focus\:via-blue-600:focus {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .lg\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  .lg\:focus\:via-blue-700:focus {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .lg\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  .lg\:focus\:via-blue-800:focus {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .lg\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  .lg\:focus\:via-blue-900:focus {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .lg\:focus\:mid-indigo-50:focus {
-    --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  .lg\:focus\:via-indigo-50:focus {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .lg\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  .lg\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .lg\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  .lg\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .lg\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  .lg\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .lg\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  .lg\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .lg\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  .lg\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .lg\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  .lg\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .lg\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  .lg\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .lg\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  .lg\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .lg\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  .lg\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .lg\:focus\:mid-purple-50:focus {
-    --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  .lg\:focus\:via-purple-50:focus {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .lg\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  .lg\:focus\:via-purple-100:focus {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .lg\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  .lg\:focus\:via-purple-200:focus {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .lg\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  .lg\:focus\:via-purple-300:focus {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .lg\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  .lg\:focus\:via-purple-400:focus {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .lg\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  .lg\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .lg\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  .lg\:focus\:via-purple-600:focus {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .lg\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  .lg\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .lg\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  .lg\:focus\:via-purple-800:focus {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .lg\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  .lg\:focus\:via-purple-900:focus {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .lg\:focus\:mid-pink-50:focus {
-    --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  .lg\:focus\:via-pink-50:focus {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .lg\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  .lg\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .lg\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  .lg\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .lg\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  .lg\:focus\:via-pink-300:focus {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .lg\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  .lg\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .lg\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  .lg\:focus\:via-pink-500:focus {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .lg\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  .lg\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .lg\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  .lg\:focus\:via-pink-700:focus {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .lg\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  .lg\:focus\:via-pink-800:focus {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .lg\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  .lg\:focus\:via-pink-900:focus {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
   .lg\:focus\:to-transparent:focus {
@@ -123233,524 +123233,524 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .xl\:mid-transparent {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:mid-current {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:mid-black {
-    --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:via-black {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:mid-white {
-    --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:via-white {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:mid-gray-50 {
-    --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  .xl\:via-gray-50 {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .xl\:mid-gray-100 {
-    --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  .xl\:via-gray-100 {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .xl\:mid-gray-200 {
-    --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  .xl\:via-gray-200 {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .xl\:mid-gray-300 {
-    --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  .xl\:via-gray-300 {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .xl\:mid-gray-400 {
-    --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  .xl\:via-gray-400 {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .xl\:mid-gray-500 {
-    --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  .xl\:via-gray-500 {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .xl\:mid-gray-600 {
-    --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  .xl\:via-gray-600 {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .xl\:mid-gray-700 {
-    --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  .xl\:via-gray-700 {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .xl\:mid-gray-800 {
-    --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  .xl\:via-gray-800 {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .xl\:mid-gray-900 {
-    --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  .xl\:via-gray-900 {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .xl\:mid-red-50 {
-    --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  .xl\:via-red-50 {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .xl\:mid-red-100 {
-    --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  .xl\:via-red-100 {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .xl\:mid-red-200 {
-    --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  .xl\:via-red-200 {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .xl\:mid-red-300 {
-    --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  .xl\:via-red-300 {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .xl\:mid-red-400 {
-    --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  .xl\:via-red-400 {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .xl\:mid-red-500 {
-    --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  .xl\:via-red-500 {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .xl\:mid-red-600 {
-    --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  .xl\:via-red-600 {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .xl\:mid-red-700 {
-    --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  .xl\:via-red-700 {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .xl\:mid-red-800 {
-    --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  .xl\:via-red-800 {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .xl\:mid-red-900 {
-    --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  .xl\:via-red-900 {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .xl\:mid-orange-50 {
-    --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  .xl\:via-orange-50 {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .xl\:mid-orange-100 {
-    --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  .xl\:via-orange-100 {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .xl\:mid-orange-200 {
-    --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  .xl\:via-orange-200 {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .xl\:mid-orange-300 {
-    --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  .xl\:via-orange-300 {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .xl\:mid-orange-400 {
-    --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  .xl\:via-orange-400 {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .xl\:mid-orange-500 {
-    --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  .xl\:via-orange-500 {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .xl\:mid-orange-600 {
-    --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  .xl\:via-orange-600 {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .xl\:mid-orange-700 {
-    --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  .xl\:via-orange-700 {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .xl\:mid-orange-800 {
-    --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  .xl\:via-orange-800 {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .xl\:mid-orange-900 {
-    --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  .xl\:via-orange-900 {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .xl\:mid-yellow-50 {
-    --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  .xl\:via-yellow-50 {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .xl\:mid-yellow-100 {
-    --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  .xl\:via-yellow-100 {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .xl\:mid-yellow-200 {
-    --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  .xl\:via-yellow-200 {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .xl\:mid-yellow-300 {
-    --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  .xl\:via-yellow-300 {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .xl\:mid-yellow-400 {
-    --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  .xl\:via-yellow-400 {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .xl\:mid-yellow-500 {
-    --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  .xl\:via-yellow-500 {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .xl\:mid-yellow-600 {
-    --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  .xl\:via-yellow-600 {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .xl\:mid-yellow-700 {
-    --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  .xl\:via-yellow-700 {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .xl\:mid-yellow-800 {
-    --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  .xl\:via-yellow-800 {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .xl\:mid-yellow-900 {
-    --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  .xl\:via-yellow-900 {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .xl\:mid-green-50 {
-    --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  .xl\:via-green-50 {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .xl\:mid-green-100 {
-    --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  .xl\:via-green-100 {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .xl\:mid-green-200 {
-    --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  .xl\:via-green-200 {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .xl\:mid-green-300 {
-    --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  .xl\:via-green-300 {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .xl\:mid-green-400 {
-    --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  .xl\:via-green-400 {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .xl\:mid-green-500 {
-    --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  .xl\:via-green-500 {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .xl\:mid-green-600 {
-    --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  .xl\:via-green-600 {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .xl\:mid-green-700 {
-    --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  .xl\:via-green-700 {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .xl\:mid-green-800 {
-    --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  .xl\:via-green-800 {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .xl\:mid-green-900 {
-    --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  .xl\:via-green-900 {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .xl\:mid-teal-50 {
-    --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  .xl\:via-teal-50 {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .xl\:mid-teal-100 {
-    --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  .xl\:via-teal-100 {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .xl\:mid-teal-200 {
-    --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  .xl\:via-teal-200 {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .xl\:mid-teal-300 {
-    --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  .xl\:via-teal-300 {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .xl\:mid-teal-400 {
-    --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  .xl\:via-teal-400 {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .xl\:mid-teal-500 {
-    --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  .xl\:via-teal-500 {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .xl\:mid-teal-600 {
-    --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  .xl\:via-teal-600 {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .xl\:mid-teal-700 {
-    --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  .xl\:via-teal-700 {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .xl\:mid-teal-800 {
-    --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  .xl\:via-teal-800 {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .xl\:mid-teal-900 {
-    --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  .xl\:via-teal-900 {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .xl\:mid-blue-50 {
-    --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  .xl\:via-blue-50 {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .xl\:mid-blue-100 {
-    --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  .xl\:via-blue-100 {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .xl\:mid-blue-200 {
-    --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  .xl\:via-blue-200 {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .xl\:mid-blue-300 {
-    --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  .xl\:via-blue-300 {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .xl\:mid-blue-400 {
-    --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  .xl\:via-blue-400 {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .xl\:mid-blue-500 {
-    --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  .xl\:via-blue-500 {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .xl\:mid-blue-600 {
-    --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  .xl\:via-blue-600 {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .xl\:mid-blue-700 {
-    --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  .xl\:via-blue-700 {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .xl\:mid-blue-800 {
-    --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  .xl\:via-blue-800 {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .xl\:mid-blue-900 {
-    --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  .xl\:via-blue-900 {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .xl\:mid-indigo-50 {
-    --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  .xl\:via-indigo-50 {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .xl\:mid-indigo-100 {
-    --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  .xl\:via-indigo-100 {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .xl\:mid-indigo-200 {
-    --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  .xl\:via-indigo-200 {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .xl\:mid-indigo-300 {
-    --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  .xl\:via-indigo-300 {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .xl\:mid-indigo-400 {
-    --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  .xl\:via-indigo-400 {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .xl\:mid-indigo-500 {
-    --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  .xl\:via-indigo-500 {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .xl\:mid-indigo-600 {
-    --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  .xl\:via-indigo-600 {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .xl\:mid-indigo-700 {
-    --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  .xl\:via-indigo-700 {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .xl\:mid-indigo-800 {
-    --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  .xl\:via-indigo-800 {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .xl\:mid-indigo-900 {
-    --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  .xl\:via-indigo-900 {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .xl\:mid-purple-50 {
-    --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  .xl\:via-purple-50 {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .xl\:mid-purple-100 {
-    --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  .xl\:via-purple-100 {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .xl\:mid-purple-200 {
-    --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  .xl\:via-purple-200 {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .xl\:mid-purple-300 {
-    --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  .xl\:via-purple-300 {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .xl\:mid-purple-400 {
-    --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  .xl\:via-purple-400 {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .xl\:mid-purple-500 {
-    --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  .xl\:via-purple-500 {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .xl\:mid-purple-600 {
-    --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  .xl\:via-purple-600 {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .xl\:mid-purple-700 {
-    --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  .xl\:via-purple-700 {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .xl\:mid-purple-800 {
-    --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  .xl\:via-purple-800 {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .xl\:mid-purple-900 {
-    --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  .xl\:via-purple-900 {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .xl\:mid-pink-50 {
-    --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  .xl\:via-pink-50 {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .xl\:mid-pink-100 {
-    --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  .xl\:via-pink-100 {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .xl\:mid-pink-200 {
-    --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  .xl\:via-pink-200 {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .xl\:mid-pink-300 {
-    --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  .xl\:via-pink-300 {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .xl\:mid-pink-400 {
-    --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  .xl\:via-pink-400 {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .xl\:mid-pink-500 {
-    --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  .xl\:via-pink-500 {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .xl\:mid-pink-600 {
-    --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  .xl\:via-pink-600 {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .xl\:mid-pink-700 {
-    --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  .xl\:via-pink-700 {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .xl\:mid-pink-800 {
-    --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  .xl\:via-pink-800 {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .xl\:mid-pink-900 {
-    --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  .xl\:via-pink-900 {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
   .xl\:to-transparent {
@@ -124689,524 +124689,524 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .xl\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:mid-black:hover {
-    --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:hover\:via-black:hover {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:mid-white:hover {
-    --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:hover\:via-white:hover {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:mid-gray-50:hover {
-    --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  .xl\:hover\:via-gray-50:hover {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .xl\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  .xl\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .xl\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  .xl\:hover\:via-gray-200:hover {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .xl\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  .xl\:hover\:via-gray-300:hover {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .xl\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  .xl\:hover\:via-gray-400:hover {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .xl\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  .xl\:hover\:via-gray-500:hover {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .xl\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  .xl\:hover\:via-gray-600:hover {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .xl\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  .xl\:hover\:via-gray-700:hover {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .xl\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  .xl\:hover\:via-gray-800:hover {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .xl\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  .xl\:hover\:via-gray-900:hover {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .xl\:hover\:mid-red-50:hover {
-    --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  .xl\:hover\:via-red-50:hover {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .xl\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  .xl\:hover\:via-red-100:hover {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .xl\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  .xl\:hover\:via-red-200:hover {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .xl\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  .xl\:hover\:via-red-300:hover {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .xl\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  .xl\:hover\:via-red-400:hover {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .xl\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  .xl\:hover\:via-red-500:hover {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .xl\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  .xl\:hover\:via-red-600:hover {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .xl\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  .xl\:hover\:via-red-700:hover {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .xl\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  .xl\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .xl\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  .xl\:hover\:via-red-900:hover {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .xl\:hover\:mid-orange-50:hover {
-    --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  .xl\:hover\:via-orange-50:hover {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .xl\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  .xl\:hover\:via-orange-100:hover {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .xl\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  .xl\:hover\:via-orange-200:hover {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .xl\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  .xl\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .xl\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  .xl\:hover\:via-orange-400:hover {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .xl\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  .xl\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .xl\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  .xl\:hover\:via-orange-600:hover {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .xl\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  .xl\:hover\:via-orange-700:hover {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .xl\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  .xl\:hover\:via-orange-800:hover {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .xl\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  .xl\:hover\:via-orange-900:hover {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .xl\:hover\:mid-yellow-50:hover {
-    --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  .xl\:hover\:via-yellow-50:hover {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .xl\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  .xl\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .xl\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  .xl\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .xl\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  .xl\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .xl\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  .xl\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .xl\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  .xl\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .xl\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  .xl\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .xl\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  .xl\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .xl\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  .xl\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .xl\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  .xl\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .xl\:hover\:mid-green-50:hover {
-    --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  .xl\:hover\:via-green-50:hover {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .xl\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  .xl\:hover\:via-green-100:hover {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .xl\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  .xl\:hover\:via-green-200:hover {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .xl\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  .xl\:hover\:via-green-300:hover {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .xl\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  .xl\:hover\:via-green-400:hover {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .xl\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  .xl\:hover\:via-green-500:hover {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .xl\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  .xl\:hover\:via-green-600:hover {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .xl\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  .xl\:hover\:via-green-700:hover {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .xl\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  .xl\:hover\:via-green-800:hover {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .xl\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  .xl\:hover\:via-green-900:hover {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .xl\:hover\:mid-teal-50:hover {
-    --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  .xl\:hover\:via-teal-50:hover {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .xl\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  .xl\:hover\:via-teal-100:hover {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .xl\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  .xl\:hover\:via-teal-200:hover {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .xl\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  .xl\:hover\:via-teal-300:hover {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .xl\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  .xl\:hover\:via-teal-400:hover {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .xl\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  .xl\:hover\:via-teal-500:hover {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .xl\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  .xl\:hover\:via-teal-600:hover {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .xl\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  .xl\:hover\:via-teal-700:hover {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .xl\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  .xl\:hover\:via-teal-800:hover {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .xl\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  .xl\:hover\:via-teal-900:hover {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .xl\:hover\:mid-blue-50:hover {
-    --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  .xl\:hover\:via-blue-50:hover {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .xl\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  .xl\:hover\:via-blue-100:hover {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .xl\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  .xl\:hover\:via-blue-200:hover {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .xl\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  .xl\:hover\:via-blue-300:hover {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .xl\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  .xl\:hover\:via-blue-400:hover {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .xl\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  .xl\:hover\:via-blue-500:hover {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .xl\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  .xl\:hover\:via-blue-600:hover {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .xl\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  .xl\:hover\:via-blue-700:hover {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .xl\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  .xl\:hover\:via-blue-800:hover {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .xl\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  .xl\:hover\:via-blue-900:hover {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .xl\:hover\:mid-indigo-50:hover {
-    --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  .xl\:hover\:via-indigo-50:hover {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .xl\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  .xl\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .xl\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  .xl\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .xl\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  .xl\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .xl\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  .xl\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .xl\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  .xl\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .xl\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  .xl\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .xl\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  .xl\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .xl\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  .xl\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .xl\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  .xl\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .xl\:hover\:mid-purple-50:hover {
-    --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  .xl\:hover\:via-purple-50:hover {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .xl\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  .xl\:hover\:via-purple-100:hover {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .xl\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  .xl\:hover\:via-purple-200:hover {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .xl\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  .xl\:hover\:via-purple-300:hover {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .xl\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  .xl\:hover\:via-purple-400:hover {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .xl\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  .xl\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .xl\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  .xl\:hover\:via-purple-600:hover {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .xl\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  .xl\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .xl\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  .xl\:hover\:via-purple-800:hover {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .xl\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  .xl\:hover\:via-purple-900:hover {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .xl\:hover\:mid-pink-50:hover {
-    --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  .xl\:hover\:via-pink-50:hover {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .xl\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  .xl\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .xl\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  .xl\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .xl\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  .xl\:hover\:via-pink-300:hover {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .xl\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  .xl\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .xl\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  .xl\:hover\:via-pink-500:hover {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .xl\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  .xl\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .xl\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  .xl\:hover\:via-pink-700:hover {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .xl\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  .xl\:hover\:via-pink-800:hover {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .xl\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  .xl\:hover\:via-pink-900:hover {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
   .xl\:hover\:to-transparent:hover {
@@ -126145,524 +126145,524 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
-  .xl\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:mid-black:focus {
-    --gradient-mid-color: #000000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:focus\:via-black:focus {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:mid-white:focus {
-    --gradient-mid-color: #ffffff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:focus\:via-white:focus {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:mid-gray-50:focus {
-    --gradient-mid-color: #f9fafb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  .xl\:focus\:via-gray-50:focus {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
   }
 
-  .xl\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f4f5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  .xl\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
   }
 
-  .xl\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #e5e7eb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  .xl\:focus\:via-gray-200:focus {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
   }
 
-  .xl\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #d2d6dc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  .xl\:focus\:via-gray-300:focus {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
   }
 
-  .xl\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #9fa6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  .xl\:focus\:via-gray-400:focus {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
   }
 
-  .xl\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #6b7280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  .xl\:focus\:via-gray-500:focus {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
   }
 
-  .xl\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #4b5563;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  .xl\:focus\:via-gray-600:focus {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
   }
 
-  .xl\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #374151;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  .xl\:focus\:via-gray-700:focus {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
   }
 
-  .xl\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #252f3f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  .xl\:focus\:via-gray-800:focus {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
   }
 
-  .xl\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #161e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  .xl\:focus\:via-gray-900:focus {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
   }
 
-  .xl\:focus\:mid-red-50:focus {
-    --gradient-mid-color: #fdf2f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  .xl\:focus\:via-red-50:focus {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
   }
 
-  .xl\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fde8e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  .xl\:focus\:via-red-100:focus {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
   }
 
-  .xl\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fbd5d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  .xl\:focus\:via-red-200:focus {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
   }
 
-  .xl\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #f8b4b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  .xl\:focus\:via-red-300:focus {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
   }
 
-  .xl\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #f98080;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  .xl\:focus\:via-red-400:focus {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
   }
 
-  .xl\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f05252;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  .xl\:focus\:via-red-500:focus {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
   }
 
-  .xl\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e02424;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  .xl\:focus\:via-red-600:focus {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
   }
 
-  .xl\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c81e1e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  .xl\:focus\:via-red-700:focus {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
   }
 
-  .xl\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b1c1c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  .xl\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
   }
 
-  .xl\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #771d1d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  .xl\:focus\:via-red-900:focus {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
   }
 
-  .xl\:focus\:mid-orange-50:focus {
-    --gradient-mid-color: #fff8f1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  .xl\:focus\:via-orange-50:focus {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
   }
 
-  .xl\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #feecdc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  .xl\:focus\:via-orange-100:focus {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
   }
 
-  .xl\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #fcd9bd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  .xl\:focus\:via-orange-200:focus {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
   }
 
-  .xl\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fdba8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  .xl\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
   }
 
-  .xl\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #ff8a4c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  .xl\:focus\:via-orange-400:focus {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
   }
 
-  .xl\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ff5a1f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  .xl\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
   }
 
-  .xl\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #d03801;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  .xl\:focus\:via-orange-600:focus {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
   }
 
-  .xl\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #b43403;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  .xl\:focus\:via-orange-700:focus {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
   }
 
-  .xl\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #8a2c0d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  .xl\:focus\:via-orange-800:focus {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
   }
 
-  .xl\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #73230d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  .xl\:focus\:via-orange-900:focus {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
   }
 
-  .xl\:focus\:mid-yellow-50:focus {
-    --gradient-mid-color: #fdfdea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  .xl\:focus\:via-yellow-50:focus {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
   }
 
-  .xl\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fdf6b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  .xl\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
   }
 
-  .xl\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fce96a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  .xl\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
   }
 
-  .xl\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faca15;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  .xl\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
   }
 
-  .xl\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #e3a008;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  .xl\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
   }
 
-  .xl\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #c27803;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  .xl\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
   }
 
-  .xl\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #9f580a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  .xl\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
   }
 
-  .xl\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #8e4b10;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  .xl\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
   }
 
-  .xl\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #723b13;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  .xl\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
   }
 
-  .xl\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #633112;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  .xl\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
   }
 
-  .xl\:focus\:mid-green-50:focus {
-    --gradient-mid-color: #f3faf7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  .xl\:focus\:via-green-50:focus {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
   }
 
-  .xl\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #def7ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  .xl\:focus\:via-green-100:focus {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
   }
 
-  .xl\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #bcf0da;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  .xl\:focus\:via-green-200:focus {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
   }
 
-  .xl\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #84e1bc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  .xl\:focus\:via-green-300:focus {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
   }
 
-  .xl\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #31c48d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  .xl\:focus\:via-green-400:focus {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
   }
 
-  .xl\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #0e9f6e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  .xl\:focus\:via-green-500:focus {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
   }
 
-  .xl\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #057a55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  .xl\:focus\:via-green-600:focus {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
   }
 
-  .xl\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #046c4e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  .xl\:focus\:via-green-700:focus {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
   }
 
-  .xl\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #03543f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  .xl\:focus\:via-green-800:focus {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
   }
 
-  .xl\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #014737;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  .xl\:focus\:via-green-900:focus {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
   }
 
-  .xl\:focus\:mid-teal-50:focus {
-    --gradient-mid-color: #edfafa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  .xl\:focus\:via-teal-50:focus {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
   }
 
-  .xl\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #d5f5f6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  .xl\:focus\:via-teal-100:focus {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
   }
 
-  .xl\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #afecef;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  .xl\:focus\:via-teal-200:focus {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
   }
 
-  .xl\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #7edce2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  .xl\:focus\:via-teal-300:focus {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
   }
 
-  .xl\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #16bdca;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  .xl\:focus\:via-teal-400:focus {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
   }
 
-  .xl\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #0694a2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  .xl\:focus\:via-teal-500:focus {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
   }
 
-  .xl\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #047481;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  .xl\:focus\:via-teal-600:focus {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
   }
 
-  .xl\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #036672;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  .xl\:focus\:via-teal-700:focus {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
   }
 
-  .xl\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #05505c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  .xl\:focus\:via-teal-800:focus {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
   }
 
-  .xl\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #014451;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  .xl\:focus\:via-teal-900:focus {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
   }
 
-  .xl\:focus\:mid-blue-50:focus {
-    --gradient-mid-color: #ebf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  .xl\:focus\:via-blue-50:focus {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
   }
 
-  .xl\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #e1effe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  .xl\:focus\:via-blue-100:focus {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
   }
 
-  .xl\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #c3ddfd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  .xl\:focus\:via-blue-200:focus {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
   }
 
-  .xl\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #a4cafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  .xl\:focus\:via-blue-300:focus {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
   }
 
-  .xl\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #76a9fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  .xl\:focus\:via-blue-400:focus {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
   }
 
-  .xl\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #3f83f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  .xl\:focus\:via-blue-500:focus {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
   }
 
-  .xl\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #1c64f2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  .xl\:focus\:via-blue-600:focus {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
   }
 
-  .xl\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #1a56db;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  .xl\:focus\:via-blue-700:focus {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
   }
 
-  .xl\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #1e429f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  .xl\:focus\:via-blue-800:focus {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
   }
 
-  .xl\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #233876;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  .xl\:focus\:via-blue-900:focus {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
   }
 
-  .xl\:focus\:mid-indigo-50:focus {
-    --gradient-mid-color: #f0f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  .xl\:focus\:via-indigo-50:focus {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
   }
 
-  .xl\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #e5edff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  .xl\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
   }
 
-  .xl\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #cddbfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  .xl\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
   }
 
-  .xl\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #b4c6fc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  .xl\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
   }
 
-  .xl\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #8da2fb;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  .xl\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
   }
 
-  .xl\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #6875f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  .xl\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
   }
 
-  .xl\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5850ec;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  .xl\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
   }
 
-  .xl\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #5145cd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  .xl\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
   }
 
-  .xl\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #42389d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  .xl\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
   }
 
-  .xl\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #362f78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  .xl\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
   }
 
-  .xl\:focus\:mid-purple-50:focus {
-    --gradient-mid-color: #f6f5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  .xl\:focus\:via-purple-50:focus {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
   }
 
-  .xl\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #edebfe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  .xl\:focus\:via-purple-100:focus {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
   }
 
-  .xl\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #dcd7fe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  .xl\:focus\:via-purple-200:focus {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
   }
 
-  .xl\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #cabffd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  .xl\:focus\:via-purple-300:focus {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
   }
 
-  .xl\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #ac94fa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  .xl\:focus\:via-purple-400:focus {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
   }
 
-  .xl\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9061f9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  .xl\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
   }
 
-  .xl\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #7e3af2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  .xl\:focus\:via-purple-600:focus {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
   }
 
-  .xl\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6c2bd9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  .xl\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
   }
 
-  .xl\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #5521b5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  .xl\:focus\:via-purple-800:focus {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
   }
 
-  .xl\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #4a1d96;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  .xl\:focus\:via-purple-900:focus {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
   }
 
-  .xl\:focus\:mid-pink-50:focus {
-    --gradient-mid-color: #fdf2f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  .xl\:focus\:via-pink-50:focus {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
   }
 
-  .xl\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fce8f3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  .xl\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
   }
 
-  .xl\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fad1e8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  .xl\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
   }
 
-  .xl\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #f8b4d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  .xl\:focus\:via-pink-300:focus {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
   }
 
-  .xl\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f17eb8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  .xl\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
   }
 
-  .xl\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #e74694;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  .xl\:focus\:via-pink-500:focus {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
   }
 
-  .xl\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d61f69;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  .xl\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
   }
 
-  .xl\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #bf125d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  .xl\:focus\:via-pink-700:focus {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
   }
 
-  .xl\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #99154b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  .xl\:focus\:via-pink-800:focus {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
   }
 
-  .xl\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #751a3d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  .xl\:focus\:via-pink-900:focus {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
   }
 
   .xl\:focus\:to-transparent:focus {
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index d86be23d6..075991b3e 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -3965,474 +3965,474 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
 }
 
-.mid-transparent {
-  --gradient-mid-color: transparent !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+.via-transparent {
+  --gradient-via-color: transparent !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.mid-current {
-  --gradient-mid-color: currentColor !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+.via-current {
+  --gradient-via-color: currentColor !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.mid-black {
-  --gradient-mid-color: #000 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+.via-black {
+  --gradient-via-color: #000 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.mid-white {
-  --gradient-mid-color: #fff !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+.via-white {
+  --gradient-via-color: #fff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.mid-gray-100 {
-  --gradient-mid-color: #f7fafc !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
+.via-gray-100 {
+  --gradient-via-color: #f7fafc !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
 }
 
-.mid-gray-200 {
-  --gradient-mid-color: #edf2f7 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
+.via-gray-200 {
+  --gradient-via-color: #edf2f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
 }
 
-.mid-gray-300 {
-  --gradient-mid-color: #e2e8f0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
+.via-gray-300 {
+  --gradient-via-color: #e2e8f0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
 }
 
-.mid-gray-400 {
-  --gradient-mid-color: #cbd5e0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
+.via-gray-400 {
+  --gradient-via-color: #cbd5e0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
 }
 
-.mid-gray-500 {
-  --gradient-mid-color: #a0aec0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
+.via-gray-500 {
+  --gradient-via-color: #a0aec0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
 }
 
-.mid-gray-600 {
-  --gradient-mid-color: #718096 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
+.via-gray-600 {
+  --gradient-via-color: #718096 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
 }
 
-.mid-gray-700 {
-  --gradient-mid-color: #4a5568 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
+.via-gray-700 {
+  --gradient-via-color: #4a5568 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
 }
 
-.mid-gray-800 {
-  --gradient-mid-color: #2d3748 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
+.via-gray-800 {
+  --gradient-via-color: #2d3748 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
 }
 
-.mid-gray-900 {
-  --gradient-mid-color: #1a202c !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
+.via-gray-900 {
+  --gradient-via-color: #1a202c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
 }
 
-.mid-red-100 {
-  --gradient-mid-color: #fff5f5 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
+.via-red-100 {
+  --gradient-via-color: #fff5f5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
 }
 
-.mid-red-200 {
-  --gradient-mid-color: #fed7d7 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
+.via-red-200 {
+  --gradient-via-color: #fed7d7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
 }
 
-.mid-red-300 {
-  --gradient-mid-color: #feb2b2 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
+.via-red-300 {
+  --gradient-via-color: #feb2b2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
 }
 
-.mid-red-400 {
-  --gradient-mid-color: #fc8181 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
+.via-red-400 {
+  --gradient-via-color: #fc8181 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
 }
 
-.mid-red-500 {
-  --gradient-mid-color: #f56565 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
+.via-red-500 {
+  --gradient-via-color: #f56565 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
 }
 
-.mid-red-600 {
-  --gradient-mid-color: #e53e3e !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
+.via-red-600 {
+  --gradient-via-color: #e53e3e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
 }
 
-.mid-red-700 {
-  --gradient-mid-color: #c53030 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
+.via-red-700 {
+  --gradient-via-color: #c53030 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
 }
 
-.mid-red-800 {
-  --gradient-mid-color: #9b2c2c !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
+.via-red-800 {
+  --gradient-via-color: #9b2c2c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
 }
 
-.mid-red-900 {
-  --gradient-mid-color: #742a2a !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
+.via-red-900 {
+  --gradient-via-color: #742a2a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
 }
 
-.mid-orange-100 {
-  --gradient-mid-color: #fffaf0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
+.via-orange-100 {
+  --gradient-via-color: #fffaf0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
 }
 
-.mid-orange-200 {
-  --gradient-mid-color: #feebc8 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
+.via-orange-200 {
+  --gradient-via-color: #feebc8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
 }
 
-.mid-orange-300 {
-  --gradient-mid-color: #fbd38d !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
+.via-orange-300 {
+  --gradient-via-color: #fbd38d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
 }
 
-.mid-orange-400 {
-  --gradient-mid-color: #f6ad55 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
+.via-orange-400 {
+  --gradient-via-color: #f6ad55 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
 }
 
-.mid-orange-500 {
-  --gradient-mid-color: #ed8936 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
+.via-orange-500 {
+  --gradient-via-color: #ed8936 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
 }
 
-.mid-orange-600 {
-  --gradient-mid-color: #dd6b20 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
+.via-orange-600 {
+  --gradient-via-color: #dd6b20 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
 }
 
-.mid-orange-700 {
-  --gradient-mid-color: #c05621 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
+.via-orange-700 {
+  --gradient-via-color: #c05621 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
 }
 
-.mid-orange-800 {
-  --gradient-mid-color: #9c4221 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
+.via-orange-800 {
+  --gradient-via-color: #9c4221 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
 }
 
-.mid-orange-900 {
-  --gradient-mid-color: #7b341e !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
+.via-orange-900 {
+  --gradient-via-color: #7b341e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
 }
 
-.mid-yellow-100 {
-  --gradient-mid-color: #fffff0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
+.via-yellow-100 {
+  --gradient-via-color: #fffff0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
 }
 
-.mid-yellow-200 {
-  --gradient-mid-color: #fefcbf !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
+.via-yellow-200 {
+  --gradient-via-color: #fefcbf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
 }
 
-.mid-yellow-300 {
-  --gradient-mid-color: #faf089 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
+.via-yellow-300 {
+  --gradient-via-color: #faf089 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
 }
 
-.mid-yellow-400 {
-  --gradient-mid-color: #f6e05e !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
+.via-yellow-400 {
+  --gradient-via-color: #f6e05e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
 }
 
-.mid-yellow-500 {
-  --gradient-mid-color: #ecc94b !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
+.via-yellow-500 {
+  --gradient-via-color: #ecc94b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
 }
 
-.mid-yellow-600 {
-  --gradient-mid-color: #d69e2e !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
+.via-yellow-600 {
+  --gradient-via-color: #d69e2e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
 }
 
-.mid-yellow-700 {
-  --gradient-mid-color: #b7791f !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
+.via-yellow-700 {
+  --gradient-via-color: #b7791f !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
 }
 
-.mid-yellow-800 {
-  --gradient-mid-color: #975a16 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
+.via-yellow-800 {
+  --gradient-via-color: #975a16 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
 }
 
-.mid-yellow-900 {
-  --gradient-mid-color: #744210 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
+.via-yellow-900 {
+  --gradient-via-color: #744210 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
 }
 
-.mid-green-100 {
-  --gradient-mid-color: #f0fff4 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
+.via-green-100 {
+  --gradient-via-color: #f0fff4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
 }
 
-.mid-green-200 {
-  --gradient-mid-color: #c6f6d5 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
+.via-green-200 {
+  --gradient-via-color: #c6f6d5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
 }
 
-.mid-green-300 {
-  --gradient-mid-color: #9ae6b4 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
+.via-green-300 {
+  --gradient-via-color: #9ae6b4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
 }
 
-.mid-green-400 {
-  --gradient-mid-color: #68d391 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
+.via-green-400 {
+  --gradient-via-color: #68d391 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
 }
 
-.mid-green-500 {
-  --gradient-mid-color: #48bb78 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
+.via-green-500 {
+  --gradient-via-color: #48bb78 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
 }
 
-.mid-green-600 {
-  --gradient-mid-color: #38a169 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
+.via-green-600 {
+  --gradient-via-color: #38a169 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
 }
 
-.mid-green-700 {
-  --gradient-mid-color: #2f855a !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
+.via-green-700 {
+  --gradient-via-color: #2f855a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
 }
 
-.mid-green-800 {
-  --gradient-mid-color: #276749 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
+.via-green-800 {
+  --gradient-via-color: #276749 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
 }
 
-.mid-green-900 {
-  --gradient-mid-color: #22543d !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
+.via-green-900 {
+  --gradient-via-color: #22543d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
 }
 
-.mid-teal-100 {
-  --gradient-mid-color: #e6fffa !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
+.via-teal-100 {
+  --gradient-via-color: #e6fffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
 }
 
-.mid-teal-200 {
-  --gradient-mid-color: #b2f5ea !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
+.via-teal-200 {
+  --gradient-via-color: #b2f5ea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
 }
 
-.mid-teal-300 {
-  --gradient-mid-color: #81e6d9 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
+.via-teal-300 {
+  --gradient-via-color: #81e6d9 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
 }
 
-.mid-teal-400 {
-  --gradient-mid-color: #4fd1c5 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
+.via-teal-400 {
+  --gradient-via-color: #4fd1c5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
 }
 
-.mid-teal-500 {
-  --gradient-mid-color: #38b2ac !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
+.via-teal-500 {
+  --gradient-via-color: #38b2ac !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
 }
 
-.mid-teal-600 {
-  --gradient-mid-color: #319795 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
+.via-teal-600 {
+  --gradient-via-color: #319795 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
 }
 
-.mid-teal-700 {
-  --gradient-mid-color: #2c7a7b !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
+.via-teal-700 {
+  --gradient-via-color: #2c7a7b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
 }
 
-.mid-teal-800 {
-  --gradient-mid-color: #285e61 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
+.via-teal-800 {
+  --gradient-via-color: #285e61 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
 }
 
-.mid-teal-900 {
-  --gradient-mid-color: #234e52 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
+.via-teal-900 {
+  --gradient-via-color: #234e52 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
 }
 
-.mid-blue-100 {
-  --gradient-mid-color: #ebf8ff !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
+.via-blue-100 {
+  --gradient-via-color: #ebf8ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
 }
 
-.mid-blue-200 {
-  --gradient-mid-color: #bee3f8 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
+.via-blue-200 {
+  --gradient-via-color: #bee3f8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
 }
 
-.mid-blue-300 {
-  --gradient-mid-color: #90cdf4 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
+.via-blue-300 {
+  --gradient-via-color: #90cdf4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
 }
 
-.mid-blue-400 {
-  --gradient-mid-color: #63b3ed !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
+.via-blue-400 {
+  --gradient-via-color: #63b3ed !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
 }
 
-.mid-blue-500 {
-  --gradient-mid-color: #4299e1 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
+.via-blue-500 {
+  --gradient-via-color: #4299e1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
 }
 
-.mid-blue-600 {
-  --gradient-mid-color: #3182ce !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
+.via-blue-600 {
+  --gradient-via-color: #3182ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
 }
 
-.mid-blue-700 {
-  --gradient-mid-color: #2b6cb0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
+.via-blue-700 {
+  --gradient-via-color: #2b6cb0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
 }
 
-.mid-blue-800 {
-  --gradient-mid-color: #2c5282 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
+.via-blue-800 {
+  --gradient-via-color: #2c5282 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
 }
 
-.mid-blue-900 {
-  --gradient-mid-color: #2a4365 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
+.via-blue-900 {
+  --gradient-via-color: #2a4365 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
 }
 
-.mid-indigo-100 {
-  --gradient-mid-color: #ebf4ff !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
+.via-indigo-100 {
+  --gradient-via-color: #ebf4ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
 }
 
-.mid-indigo-200 {
-  --gradient-mid-color: #c3dafe !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
+.via-indigo-200 {
+  --gradient-via-color: #c3dafe !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
 }
 
-.mid-indigo-300 {
-  --gradient-mid-color: #a3bffa !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
+.via-indigo-300 {
+  --gradient-via-color: #a3bffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
 }
 
-.mid-indigo-400 {
-  --gradient-mid-color: #7f9cf5 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
+.via-indigo-400 {
+  --gradient-via-color: #7f9cf5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
 }
 
-.mid-indigo-500 {
-  --gradient-mid-color: #667eea !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
+.via-indigo-500 {
+  --gradient-via-color: #667eea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
 }
 
-.mid-indigo-600 {
-  --gradient-mid-color: #5a67d8 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
+.via-indigo-600 {
+  --gradient-via-color: #5a67d8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
 }
 
-.mid-indigo-700 {
-  --gradient-mid-color: #4c51bf !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
+.via-indigo-700 {
+  --gradient-via-color: #4c51bf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
 }
 
-.mid-indigo-800 {
-  --gradient-mid-color: #434190 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
+.via-indigo-800 {
+  --gradient-via-color: #434190 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
 }
 
-.mid-indigo-900 {
-  --gradient-mid-color: #3c366b !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
+.via-indigo-900 {
+  --gradient-via-color: #3c366b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
 }
 
-.mid-purple-100 {
-  --gradient-mid-color: #faf5ff !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
+.via-purple-100 {
+  --gradient-via-color: #faf5ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
 }
 
-.mid-purple-200 {
-  --gradient-mid-color: #e9d8fd !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
+.via-purple-200 {
+  --gradient-via-color: #e9d8fd !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
 }
 
-.mid-purple-300 {
-  --gradient-mid-color: #d6bcfa !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
+.via-purple-300 {
+  --gradient-via-color: #d6bcfa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
 }
 
-.mid-purple-400 {
-  --gradient-mid-color: #b794f4 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
+.via-purple-400 {
+  --gradient-via-color: #b794f4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
 }
 
-.mid-purple-500 {
-  --gradient-mid-color: #9f7aea !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
+.via-purple-500 {
+  --gradient-via-color: #9f7aea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
 }
 
-.mid-purple-600 {
-  --gradient-mid-color: #805ad5 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
+.via-purple-600 {
+  --gradient-via-color: #805ad5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
 }
 
-.mid-purple-700 {
-  --gradient-mid-color: #6b46c1 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
+.via-purple-700 {
+  --gradient-via-color: #6b46c1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
 }
 
-.mid-purple-800 {
-  --gradient-mid-color: #553c9a !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
+.via-purple-800 {
+  --gradient-via-color: #553c9a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
 }
 
-.mid-purple-900 {
-  --gradient-mid-color: #44337a !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
+.via-purple-900 {
+  --gradient-via-color: #44337a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
 }
 
-.mid-pink-100 {
-  --gradient-mid-color: #fff5f7 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
+.via-pink-100 {
+  --gradient-via-color: #fff5f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
 }
 
-.mid-pink-200 {
-  --gradient-mid-color: #fed7e2 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
+.via-pink-200 {
+  --gradient-via-color: #fed7e2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
 }
 
-.mid-pink-300 {
-  --gradient-mid-color: #fbb6ce !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
+.via-pink-300 {
+  --gradient-via-color: #fbb6ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
 }
 
-.mid-pink-400 {
-  --gradient-mid-color: #f687b3 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
+.via-pink-400 {
+  --gradient-via-color: #f687b3 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
 }
 
-.mid-pink-500 {
-  --gradient-mid-color: #ed64a6 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
+.via-pink-500 {
+  --gradient-via-color: #ed64a6 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
 }
 
-.mid-pink-600 {
-  --gradient-mid-color: #d53f8c !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
+.via-pink-600 {
+  --gradient-via-color: #d53f8c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
 }
 
-.mid-pink-700 {
-  --gradient-mid-color: #b83280 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
+.via-pink-700 {
+  --gradient-via-color: #b83280 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
 }
 
-.mid-pink-800 {
-  --gradient-mid-color: #97266d !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
+.via-pink-800 {
+  --gradient-via-color: #97266d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
 }
 
-.mid-pink-900 {
-  --gradient-mid-color: #702459 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+.via-pink-900 {
+  --gradient-via-color: #702459 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
 }
 
 .to-transparent {
@@ -5281,474 +5281,474 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
 }
 
-.hover\:mid-transparent:hover {
-  --gradient-mid-color: transparent !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+.hover\:via-transparent:hover {
+  --gradient-via-color: transparent !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.hover\:mid-current:hover {
-  --gradient-mid-color: currentColor !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+.hover\:via-current:hover {
+  --gradient-via-color: currentColor !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.hover\:mid-black:hover {
-  --gradient-mid-color: #000 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+.hover\:via-black:hover {
+  --gradient-via-color: #000 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.hover\:mid-white:hover {
-  --gradient-mid-color: #fff !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+.hover\:via-white:hover {
+  --gradient-via-color: #fff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.hover\:mid-gray-100:hover {
-  --gradient-mid-color: #f7fafc !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
+.hover\:via-gray-100:hover {
+  --gradient-via-color: #f7fafc !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
 }
 
-.hover\:mid-gray-200:hover {
-  --gradient-mid-color: #edf2f7 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
+.hover\:via-gray-200:hover {
+  --gradient-via-color: #edf2f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
 }
 
-.hover\:mid-gray-300:hover {
-  --gradient-mid-color: #e2e8f0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
+.hover\:via-gray-300:hover {
+  --gradient-via-color: #e2e8f0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
 }
 
-.hover\:mid-gray-400:hover {
-  --gradient-mid-color: #cbd5e0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
+.hover\:via-gray-400:hover {
+  --gradient-via-color: #cbd5e0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
 }
 
-.hover\:mid-gray-500:hover {
-  --gradient-mid-color: #a0aec0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
+.hover\:via-gray-500:hover {
+  --gradient-via-color: #a0aec0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
 }
 
-.hover\:mid-gray-600:hover {
-  --gradient-mid-color: #718096 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
+.hover\:via-gray-600:hover {
+  --gradient-via-color: #718096 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
 }
 
-.hover\:mid-gray-700:hover {
-  --gradient-mid-color: #4a5568 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
+.hover\:via-gray-700:hover {
+  --gradient-via-color: #4a5568 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
 }
 
-.hover\:mid-gray-800:hover {
-  --gradient-mid-color: #2d3748 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
+.hover\:via-gray-800:hover {
+  --gradient-via-color: #2d3748 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
 }
 
-.hover\:mid-gray-900:hover {
-  --gradient-mid-color: #1a202c !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
+.hover\:via-gray-900:hover {
+  --gradient-via-color: #1a202c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
 }
 
-.hover\:mid-red-100:hover {
-  --gradient-mid-color: #fff5f5 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
+.hover\:via-red-100:hover {
+  --gradient-via-color: #fff5f5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
 }
 
-.hover\:mid-red-200:hover {
-  --gradient-mid-color: #fed7d7 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
+.hover\:via-red-200:hover {
+  --gradient-via-color: #fed7d7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
 }
 
-.hover\:mid-red-300:hover {
-  --gradient-mid-color: #feb2b2 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
+.hover\:via-red-300:hover {
+  --gradient-via-color: #feb2b2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
 }
 
-.hover\:mid-red-400:hover {
-  --gradient-mid-color: #fc8181 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
+.hover\:via-red-400:hover {
+  --gradient-via-color: #fc8181 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
 }
 
-.hover\:mid-red-500:hover {
-  --gradient-mid-color: #f56565 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
+.hover\:via-red-500:hover {
+  --gradient-via-color: #f56565 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
 }
 
-.hover\:mid-red-600:hover {
-  --gradient-mid-color: #e53e3e !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
+.hover\:via-red-600:hover {
+  --gradient-via-color: #e53e3e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
 }
 
-.hover\:mid-red-700:hover {
-  --gradient-mid-color: #c53030 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
+.hover\:via-red-700:hover {
+  --gradient-via-color: #c53030 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
 }
 
-.hover\:mid-red-800:hover {
-  --gradient-mid-color: #9b2c2c !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
+.hover\:via-red-800:hover {
+  --gradient-via-color: #9b2c2c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
 }
 
-.hover\:mid-red-900:hover {
-  --gradient-mid-color: #742a2a !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
+.hover\:via-red-900:hover {
+  --gradient-via-color: #742a2a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
 }
 
-.hover\:mid-orange-100:hover {
-  --gradient-mid-color: #fffaf0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
+.hover\:via-orange-100:hover {
+  --gradient-via-color: #fffaf0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
 }
 
-.hover\:mid-orange-200:hover {
-  --gradient-mid-color: #feebc8 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
+.hover\:via-orange-200:hover {
+  --gradient-via-color: #feebc8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
 }
 
-.hover\:mid-orange-300:hover {
-  --gradient-mid-color: #fbd38d !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
+.hover\:via-orange-300:hover {
+  --gradient-via-color: #fbd38d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
 }
 
-.hover\:mid-orange-400:hover {
-  --gradient-mid-color: #f6ad55 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
+.hover\:via-orange-400:hover {
+  --gradient-via-color: #f6ad55 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
 }
 
-.hover\:mid-orange-500:hover {
-  --gradient-mid-color: #ed8936 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
+.hover\:via-orange-500:hover {
+  --gradient-via-color: #ed8936 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
 }
 
-.hover\:mid-orange-600:hover {
-  --gradient-mid-color: #dd6b20 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
+.hover\:via-orange-600:hover {
+  --gradient-via-color: #dd6b20 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
 }
 
-.hover\:mid-orange-700:hover {
-  --gradient-mid-color: #c05621 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
+.hover\:via-orange-700:hover {
+  --gradient-via-color: #c05621 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
 }
 
-.hover\:mid-orange-800:hover {
-  --gradient-mid-color: #9c4221 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
+.hover\:via-orange-800:hover {
+  --gradient-via-color: #9c4221 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
 }
 
-.hover\:mid-orange-900:hover {
-  --gradient-mid-color: #7b341e !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
+.hover\:via-orange-900:hover {
+  --gradient-via-color: #7b341e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
 }
 
-.hover\:mid-yellow-100:hover {
-  --gradient-mid-color: #fffff0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
+.hover\:via-yellow-100:hover {
+  --gradient-via-color: #fffff0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
 }
 
-.hover\:mid-yellow-200:hover {
-  --gradient-mid-color: #fefcbf !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
+.hover\:via-yellow-200:hover {
+  --gradient-via-color: #fefcbf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
 }
 
-.hover\:mid-yellow-300:hover {
-  --gradient-mid-color: #faf089 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
+.hover\:via-yellow-300:hover {
+  --gradient-via-color: #faf089 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
 }
 
-.hover\:mid-yellow-400:hover {
-  --gradient-mid-color: #f6e05e !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
+.hover\:via-yellow-400:hover {
+  --gradient-via-color: #f6e05e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
 }
 
-.hover\:mid-yellow-500:hover {
-  --gradient-mid-color: #ecc94b !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
+.hover\:via-yellow-500:hover {
+  --gradient-via-color: #ecc94b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
 }
 
-.hover\:mid-yellow-600:hover {
-  --gradient-mid-color: #d69e2e !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
+.hover\:via-yellow-600:hover {
+  --gradient-via-color: #d69e2e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
 }
 
-.hover\:mid-yellow-700:hover {
-  --gradient-mid-color: #b7791f !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
+.hover\:via-yellow-700:hover {
+  --gradient-via-color: #b7791f !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
 }
 
-.hover\:mid-yellow-800:hover {
-  --gradient-mid-color: #975a16 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
+.hover\:via-yellow-800:hover {
+  --gradient-via-color: #975a16 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
 }
 
-.hover\:mid-yellow-900:hover {
-  --gradient-mid-color: #744210 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
+.hover\:via-yellow-900:hover {
+  --gradient-via-color: #744210 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
 }
 
-.hover\:mid-green-100:hover {
-  --gradient-mid-color: #f0fff4 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
+.hover\:via-green-100:hover {
+  --gradient-via-color: #f0fff4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
 }
 
-.hover\:mid-green-200:hover {
-  --gradient-mid-color: #c6f6d5 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
+.hover\:via-green-200:hover {
+  --gradient-via-color: #c6f6d5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
 }
 
-.hover\:mid-green-300:hover {
-  --gradient-mid-color: #9ae6b4 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
+.hover\:via-green-300:hover {
+  --gradient-via-color: #9ae6b4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
 }
 
-.hover\:mid-green-400:hover {
-  --gradient-mid-color: #68d391 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
+.hover\:via-green-400:hover {
+  --gradient-via-color: #68d391 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
 }
 
-.hover\:mid-green-500:hover {
-  --gradient-mid-color: #48bb78 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
+.hover\:via-green-500:hover {
+  --gradient-via-color: #48bb78 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
 }
 
-.hover\:mid-green-600:hover {
-  --gradient-mid-color: #38a169 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
+.hover\:via-green-600:hover {
+  --gradient-via-color: #38a169 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
 }
 
-.hover\:mid-green-700:hover {
-  --gradient-mid-color: #2f855a !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
+.hover\:via-green-700:hover {
+  --gradient-via-color: #2f855a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
 }
 
-.hover\:mid-green-800:hover {
-  --gradient-mid-color: #276749 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
+.hover\:via-green-800:hover {
+  --gradient-via-color: #276749 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
 }
 
-.hover\:mid-green-900:hover {
-  --gradient-mid-color: #22543d !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
+.hover\:via-green-900:hover {
+  --gradient-via-color: #22543d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
 }
 
-.hover\:mid-teal-100:hover {
-  --gradient-mid-color: #e6fffa !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
+.hover\:via-teal-100:hover {
+  --gradient-via-color: #e6fffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
 }
 
-.hover\:mid-teal-200:hover {
-  --gradient-mid-color: #b2f5ea !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
+.hover\:via-teal-200:hover {
+  --gradient-via-color: #b2f5ea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
 }
 
-.hover\:mid-teal-300:hover {
-  --gradient-mid-color: #81e6d9 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
+.hover\:via-teal-300:hover {
+  --gradient-via-color: #81e6d9 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
 }
 
-.hover\:mid-teal-400:hover {
-  --gradient-mid-color: #4fd1c5 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
+.hover\:via-teal-400:hover {
+  --gradient-via-color: #4fd1c5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
 }
 
-.hover\:mid-teal-500:hover {
-  --gradient-mid-color: #38b2ac !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
+.hover\:via-teal-500:hover {
+  --gradient-via-color: #38b2ac !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
 }
 
-.hover\:mid-teal-600:hover {
-  --gradient-mid-color: #319795 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
+.hover\:via-teal-600:hover {
+  --gradient-via-color: #319795 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
 }
 
-.hover\:mid-teal-700:hover {
-  --gradient-mid-color: #2c7a7b !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
+.hover\:via-teal-700:hover {
+  --gradient-via-color: #2c7a7b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
 }
 
-.hover\:mid-teal-800:hover {
-  --gradient-mid-color: #285e61 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
+.hover\:via-teal-800:hover {
+  --gradient-via-color: #285e61 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
 }
 
-.hover\:mid-teal-900:hover {
-  --gradient-mid-color: #234e52 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
+.hover\:via-teal-900:hover {
+  --gradient-via-color: #234e52 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
 }
 
-.hover\:mid-blue-100:hover {
-  --gradient-mid-color: #ebf8ff !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
+.hover\:via-blue-100:hover {
+  --gradient-via-color: #ebf8ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
 }
 
-.hover\:mid-blue-200:hover {
-  --gradient-mid-color: #bee3f8 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
+.hover\:via-blue-200:hover {
+  --gradient-via-color: #bee3f8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
 }
 
-.hover\:mid-blue-300:hover {
-  --gradient-mid-color: #90cdf4 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
+.hover\:via-blue-300:hover {
+  --gradient-via-color: #90cdf4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
 }
 
-.hover\:mid-blue-400:hover {
-  --gradient-mid-color: #63b3ed !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
+.hover\:via-blue-400:hover {
+  --gradient-via-color: #63b3ed !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
 }
 
-.hover\:mid-blue-500:hover {
-  --gradient-mid-color: #4299e1 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
+.hover\:via-blue-500:hover {
+  --gradient-via-color: #4299e1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
 }
 
-.hover\:mid-blue-600:hover {
-  --gradient-mid-color: #3182ce !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
+.hover\:via-blue-600:hover {
+  --gradient-via-color: #3182ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
 }
 
-.hover\:mid-blue-700:hover {
-  --gradient-mid-color: #2b6cb0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
+.hover\:via-blue-700:hover {
+  --gradient-via-color: #2b6cb0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
 }
 
-.hover\:mid-blue-800:hover {
-  --gradient-mid-color: #2c5282 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
+.hover\:via-blue-800:hover {
+  --gradient-via-color: #2c5282 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
 }
 
-.hover\:mid-blue-900:hover {
-  --gradient-mid-color: #2a4365 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
+.hover\:via-blue-900:hover {
+  --gradient-via-color: #2a4365 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
 }
 
-.hover\:mid-indigo-100:hover {
-  --gradient-mid-color: #ebf4ff !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
+.hover\:via-indigo-100:hover {
+  --gradient-via-color: #ebf4ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
 }
 
-.hover\:mid-indigo-200:hover {
-  --gradient-mid-color: #c3dafe !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
+.hover\:via-indigo-200:hover {
+  --gradient-via-color: #c3dafe !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
 }
 
-.hover\:mid-indigo-300:hover {
-  --gradient-mid-color: #a3bffa !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
+.hover\:via-indigo-300:hover {
+  --gradient-via-color: #a3bffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
 }
 
-.hover\:mid-indigo-400:hover {
-  --gradient-mid-color: #7f9cf5 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
+.hover\:via-indigo-400:hover {
+  --gradient-via-color: #7f9cf5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
 }
 
-.hover\:mid-indigo-500:hover {
-  --gradient-mid-color: #667eea !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
+.hover\:via-indigo-500:hover {
+  --gradient-via-color: #667eea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
 }
 
-.hover\:mid-indigo-600:hover {
-  --gradient-mid-color: #5a67d8 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
+.hover\:via-indigo-600:hover {
+  --gradient-via-color: #5a67d8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
 }
 
-.hover\:mid-indigo-700:hover {
-  --gradient-mid-color: #4c51bf !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
+.hover\:via-indigo-700:hover {
+  --gradient-via-color: #4c51bf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
 }
 
-.hover\:mid-indigo-800:hover {
-  --gradient-mid-color: #434190 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
+.hover\:via-indigo-800:hover {
+  --gradient-via-color: #434190 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
 }
 
-.hover\:mid-indigo-900:hover {
-  --gradient-mid-color: #3c366b !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
+.hover\:via-indigo-900:hover {
+  --gradient-via-color: #3c366b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
 }
 
-.hover\:mid-purple-100:hover {
-  --gradient-mid-color: #faf5ff !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
+.hover\:via-purple-100:hover {
+  --gradient-via-color: #faf5ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
 }
 
-.hover\:mid-purple-200:hover {
-  --gradient-mid-color: #e9d8fd !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
+.hover\:via-purple-200:hover {
+  --gradient-via-color: #e9d8fd !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
 }
 
-.hover\:mid-purple-300:hover {
-  --gradient-mid-color: #d6bcfa !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
+.hover\:via-purple-300:hover {
+  --gradient-via-color: #d6bcfa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
 }
 
-.hover\:mid-purple-400:hover {
-  --gradient-mid-color: #b794f4 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
+.hover\:via-purple-400:hover {
+  --gradient-via-color: #b794f4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
 }
 
-.hover\:mid-purple-500:hover {
-  --gradient-mid-color: #9f7aea !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
+.hover\:via-purple-500:hover {
+  --gradient-via-color: #9f7aea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
 }
 
-.hover\:mid-purple-600:hover {
-  --gradient-mid-color: #805ad5 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
+.hover\:via-purple-600:hover {
+  --gradient-via-color: #805ad5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
 }
 
-.hover\:mid-purple-700:hover {
-  --gradient-mid-color: #6b46c1 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
+.hover\:via-purple-700:hover {
+  --gradient-via-color: #6b46c1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
 }
 
-.hover\:mid-purple-800:hover {
-  --gradient-mid-color: #553c9a !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
+.hover\:via-purple-800:hover {
+  --gradient-via-color: #553c9a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
 }
 
-.hover\:mid-purple-900:hover {
-  --gradient-mid-color: #44337a !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
+.hover\:via-purple-900:hover {
+  --gradient-via-color: #44337a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
 }
 
-.hover\:mid-pink-100:hover {
-  --gradient-mid-color: #fff5f7 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
+.hover\:via-pink-100:hover {
+  --gradient-via-color: #fff5f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
 }
 
-.hover\:mid-pink-200:hover {
-  --gradient-mid-color: #fed7e2 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
+.hover\:via-pink-200:hover {
+  --gradient-via-color: #fed7e2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
 }
 
-.hover\:mid-pink-300:hover {
-  --gradient-mid-color: #fbb6ce !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
+.hover\:via-pink-300:hover {
+  --gradient-via-color: #fbb6ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
 }
 
-.hover\:mid-pink-400:hover {
-  --gradient-mid-color: #f687b3 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
+.hover\:via-pink-400:hover {
+  --gradient-via-color: #f687b3 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
 }
 
-.hover\:mid-pink-500:hover {
-  --gradient-mid-color: #ed64a6 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
+.hover\:via-pink-500:hover {
+  --gradient-via-color: #ed64a6 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
 }
 
-.hover\:mid-pink-600:hover {
-  --gradient-mid-color: #d53f8c !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
+.hover\:via-pink-600:hover {
+  --gradient-via-color: #d53f8c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
 }
 
-.hover\:mid-pink-700:hover {
-  --gradient-mid-color: #b83280 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
+.hover\:via-pink-700:hover {
+  --gradient-via-color: #b83280 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
 }
 
-.hover\:mid-pink-800:hover {
-  --gradient-mid-color: #97266d !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
+.hover\:via-pink-800:hover {
+  --gradient-via-color: #97266d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
 }
 
-.hover\:mid-pink-900:hover {
-  --gradient-mid-color: #702459 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+.hover\:via-pink-900:hover {
+  --gradient-via-color: #702459 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
 }
 
 .hover\:to-transparent:hover {
@@ -6597,474 +6597,474 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
 }
 
-.focus\:mid-transparent:focus {
-  --gradient-mid-color: transparent !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+.focus\:via-transparent:focus {
+  --gradient-via-color: transparent !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.focus\:mid-current:focus {
-  --gradient-mid-color: currentColor !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+.focus\:via-current:focus {
+  --gradient-via-color: currentColor !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.focus\:mid-black:focus {
-  --gradient-mid-color: #000 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+.focus\:via-black:focus {
+  --gradient-via-color: #000 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
 }
 
-.focus\:mid-white:focus {
-  --gradient-mid-color: #fff !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+.focus\:via-white:focus {
+  --gradient-via-color: #fff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
 }
 
-.focus\:mid-gray-100:focus {
-  --gradient-mid-color: #f7fafc !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
+.focus\:via-gray-100:focus {
+  --gradient-via-color: #f7fafc !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
 }
 
-.focus\:mid-gray-200:focus {
-  --gradient-mid-color: #edf2f7 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
+.focus\:via-gray-200:focus {
+  --gradient-via-color: #edf2f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
 }
 
-.focus\:mid-gray-300:focus {
-  --gradient-mid-color: #e2e8f0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
+.focus\:via-gray-300:focus {
+  --gradient-via-color: #e2e8f0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
 }
 
-.focus\:mid-gray-400:focus {
-  --gradient-mid-color: #cbd5e0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
+.focus\:via-gray-400:focus {
+  --gradient-via-color: #cbd5e0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
 }
 
-.focus\:mid-gray-500:focus {
-  --gradient-mid-color: #a0aec0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
+.focus\:via-gray-500:focus {
+  --gradient-via-color: #a0aec0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
 }
 
-.focus\:mid-gray-600:focus {
-  --gradient-mid-color: #718096 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
+.focus\:via-gray-600:focus {
+  --gradient-via-color: #718096 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
 }
 
-.focus\:mid-gray-700:focus {
-  --gradient-mid-color: #4a5568 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
+.focus\:via-gray-700:focus {
+  --gradient-via-color: #4a5568 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
 }
 
-.focus\:mid-gray-800:focus {
-  --gradient-mid-color: #2d3748 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
+.focus\:via-gray-800:focus {
+  --gradient-via-color: #2d3748 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
 }
 
-.focus\:mid-gray-900:focus {
-  --gradient-mid-color: #1a202c !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
+.focus\:via-gray-900:focus {
+  --gradient-via-color: #1a202c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
 }
 
-.focus\:mid-red-100:focus {
-  --gradient-mid-color: #fff5f5 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
+.focus\:via-red-100:focus {
+  --gradient-via-color: #fff5f5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
 }
 
-.focus\:mid-red-200:focus {
-  --gradient-mid-color: #fed7d7 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
+.focus\:via-red-200:focus {
+  --gradient-via-color: #fed7d7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
 }
 
-.focus\:mid-red-300:focus {
-  --gradient-mid-color: #feb2b2 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
+.focus\:via-red-300:focus {
+  --gradient-via-color: #feb2b2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
 }
 
-.focus\:mid-red-400:focus {
-  --gradient-mid-color: #fc8181 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
+.focus\:via-red-400:focus {
+  --gradient-via-color: #fc8181 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
 }
 
-.focus\:mid-red-500:focus {
-  --gradient-mid-color: #f56565 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
+.focus\:via-red-500:focus {
+  --gradient-via-color: #f56565 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
 }
 
-.focus\:mid-red-600:focus {
-  --gradient-mid-color: #e53e3e !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
+.focus\:via-red-600:focus {
+  --gradient-via-color: #e53e3e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
 }
 
-.focus\:mid-red-700:focus {
-  --gradient-mid-color: #c53030 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
+.focus\:via-red-700:focus {
+  --gradient-via-color: #c53030 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
 }
 
-.focus\:mid-red-800:focus {
-  --gradient-mid-color: #9b2c2c !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
+.focus\:via-red-800:focus {
+  --gradient-via-color: #9b2c2c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
 }
 
-.focus\:mid-red-900:focus {
-  --gradient-mid-color: #742a2a !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
+.focus\:via-red-900:focus {
+  --gradient-via-color: #742a2a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
 }
 
-.focus\:mid-orange-100:focus {
-  --gradient-mid-color: #fffaf0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
+.focus\:via-orange-100:focus {
+  --gradient-via-color: #fffaf0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
 }
 
-.focus\:mid-orange-200:focus {
-  --gradient-mid-color: #feebc8 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
+.focus\:via-orange-200:focus {
+  --gradient-via-color: #feebc8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
 }
 
-.focus\:mid-orange-300:focus {
-  --gradient-mid-color: #fbd38d !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
+.focus\:via-orange-300:focus {
+  --gradient-via-color: #fbd38d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
 }
 
-.focus\:mid-orange-400:focus {
-  --gradient-mid-color: #f6ad55 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
+.focus\:via-orange-400:focus {
+  --gradient-via-color: #f6ad55 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
 }
 
-.focus\:mid-orange-500:focus {
-  --gradient-mid-color: #ed8936 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
+.focus\:via-orange-500:focus {
+  --gradient-via-color: #ed8936 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
 }
 
-.focus\:mid-orange-600:focus {
-  --gradient-mid-color: #dd6b20 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
+.focus\:via-orange-600:focus {
+  --gradient-via-color: #dd6b20 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
 }
 
-.focus\:mid-orange-700:focus {
-  --gradient-mid-color: #c05621 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
+.focus\:via-orange-700:focus {
+  --gradient-via-color: #c05621 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
 }
 
-.focus\:mid-orange-800:focus {
-  --gradient-mid-color: #9c4221 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
+.focus\:via-orange-800:focus {
+  --gradient-via-color: #9c4221 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
 }
 
-.focus\:mid-orange-900:focus {
-  --gradient-mid-color: #7b341e !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
+.focus\:via-orange-900:focus {
+  --gradient-via-color: #7b341e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
 }
 
-.focus\:mid-yellow-100:focus {
-  --gradient-mid-color: #fffff0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
+.focus\:via-yellow-100:focus {
+  --gradient-via-color: #fffff0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
 }
 
-.focus\:mid-yellow-200:focus {
-  --gradient-mid-color: #fefcbf !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
+.focus\:via-yellow-200:focus {
+  --gradient-via-color: #fefcbf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
 }
 
-.focus\:mid-yellow-300:focus {
-  --gradient-mid-color: #faf089 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
+.focus\:via-yellow-300:focus {
+  --gradient-via-color: #faf089 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
 }
 
-.focus\:mid-yellow-400:focus {
-  --gradient-mid-color: #f6e05e !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
+.focus\:via-yellow-400:focus {
+  --gradient-via-color: #f6e05e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
 }
 
-.focus\:mid-yellow-500:focus {
-  --gradient-mid-color: #ecc94b !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
+.focus\:via-yellow-500:focus {
+  --gradient-via-color: #ecc94b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
 }
 
-.focus\:mid-yellow-600:focus {
-  --gradient-mid-color: #d69e2e !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
+.focus\:via-yellow-600:focus {
+  --gradient-via-color: #d69e2e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
 }
 
-.focus\:mid-yellow-700:focus {
-  --gradient-mid-color: #b7791f !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
+.focus\:via-yellow-700:focus {
+  --gradient-via-color: #b7791f !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
 }
 
-.focus\:mid-yellow-800:focus {
-  --gradient-mid-color: #975a16 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
+.focus\:via-yellow-800:focus {
+  --gradient-via-color: #975a16 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
 }
 
-.focus\:mid-yellow-900:focus {
-  --gradient-mid-color: #744210 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
+.focus\:via-yellow-900:focus {
+  --gradient-via-color: #744210 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
 }
 
-.focus\:mid-green-100:focus {
-  --gradient-mid-color: #f0fff4 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
+.focus\:via-green-100:focus {
+  --gradient-via-color: #f0fff4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
 }
 
-.focus\:mid-green-200:focus {
-  --gradient-mid-color: #c6f6d5 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
+.focus\:via-green-200:focus {
+  --gradient-via-color: #c6f6d5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
 }
 
-.focus\:mid-green-300:focus {
-  --gradient-mid-color: #9ae6b4 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
+.focus\:via-green-300:focus {
+  --gradient-via-color: #9ae6b4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
 }
 
-.focus\:mid-green-400:focus {
-  --gradient-mid-color: #68d391 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
+.focus\:via-green-400:focus {
+  --gradient-via-color: #68d391 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
 }
 
-.focus\:mid-green-500:focus {
-  --gradient-mid-color: #48bb78 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
+.focus\:via-green-500:focus {
+  --gradient-via-color: #48bb78 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
 }
 
-.focus\:mid-green-600:focus {
-  --gradient-mid-color: #38a169 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
+.focus\:via-green-600:focus {
+  --gradient-via-color: #38a169 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
 }
 
-.focus\:mid-green-700:focus {
-  --gradient-mid-color: #2f855a !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
+.focus\:via-green-700:focus {
+  --gradient-via-color: #2f855a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
 }
 
-.focus\:mid-green-800:focus {
-  --gradient-mid-color: #276749 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
+.focus\:via-green-800:focus {
+  --gradient-via-color: #276749 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
 }
 
-.focus\:mid-green-900:focus {
-  --gradient-mid-color: #22543d !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
+.focus\:via-green-900:focus {
+  --gradient-via-color: #22543d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
 }
 
-.focus\:mid-teal-100:focus {
-  --gradient-mid-color: #e6fffa !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
+.focus\:via-teal-100:focus {
+  --gradient-via-color: #e6fffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
 }
 
-.focus\:mid-teal-200:focus {
-  --gradient-mid-color: #b2f5ea !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
+.focus\:via-teal-200:focus {
+  --gradient-via-color: #b2f5ea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
 }
 
-.focus\:mid-teal-300:focus {
-  --gradient-mid-color: #81e6d9 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
+.focus\:via-teal-300:focus {
+  --gradient-via-color: #81e6d9 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
 }
 
-.focus\:mid-teal-400:focus {
-  --gradient-mid-color: #4fd1c5 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
+.focus\:via-teal-400:focus {
+  --gradient-via-color: #4fd1c5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
 }
 
-.focus\:mid-teal-500:focus {
-  --gradient-mid-color: #38b2ac !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
+.focus\:via-teal-500:focus {
+  --gradient-via-color: #38b2ac !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
 }
 
-.focus\:mid-teal-600:focus {
-  --gradient-mid-color: #319795 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
+.focus\:via-teal-600:focus {
+  --gradient-via-color: #319795 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
 }
 
-.focus\:mid-teal-700:focus {
-  --gradient-mid-color: #2c7a7b !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
+.focus\:via-teal-700:focus {
+  --gradient-via-color: #2c7a7b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
 }
 
-.focus\:mid-teal-800:focus {
-  --gradient-mid-color: #285e61 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
+.focus\:via-teal-800:focus {
+  --gradient-via-color: #285e61 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
 }
 
-.focus\:mid-teal-900:focus {
-  --gradient-mid-color: #234e52 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
+.focus\:via-teal-900:focus {
+  --gradient-via-color: #234e52 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
 }
 
-.focus\:mid-blue-100:focus {
-  --gradient-mid-color: #ebf8ff !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
+.focus\:via-blue-100:focus {
+  --gradient-via-color: #ebf8ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
 }
 
-.focus\:mid-blue-200:focus {
-  --gradient-mid-color: #bee3f8 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
+.focus\:via-blue-200:focus {
+  --gradient-via-color: #bee3f8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
 }
 
-.focus\:mid-blue-300:focus {
-  --gradient-mid-color: #90cdf4 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
+.focus\:via-blue-300:focus {
+  --gradient-via-color: #90cdf4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
 }
 
-.focus\:mid-blue-400:focus {
-  --gradient-mid-color: #63b3ed !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
+.focus\:via-blue-400:focus {
+  --gradient-via-color: #63b3ed !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
 }
 
-.focus\:mid-blue-500:focus {
-  --gradient-mid-color: #4299e1 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
+.focus\:via-blue-500:focus {
+  --gradient-via-color: #4299e1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
 }
 
-.focus\:mid-blue-600:focus {
-  --gradient-mid-color: #3182ce !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
+.focus\:via-blue-600:focus {
+  --gradient-via-color: #3182ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
 }
 
-.focus\:mid-blue-700:focus {
-  --gradient-mid-color: #2b6cb0 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
+.focus\:via-blue-700:focus {
+  --gradient-via-color: #2b6cb0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
 }
 
-.focus\:mid-blue-800:focus {
-  --gradient-mid-color: #2c5282 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
+.focus\:via-blue-800:focus {
+  --gradient-via-color: #2c5282 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
 }
 
-.focus\:mid-blue-900:focus {
-  --gradient-mid-color: #2a4365 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
+.focus\:via-blue-900:focus {
+  --gradient-via-color: #2a4365 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
 }
 
-.focus\:mid-indigo-100:focus {
-  --gradient-mid-color: #ebf4ff !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
+.focus\:via-indigo-100:focus {
+  --gradient-via-color: #ebf4ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
 }
 
-.focus\:mid-indigo-200:focus {
-  --gradient-mid-color: #c3dafe !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
+.focus\:via-indigo-200:focus {
+  --gradient-via-color: #c3dafe !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
 }
 
-.focus\:mid-indigo-300:focus {
-  --gradient-mid-color: #a3bffa !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
+.focus\:via-indigo-300:focus {
+  --gradient-via-color: #a3bffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
 }
 
-.focus\:mid-indigo-400:focus {
-  --gradient-mid-color: #7f9cf5 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
+.focus\:via-indigo-400:focus {
+  --gradient-via-color: #7f9cf5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
 }
 
-.focus\:mid-indigo-500:focus {
-  --gradient-mid-color: #667eea !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
+.focus\:via-indigo-500:focus {
+  --gradient-via-color: #667eea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
 }
 
-.focus\:mid-indigo-600:focus {
-  --gradient-mid-color: #5a67d8 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
+.focus\:via-indigo-600:focus {
+  --gradient-via-color: #5a67d8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
 }
 
-.focus\:mid-indigo-700:focus {
-  --gradient-mid-color: #4c51bf !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
+.focus\:via-indigo-700:focus {
+  --gradient-via-color: #4c51bf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
 }
 
-.focus\:mid-indigo-800:focus {
-  --gradient-mid-color: #434190 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
+.focus\:via-indigo-800:focus {
+  --gradient-via-color: #434190 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
 }
 
-.focus\:mid-indigo-900:focus {
-  --gradient-mid-color: #3c366b !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
+.focus\:via-indigo-900:focus {
+  --gradient-via-color: #3c366b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
 }
 
-.focus\:mid-purple-100:focus {
-  --gradient-mid-color: #faf5ff !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
+.focus\:via-purple-100:focus {
+  --gradient-via-color: #faf5ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
 }
 
-.focus\:mid-purple-200:focus {
-  --gradient-mid-color: #e9d8fd !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
+.focus\:via-purple-200:focus {
+  --gradient-via-color: #e9d8fd !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
 }
 
-.focus\:mid-purple-300:focus {
-  --gradient-mid-color: #d6bcfa !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
+.focus\:via-purple-300:focus {
+  --gradient-via-color: #d6bcfa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
 }
 
-.focus\:mid-purple-400:focus {
-  --gradient-mid-color: #b794f4 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
+.focus\:via-purple-400:focus {
+  --gradient-via-color: #b794f4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
 }
 
-.focus\:mid-purple-500:focus {
-  --gradient-mid-color: #9f7aea !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
+.focus\:via-purple-500:focus {
+  --gradient-via-color: #9f7aea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
 }
 
-.focus\:mid-purple-600:focus {
-  --gradient-mid-color: #805ad5 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
+.focus\:via-purple-600:focus {
+  --gradient-via-color: #805ad5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
 }
 
-.focus\:mid-purple-700:focus {
-  --gradient-mid-color: #6b46c1 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
+.focus\:via-purple-700:focus {
+  --gradient-via-color: #6b46c1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
 }
 
-.focus\:mid-purple-800:focus {
-  --gradient-mid-color: #553c9a !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
+.focus\:via-purple-800:focus {
+  --gradient-via-color: #553c9a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
 }
 
-.focus\:mid-purple-900:focus {
-  --gradient-mid-color: #44337a !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
+.focus\:via-purple-900:focus {
+  --gradient-via-color: #44337a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
 }
 
-.focus\:mid-pink-100:focus {
-  --gradient-mid-color: #fff5f7 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
+.focus\:via-pink-100:focus {
+  --gradient-via-color: #fff5f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
 }
 
-.focus\:mid-pink-200:focus {
-  --gradient-mid-color: #fed7e2 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
+.focus\:via-pink-200:focus {
+  --gradient-via-color: #fed7e2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
 }
 
-.focus\:mid-pink-300:focus {
-  --gradient-mid-color: #fbb6ce !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
+.focus\:via-pink-300:focus {
+  --gradient-via-color: #fbb6ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
 }
 
-.focus\:mid-pink-400:focus {
-  --gradient-mid-color: #f687b3 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
+.focus\:via-pink-400:focus {
+  --gradient-via-color: #f687b3 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
 }
 
-.focus\:mid-pink-500:focus {
-  --gradient-mid-color: #ed64a6 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
+.focus\:via-pink-500:focus {
+  --gradient-via-color: #ed64a6 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
 }
 
-.focus\:mid-pink-600:focus {
-  --gradient-mid-color: #d53f8c !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
+.focus\:via-pink-600:focus {
+  --gradient-via-color: #d53f8c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
 }
 
-.focus\:mid-pink-700:focus {
-  --gradient-mid-color: #b83280 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
+.focus\:via-pink-700:focus {
+  --gradient-via-color: #b83280 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
 }
 
-.focus\:mid-pink-800:focus {
-  --gradient-mid-color: #97266d !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
+.focus\:via-pink-800:focus {
+  --gradient-via-color: #97266d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
 }
 
-.focus\:mid-pink-900:focus {
-  --gradient-mid-color: #702459 !important;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+.focus\:via-pink-900:focus {
+  --gradient-via-color: #702459 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
 }
 
 .focus\:to-transparent:focus {
@@ -22007,474 +22007,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .sm\:mid-transparent {
-    --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .sm\:via-transparent {
+    --gradient-via-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:mid-current {
-    --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .sm\:via-current {
+    --gradient-via-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:mid-black {
-    --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .sm\:via-black {
+    --gradient-via-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:mid-white {
-    --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .sm\:via-white {
+    --gradient-via-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:mid-gray-100 {
-    --gradient-mid-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
+  .sm\:via-gray-100 {
+    --gradient-via-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .sm\:mid-gray-200 {
-    --gradient-mid-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
+  .sm\:via-gray-200 {
+    --gradient-via-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .sm\:mid-gray-300 {
-    --gradient-mid-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
+  .sm\:via-gray-300 {
+    --gradient-via-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .sm\:mid-gray-400 {
-    --gradient-mid-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
+  .sm\:via-gray-400 {
+    --gradient-via-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .sm\:mid-gray-500 {
-    --gradient-mid-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
+  .sm\:via-gray-500 {
+    --gradient-via-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .sm\:mid-gray-600 {
-    --gradient-mid-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
+  .sm\:via-gray-600 {
+    --gradient-via-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .sm\:mid-gray-700 {
-    --gradient-mid-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
+  .sm\:via-gray-700 {
+    --gradient-via-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .sm\:mid-gray-800 {
-    --gradient-mid-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
+  .sm\:via-gray-800 {
+    --gradient-via-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .sm\:mid-gray-900 {
-    --gradient-mid-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
+  .sm\:via-gray-900 {
+    --gradient-via-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .sm\:mid-red-100 {
-    --gradient-mid-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
+  .sm\:via-red-100 {
+    --gradient-via-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .sm\:mid-red-200 {
-    --gradient-mid-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
+  .sm\:via-red-200 {
+    --gradient-via-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .sm\:mid-red-300 {
-    --gradient-mid-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
+  .sm\:via-red-300 {
+    --gradient-via-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .sm\:mid-red-400 {
-    --gradient-mid-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
+  .sm\:via-red-400 {
+    --gradient-via-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .sm\:mid-red-500 {
-    --gradient-mid-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
+  .sm\:via-red-500 {
+    --gradient-via-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .sm\:mid-red-600 {
-    --gradient-mid-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
+  .sm\:via-red-600 {
+    --gradient-via-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .sm\:mid-red-700 {
-    --gradient-mid-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
+  .sm\:via-red-700 {
+    --gradient-via-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .sm\:mid-red-800 {
-    --gradient-mid-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
+  .sm\:via-red-800 {
+    --gradient-via-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .sm\:mid-red-900 {
-    --gradient-mid-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
+  .sm\:via-red-900 {
+    --gradient-via-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .sm\:mid-orange-100 {
-    --gradient-mid-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
+  .sm\:via-orange-100 {
+    --gradient-via-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .sm\:mid-orange-200 {
-    --gradient-mid-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
+  .sm\:via-orange-200 {
+    --gradient-via-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .sm\:mid-orange-300 {
-    --gradient-mid-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
+  .sm\:via-orange-300 {
+    --gradient-via-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .sm\:mid-orange-400 {
-    --gradient-mid-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
+  .sm\:via-orange-400 {
+    --gradient-via-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .sm\:mid-orange-500 {
-    --gradient-mid-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
+  .sm\:via-orange-500 {
+    --gradient-via-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .sm\:mid-orange-600 {
-    --gradient-mid-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
+  .sm\:via-orange-600 {
+    --gradient-via-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .sm\:mid-orange-700 {
-    --gradient-mid-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
+  .sm\:via-orange-700 {
+    --gradient-via-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .sm\:mid-orange-800 {
-    --gradient-mid-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
+  .sm\:via-orange-800 {
+    --gradient-via-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .sm\:mid-orange-900 {
-    --gradient-mid-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
+  .sm\:via-orange-900 {
+    --gradient-via-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .sm\:mid-yellow-100 {
-    --gradient-mid-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
+  .sm\:via-yellow-100 {
+    --gradient-via-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .sm\:mid-yellow-200 {
-    --gradient-mid-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
+  .sm\:via-yellow-200 {
+    --gradient-via-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .sm\:mid-yellow-300 {
-    --gradient-mid-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
+  .sm\:via-yellow-300 {
+    --gradient-via-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .sm\:mid-yellow-400 {
-    --gradient-mid-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
+  .sm\:via-yellow-400 {
+    --gradient-via-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .sm\:mid-yellow-500 {
-    --gradient-mid-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
+  .sm\:via-yellow-500 {
+    --gradient-via-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .sm\:mid-yellow-600 {
-    --gradient-mid-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
+  .sm\:via-yellow-600 {
+    --gradient-via-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .sm\:mid-yellow-700 {
-    --gradient-mid-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
+  .sm\:via-yellow-700 {
+    --gradient-via-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .sm\:mid-yellow-800 {
-    --gradient-mid-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
+  .sm\:via-yellow-800 {
+    --gradient-via-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .sm\:mid-yellow-900 {
-    --gradient-mid-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
+  .sm\:via-yellow-900 {
+    --gradient-via-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .sm\:mid-green-100 {
-    --gradient-mid-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
+  .sm\:via-green-100 {
+    --gradient-via-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .sm\:mid-green-200 {
-    --gradient-mid-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
+  .sm\:via-green-200 {
+    --gradient-via-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .sm\:mid-green-300 {
-    --gradient-mid-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
+  .sm\:via-green-300 {
+    --gradient-via-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .sm\:mid-green-400 {
-    --gradient-mid-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
+  .sm\:via-green-400 {
+    --gradient-via-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .sm\:mid-green-500 {
-    --gradient-mid-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
+  .sm\:via-green-500 {
+    --gradient-via-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .sm\:mid-green-600 {
-    --gradient-mid-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
+  .sm\:via-green-600 {
+    --gradient-via-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .sm\:mid-green-700 {
-    --gradient-mid-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
+  .sm\:via-green-700 {
+    --gradient-via-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .sm\:mid-green-800 {
-    --gradient-mid-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
+  .sm\:via-green-800 {
+    --gradient-via-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .sm\:mid-green-900 {
-    --gradient-mid-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
+  .sm\:via-green-900 {
+    --gradient-via-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .sm\:mid-teal-100 {
-    --gradient-mid-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
+  .sm\:via-teal-100 {
+    --gradient-via-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .sm\:mid-teal-200 {
-    --gradient-mid-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
+  .sm\:via-teal-200 {
+    --gradient-via-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .sm\:mid-teal-300 {
-    --gradient-mid-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
+  .sm\:via-teal-300 {
+    --gradient-via-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .sm\:mid-teal-400 {
-    --gradient-mid-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
+  .sm\:via-teal-400 {
+    --gradient-via-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .sm\:mid-teal-500 {
-    --gradient-mid-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
+  .sm\:via-teal-500 {
+    --gradient-via-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .sm\:mid-teal-600 {
-    --gradient-mid-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
+  .sm\:via-teal-600 {
+    --gradient-via-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .sm\:mid-teal-700 {
-    --gradient-mid-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
+  .sm\:via-teal-700 {
+    --gradient-via-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .sm\:mid-teal-800 {
-    --gradient-mid-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
+  .sm\:via-teal-800 {
+    --gradient-via-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .sm\:mid-teal-900 {
-    --gradient-mid-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
+  .sm\:via-teal-900 {
+    --gradient-via-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .sm\:mid-blue-100 {
-    --gradient-mid-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
+  .sm\:via-blue-100 {
+    --gradient-via-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .sm\:mid-blue-200 {
-    --gradient-mid-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
+  .sm\:via-blue-200 {
+    --gradient-via-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .sm\:mid-blue-300 {
-    --gradient-mid-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
+  .sm\:via-blue-300 {
+    --gradient-via-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .sm\:mid-blue-400 {
-    --gradient-mid-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
+  .sm\:via-blue-400 {
+    --gradient-via-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .sm\:mid-blue-500 {
-    --gradient-mid-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
+  .sm\:via-blue-500 {
+    --gradient-via-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .sm\:mid-blue-600 {
-    --gradient-mid-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
+  .sm\:via-blue-600 {
+    --gradient-via-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .sm\:mid-blue-700 {
-    --gradient-mid-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
+  .sm\:via-blue-700 {
+    --gradient-via-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .sm\:mid-blue-800 {
-    --gradient-mid-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
+  .sm\:via-blue-800 {
+    --gradient-via-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .sm\:mid-blue-900 {
-    --gradient-mid-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
+  .sm\:via-blue-900 {
+    --gradient-via-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .sm\:mid-indigo-100 {
-    --gradient-mid-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
+  .sm\:via-indigo-100 {
+    --gradient-via-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .sm\:mid-indigo-200 {
-    --gradient-mid-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
+  .sm\:via-indigo-200 {
+    --gradient-via-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .sm\:mid-indigo-300 {
-    --gradient-mid-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
+  .sm\:via-indigo-300 {
+    --gradient-via-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .sm\:mid-indigo-400 {
-    --gradient-mid-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
+  .sm\:via-indigo-400 {
+    --gradient-via-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .sm\:mid-indigo-500 {
-    --gradient-mid-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
+  .sm\:via-indigo-500 {
+    --gradient-via-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .sm\:mid-indigo-600 {
-    --gradient-mid-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
+  .sm\:via-indigo-600 {
+    --gradient-via-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .sm\:mid-indigo-700 {
-    --gradient-mid-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
+  .sm\:via-indigo-700 {
+    --gradient-via-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .sm\:mid-indigo-800 {
-    --gradient-mid-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
+  .sm\:via-indigo-800 {
+    --gradient-via-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .sm\:mid-indigo-900 {
-    --gradient-mid-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
+  .sm\:via-indigo-900 {
+    --gradient-via-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .sm\:mid-purple-100 {
-    --gradient-mid-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
+  .sm\:via-purple-100 {
+    --gradient-via-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .sm\:mid-purple-200 {
-    --gradient-mid-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
+  .sm\:via-purple-200 {
+    --gradient-via-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .sm\:mid-purple-300 {
-    --gradient-mid-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
+  .sm\:via-purple-300 {
+    --gradient-via-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .sm\:mid-purple-400 {
-    --gradient-mid-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
+  .sm\:via-purple-400 {
+    --gradient-via-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .sm\:mid-purple-500 {
-    --gradient-mid-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
+  .sm\:via-purple-500 {
+    --gradient-via-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .sm\:mid-purple-600 {
-    --gradient-mid-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
+  .sm\:via-purple-600 {
+    --gradient-via-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .sm\:mid-purple-700 {
-    --gradient-mid-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
+  .sm\:via-purple-700 {
+    --gradient-via-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .sm\:mid-purple-800 {
-    --gradient-mid-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
+  .sm\:via-purple-800 {
+    --gradient-via-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .sm\:mid-purple-900 {
-    --gradient-mid-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
+  .sm\:via-purple-900 {
+    --gradient-via-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .sm\:mid-pink-100 {
-    --gradient-mid-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
+  .sm\:via-pink-100 {
+    --gradient-via-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .sm\:mid-pink-200 {
-    --gradient-mid-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
+  .sm\:via-pink-200 {
+    --gradient-via-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .sm\:mid-pink-300 {
-    --gradient-mid-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
+  .sm\:via-pink-300 {
+    --gradient-via-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .sm\:mid-pink-400 {
-    --gradient-mid-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
+  .sm\:via-pink-400 {
+    --gradient-via-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .sm\:mid-pink-500 {
-    --gradient-mid-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
+  .sm\:via-pink-500 {
+    --gradient-via-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .sm\:mid-pink-600 {
-    --gradient-mid-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
+  .sm\:via-pink-600 {
+    --gradient-via-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .sm\:mid-pink-700 {
-    --gradient-mid-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
+  .sm\:via-pink-700 {
+    --gradient-via-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .sm\:mid-pink-800 {
-    --gradient-mid-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
+  .sm\:via-pink-800 {
+    --gradient-via-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .sm\:mid-pink-900 {
-    --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  .sm\:via-pink-900 {
+    --gradient-via-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
   .sm\:to-transparent {
@@ -23323,474 +23323,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .sm\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .sm\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .sm\:hover\:via-current:hover {
+    --gradient-via-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:hover\:mid-black:hover {
-    --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .sm\:hover\:via-black:hover {
+    --gradient-via-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:hover\:mid-white:hover {
-    --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .sm\:hover\:via-white:hover {
+    --gradient-via-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
+  .sm\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .sm\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
+  .sm\:hover\:via-gray-200:hover {
+    --gradient-via-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .sm\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
+  .sm\:hover\:via-gray-300:hover {
+    --gradient-via-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .sm\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
+  .sm\:hover\:via-gray-400:hover {
+    --gradient-via-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .sm\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
+  .sm\:hover\:via-gray-500:hover {
+    --gradient-via-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .sm\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
+  .sm\:hover\:via-gray-600:hover {
+    --gradient-via-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .sm\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
+  .sm\:hover\:via-gray-700:hover {
+    --gradient-via-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .sm\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
+  .sm\:hover\:via-gray-800:hover {
+    --gradient-via-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .sm\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
+  .sm\:hover\:via-gray-900:hover {
+    --gradient-via-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .sm\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
+  .sm\:hover\:via-red-100:hover {
+    --gradient-via-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .sm\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
+  .sm\:hover\:via-red-200:hover {
+    --gradient-via-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .sm\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
+  .sm\:hover\:via-red-300:hover {
+    --gradient-via-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .sm\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
+  .sm\:hover\:via-red-400:hover {
+    --gradient-via-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .sm\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
+  .sm\:hover\:via-red-500:hover {
+    --gradient-via-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .sm\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
+  .sm\:hover\:via-red-600:hover {
+    --gradient-via-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .sm\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
+  .sm\:hover\:via-red-700:hover {
+    --gradient-via-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .sm\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
+  .sm\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .sm\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
+  .sm\:hover\:via-red-900:hover {
+    --gradient-via-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .sm\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
+  .sm\:hover\:via-orange-100:hover {
+    --gradient-via-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .sm\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
+  .sm\:hover\:via-orange-200:hover {
+    --gradient-via-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .sm\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
+  .sm\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .sm\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
+  .sm\:hover\:via-orange-400:hover {
+    --gradient-via-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .sm\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
+  .sm\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .sm\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
+  .sm\:hover\:via-orange-600:hover {
+    --gradient-via-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .sm\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
+  .sm\:hover\:via-orange-700:hover {
+    --gradient-via-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .sm\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
+  .sm\:hover\:via-orange-800:hover {
+    --gradient-via-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .sm\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
+  .sm\:hover\:via-orange-900:hover {
+    --gradient-via-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .sm\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
+  .sm\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .sm\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
+  .sm\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .sm\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
+  .sm\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .sm\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
+  .sm\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .sm\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
+  .sm\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .sm\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
+  .sm\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .sm\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
+  .sm\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .sm\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
+  .sm\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .sm\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
+  .sm\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .sm\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
+  .sm\:hover\:via-green-100:hover {
+    --gradient-via-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .sm\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
+  .sm\:hover\:via-green-200:hover {
+    --gradient-via-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .sm\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
+  .sm\:hover\:via-green-300:hover {
+    --gradient-via-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .sm\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
+  .sm\:hover\:via-green-400:hover {
+    --gradient-via-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .sm\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
+  .sm\:hover\:via-green-500:hover {
+    --gradient-via-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .sm\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
+  .sm\:hover\:via-green-600:hover {
+    --gradient-via-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .sm\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
+  .sm\:hover\:via-green-700:hover {
+    --gradient-via-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .sm\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
+  .sm\:hover\:via-green-800:hover {
+    --gradient-via-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .sm\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
+  .sm\:hover\:via-green-900:hover {
+    --gradient-via-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .sm\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
+  .sm\:hover\:via-teal-100:hover {
+    --gradient-via-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .sm\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
+  .sm\:hover\:via-teal-200:hover {
+    --gradient-via-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .sm\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
+  .sm\:hover\:via-teal-300:hover {
+    --gradient-via-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .sm\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
+  .sm\:hover\:via-teal-400:hover {
+    --gradient-via-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .sm\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
+  .sm\:hover\:via-teal-500:hover {
+    --gradient-via-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .sm\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
+  .sm\:hover\:via-teal-600:hover {
+    --gradient-via-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .sm\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
+  .sm\:hover\:via-teal-700:hover {
+    --gradient-via-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .sm\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
+  .sm\:hover\:via-teal-800:hover {
+    --gradient-via-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .sm\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
+  .sm\:hover\:via-teal-900:hover {
+    --gradient-via-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .sm\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
+  .sm\:hover\:via-blue-100:hover {
+    --gradient-via-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .sm\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
+  .sm\:hover\:via-blue-200:hover {
+    --gradient-via-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .sm\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
+  .sm\:hover\:via-blue-300:hover {
+    --gradient-via-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .sm\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
+  .sm\:hover\:via-blue-400:hover {
+    --gradient-via-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .sm\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
+  .sm\:hover\:via-blue-500:hover {
+    --gradient-via-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .sm\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
+  .sm\:hover\:via-blue-600:hover {
+    --gradient-via-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .sm\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
+  .sm\:hover\:via-blue-700:hover {
+    --gradient-via-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .sm\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
+  .sm\:hover\:via-blue-800:hover {
+    --gradient-via-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .sm\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
+  .sm\:hover\:via-blue-900:hover {
+    --gradient-via-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .sm\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
+  .sm\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .sm\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
+  .sm\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .sm\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
+  .sm\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .sm\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
+  .sm\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .sm\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
+  .sm\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .sm\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
+  .sm\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .sm\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
+  .sm\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .sm\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
+  .sm\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .sm\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
+  .sm\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .sm\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
+  .sm\:hover\:via-purple-100:hover {
+    --gradient-via-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .sm\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
+  .sm\:hover\:via-purple-200:hover {
+    --gradient-via-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .sm\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
+  .sm\:hover\:via-purple-300:hover {
+    --gradient-via-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .sm\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
+  .sm\:hover\:via-purple-400:hover {
+    --gradient-via-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .sm\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
+  .sm\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .sm\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
+  .sm\:hover\:via-purple-600:hover {
+    --gradient-via-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .sm\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
+  .sm\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .sm\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
+  .sm\:hover\:via-purple-800:hover {
+    --gradient-via-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .sm\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
+  .sm\:hover\:via-purple-900:hover {
+    --gradient-via-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .sm\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
+  .sm\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .sm\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
+  .sm\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .sm\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
+  .sm\:hover\:via-pink-300:hover {
+    --gradient-via-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .sm\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
+  .sm\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .sm\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
+  .sm\:hover\:via-pink-500:hover {
+    --gradient-via-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .sm\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
+  .sm\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .sm\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
+  .sm\:hover\:via-pink-700:hover {
+    --gradient-via-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .sm\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
+  .sm\:hover\:via-pink-800:hover {
+    --gradient-via-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .sm\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  .sm\:hover\:via-pink-900:hover {
+    --gradient-via-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
   .sm\:hover\:to-transparent:hover {
@@ -24639,474 +24639,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .sm\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .sm\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .sm\:focus\:via-current:focus {
+    --gradient-via-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:focus\:mid-black:focus {
-    --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .sm\:focus\:via-black:focus {
+    --gradient-via-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .sm\:focus\:mid-white:focus {
-    --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .sm\:focus\:via-white:focus {
+    --gradient-via-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .sm\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
+  .sm\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .sm\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
+  .sm\:focus\:via-gray-200:focus {
+    --gradient-via-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .sm\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
+  .sm\:focus\:via-gray-300:focus {
+    --gradient-via-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .sm\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
+  .sm\:focus\:via-gray-400:focus {
+    --gradient-via-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .sm\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
+  .sm\:focus\:via-gray-500:focus {
+    --gradient-via-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .sm\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
+  .sm\:focus\:via-gray-600:focus {
+    --gradient-via-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .sm\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
+  .sm\:focus\:via-gray-700:focus {
+    --gradient-via-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .sm\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
+  .sm\:focus\:via-gray-800:focus {
+    --gradient-via-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .sm\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
+  .sm\:focus\:via-gray-900:focus {
+    --gradient-via-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .sm\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
+  .sm\:focus\:via-red-100:focus {
+    --gradient-via-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .sm\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
+  .sm\:focus\:via-red-200:focus {
+    --gradient-via-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .sm\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
+  .sm\:focus\:via-red-300:focus {
+    --gradient-via-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .sm\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
+  .sm\:focus\:via-red-400:focus {
+    --gradient-via-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .sm\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
+  .sm\:focus\:via-red-500:focus {
+    --gradient-via-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .sm\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
+  .sm\:focus\:via-red-600:focus {
+    --gradient-via-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .sm\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
+  .sm\:focus\:via-red-700:focus {
+    --gradient-via-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .sm\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
+  .sm\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .sm\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
+  .sm\:focus\:via-red-900:focus {
+    --gradient-via-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .sm\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
+  .sm\:focus\:via-orange-100:focus {
+    --gradient-via-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .sm\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
+  .sm\:focus\:via-orange-200:focus {
+    --gradient-via-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .sm\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
+  .sm\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .sm\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
+  .sm\:focus\:via-orange-400:focus {
+    --gradient-via-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .sm\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
+  .sm\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .sm\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
+  .sm\:focus\:via-orange-600:focus {
+    --gradient-via-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .sm\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
+  .sm\:focus\:via-orange-700:focus {
+    --gradient-via-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .sm\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
+  .sm\:focus\:via-orange-800:focus {
+    --gradient-via-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .sm\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
+  .sm\:focus\:via-orange-900:focus {
+    --gradient-via-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .sm\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
+  .sm\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .sm\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
+  .sm\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .sm\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
+  .sm\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .sm\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
+  .sm\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .sm\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
+  .sm\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .sm\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
+  .sm\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .sm\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
+  .sm\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .sm\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
+  .sm\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .sm\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
+  .sm\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .sm\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
+  .sm\:focus\:via-green-100:focus {
+    --gradient-via-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .sm\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
+  .sm\:focus\:via-green-200:focus {
+    --gradient-via-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .sm\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
+  .sm\:focus\:via-green-300:focus {
+    --gradient-via-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .sm\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
+  .sm\:focus\:via-green-400:focus {
+    --gradient-via-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .sm\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
+  .sm\:focus\:via-green-500:focus {
+    --gradient-via-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .sm\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
+  .sm\:focus\:via-green-600:focus {
+    --gradient-via-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .sm\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
+  .sm\:focus\:via-green-700:focus {
+    --gradient-via-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .sm\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
+  .sm\:focus\:via-green-800:focus {
+    --gradient-via-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .sm\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
+  .sm\:focus\:via-green-900:focus {
+    --gradient-via-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .sm\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
+  .sm\:focus\:via-teal-100:focus {
+    --gradient-via-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .sm\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
+  .sm\:focus\:via-teal-200:focus {
+    --gradient-via-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .sm\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
+  .sm\:focus\:via-teal-300:focus {
+    --gradient-via-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .sm\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
+  .sm\:focus\:via-teal-400:focus {
+    --gradient-via-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .sm\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
+  .sm\:focus\:via-teal-500:focus {
+    --gradient-via-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .sm\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
+  .sm\:focus\:via-teal-600:focus {
+    --gradient-via-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .sm\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
+  .sm\:focus\:via-teal-700:focus {
+    --gradient-via-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .sm\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
+  .sm\:focus\:via-teal-800:focus {
+    --gradient-via-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .sm\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
+  .sm\:focus\:via-teal-900:focus {
+    --gradient-via-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .sm\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
+  .sm\:focus\:via-blue-100:focus {
+    --gradient-via-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .sm\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
+  .sm\:focus\:via-blue-200:focus {
+    --gradient-via-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .sm\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
+  .sm\:focus\:via-blue-300:focus {
+    --gradient-via-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .sm\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
+  .sm\:focus\:via-blue-400:focus {
+    --gradient-via-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .sm\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
+  .sm\:focus\:via-blue-500:focus {
+    --gradient-via-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .sm\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
+  .sm\:focus\:via-blue-600:focus {
+    --gradient-via-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .sm\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
+  .sm\:focus\:via-blue-700:focus {
+    --gradient-via-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .sm\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
+  .sm\:focus\:via-blue-800:focus {
+    --gradient-via-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .sm\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
+  .sm\:focus\:via-blue-900:focus {
+    --gradient-via-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .sm\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
+  .sm\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .sm\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
+  .sm\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .sm\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
+  .sm\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .sm\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
+  .sm\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .sm\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
+  .sm\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .sm\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
+  .sm\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .sm\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
+  .sm\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .sm\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
+  .sm\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .sm\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
+  .sm\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .sm\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
+  .sm\:focus\:via-purple-100:focus {
+    --gradient-via-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .sm\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
+  .sm\:focus\:via-purple-200:focus {
+    --gradient-via-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .sm\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
+  .sm\:focus\:via-purple-300:focus {
+    --gradient-via-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .sm\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
+  .sm\:focus\:via-purple-400:focus {
+    --gradient-via-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .sm\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
+  .sm\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .sm\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
+  .sm\:focus\:via-purple-600:focus {
+    --gradient-via-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .sm\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
+  .sm\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .sm\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
+  .sm\:focus\:via-purple-800:focus {
+    --gradient-via-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .sm\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
+  .sm\:focus\:via-purple-900:focus {
+    --gradient-via-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .sm\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
+  .sm\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .sm\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
+  .sm\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .sm\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
+  .sm\:focus\:via-pink-300:focus {
+    --gradient-via-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .sm\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
+  .sm\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .sm\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
+  .sm\:focus\:via-pink-500:focus {
+    --gradient-via-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .sm\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
+  .sm\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .sm\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
+  .sm\:focus\:via-pink-700:focus {
+    --gradient-via-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .sm\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
+  .sm\:focus\:via-pink-800:focus {
+    --gradient-via-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .sm\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  .sm\:focus\:via-pink-900:focus {
+    --gradient-via-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
   .sm\:focus\:to-transparent:focus {
@@ -40019,474 +40019,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .md\:mid-transparent {
-    --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .md\:via-transparent {
+    --gradient-via-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:mid-current {
-    --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .md\:via-current {
+    --gradient-via-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:mid-black {
-    --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .md\:via-black {
+    --gradient-via-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:mid-white {
-    --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .md\:via-white {
+    --gradient-via-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:mid-gray-100 {
-    --gradient-mid-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
+  .md\:via-gray-100 {
+    --gradient-via-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .md\:mid-gray-200 {
-    --gradient-mid-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
+  .md\:via-gray-200 {
+    --gradient-via-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .md\:mid-gray-300 {
-    --gradient-mid-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
+  .md\:via-gray-300 {
+    --gradient-via-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .md\:mid-gray-400 {
-    --gradient-mid-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
+  .md\:via-gray-400 {
+    --gradient-via-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .md\:mid-gray-500 {
-    --gradient-mid-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
+  .md\:via-gray-500 {
+    --gradient-via-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .md\:mid-gray-600 {
-    --gradient-mid-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
+  .md\:via-gray-600 {
+    --gradient-via-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .md\:mid-gray-700 {
-    --gradient-mid-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
+  .md\:via-gray-700 {
+    --gradient-via-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .md\:mid-gray-800 {
-    --gradient-mid-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
+  .md\:via-gray-800 {
+    --gradient-via-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .md\:mid-gray-900 {
-    --gradient-mid-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
+  .md\:via-gray-900 {
+    --gradient-via-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .md\:mid-red-100 {
-    --gradient-mid-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
+  .md\:via-red-100 {
+    --gradient-via-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .md\:mid-red-200 {
-    --gradient-mid-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
+  .md\:via-red-200 {
+    --gradient-via-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .md\:mid-red-300 {
-    --gradient-mid-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
+  .md\:via-red-300 {
+    --gradient-via-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .md\:mid-red-400 {
-    --gradient-mid-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
+  .md\:via-red-400 {
+    --gradient-via-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .md\:mid-red-500 {
-    --gradient-mid-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
+  .md\:via-red-500 {
+    --gradient-via-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .md\:mid-red-600 {
-    --gradient-mid-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
+  .md\:via-red-600 {
+    --gradient-via-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .md\:mid-red-700 {
-    --gradient-mid-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
+  .md\:via-red-700 {
+    --gradient-via-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .md\:mid-red-800 {
-    --gradient-mid-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
+  .md\:via-red-800 {
+    --gradient-via-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .md\:mid-red-900 {
-    --gradient-mid-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
+  .md\:via-red-900 {
+    --gradient-via-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .md\:mid-orange-100 {
-    --gradient-mid-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
+  .md\:via-orange-100 {
+    --gradient-via-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .md\:mid-orange-200 {
-    --gradient-mid-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
+  .md\:via-orange-200 {
+    --gradient-via-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .md\:mid-orange-300 {
-    --gradient-mid-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
+  .md\:via-orange-300 {
+    --gradient-via-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .md\:mid-orange-400 {
-    --gradient-mid-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
+  .md\:via-orange-400 {
+    --gradient-via-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .md\:mid-orange-500 {
-    --gradient-mid-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
+  .md\:via-orange-500 {
+    --gradient-via-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .md\:mid-orange-600 {
-    --gradient-mid-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
+  .md\:via-orange-600 {
+    --gradient-via-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .md\:mid-orange-700 {
-    --gradient-mid-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
+  .md\:via-orange-700 {
+    --gradient-via-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .md\:mid-orange-800 {
-    --gradient-mid-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
+  .md\:via-orange-800 {
+    --gradient-via-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .md\:mid-orange-900 {
-    --gradient-mid-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
+  .md\:via-orange-900 {
+    --gradient-via-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .md\:mid-yellow-100 {
-    --gradient-mid-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
+  .md\:via-yellow-100 {
+    --gradient-via-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .md\:mid-yellow-200 {
-    --gradient-mid-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
+  .md\:via-yellow-200 {
+    --gradient-via-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .md\:mid-yellow-300 {
-    --gradient-mid-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
+  .md\:via-yellow-300 {
+    --gradient-via-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .md\:mid-yellow-400 {
-    --gradient-mid-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
+  .md\:via-yellow-400 {
+    --gradient-via-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .md\:mid-yellow-500 {
-    --gradient-mid-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
+  .md\:via-yellow-500 {
+    --gradient-via-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .md\:mid-yellow-600 {
-    --gradient-mid-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
+  .md\:via-yellow-600 {
+    --gradient-via-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .md\:mid-yellow-700 {
-    --gradient-mid-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
+  .md\:via-yellow-700 {
+    --gradient-via-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .md\:mid-yellow-800 {
-    --gradient-mid-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
+  .md\:via-yellow-800 {
+    --gradient-via-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .md\:mid-yellow-900 {
-    --gradient-mid-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
+  .md\:via-yellow-900 {
+    --gradient-via-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .md\:mid-green-100 {
-    --gradient-mid-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
+  .md\:via-green-100 {
+    --gradient-via-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .md\:mid-green-200 {
-    --gradient-mid-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
+  .md\:via-green-200 {
+    --gradient-via-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .md\:mid-green-300 {
-    --gradient-mid-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
+  .md\:via-green-300 {
+    --gradient-via-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .md\:mid-green-400 {
-    --gradient-mid-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
+  .md\:via-green-400 {
+    --gradient-via-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .md\:mid-green-500 {
-    --gradient-mid-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
+  .md\:via-green-500 {
+    --gradient-via-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .md\:mid-green-600 {
-    --gradient-mid-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
+  .md\:via-green-600 {
+    --gradient-via-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .md\:mid-green-700 {
-    --gradient-mid-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
+  .md\:via-green-700 {
+    --gradient-via-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .md\:mid-green-800 {
-    --gradient-mid-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
+  .md\:via-green-800 {
+    --gradient-via-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .md\:mid-green-900 {
-    --gradient-mid-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
+  .md\:via-green-900 {
+    --gradient-via-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .md\:mid-teal-100 {
-    --gradient-mid-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
+  .md\:via-teal-100 {
+    --gradient-via-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .md\:mid-teal-200 {
-    --gradient-mid-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
+  .md\:via-teal-200 {
+    --gradient-via-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .md\:mid-teal-300 {
-    --gradient-mid-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
+  .md\:via-teal-300 {
+    --gradient-via-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .md\:mid-teal-400 {
-    --gradient-mid-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
+  .md\:via-teal-400 {
+    --gradient-via-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .md\:mid-teal-500 {
-    --gradient-mid-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
+  .md\:via-teal-500 {
+    --gradient-via-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .md\:mid-teal-600 {
-    --gradient-mid-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
+  .md\:via-teal-600 {
+    --gradient-via-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .md\:mid-teal-700 {
-    --gradient-mid-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
+  .md\:via-teal-700 {
+    --gradient-via-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .md\:mid-teal-800 {
-    --gradient-mid-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
+  .md\:via-teal-800 {
+    --gradient-via-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .md\:mid-teal-900 {
-    --gradient-mid-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
+  .md\:via-teal-900 {
+    --gradient-via-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .md\:mid-blue-100 {
-    --gradient-mid-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
+  .md\:via-blue-100 {
+    --gradient-via-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .md\:mid-blue-200 {
-    --gradient-mid-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
+  .md\:via-blue-200 {
+    --gradient-via-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .md\:mid-blue-300 {
-    --gradient-mid-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
+  .md\:via-blue-300 {
+    --gradient-via-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .md\:mid-blue-400 {
-    --gradient-mid-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
+  .md\:via-blue-400 {
+    --gradient-via-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .md\:mid-blue-500 {
-    --gradient-mid-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
+  .md\:via-blue-500 {
+    --gradient-via-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .md\:mid-blue-600 {
-    --gradient-mid-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
+  .md\:via-blue-600 {
+    --gradient-via-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .md\:mid-blue-700 {
-    --gradient-mid-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
+  .md\:via-blue-700 {
+    --gradient-via-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .md\:mid-blue-800 {
-    --gradient-mid-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
+  .md\:via-blue-800 {
+    --gradient-via-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .md\:mid-blue-900 {
-    --gradient-mid-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
+  .md\:via-blue-900 {
+    --gradient-via-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .md\:mid-indigo-100 {
-    --gradient-mid-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
+  .md\:via-indigo-100 {
+    --gradient-via-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .md\:mid-indigo-200 {
-    --gradient-mid-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
+  .md\:via-indigo-200 {
+    --gradient-via-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .md\:mid-indigo-300 {
-    --gradient-mid-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
+  .md\:via-indigo-300 {
+    --gradient-via-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .md\:mid-indigo-400 {
-    --gradient-mid-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
+  .md\:via-indigo-400 {
+    --gradient-via-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .md\:mid-indigo-500 {
-    --gradient-mid-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
+  .md\:via-indigo-500 {
+    --gradient-via-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .md\:mid-indigo-600 {
-    --gradient-mid-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
+  .md\:via-indigo-600 {
+    --gradient-via-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .md\:mid-indigo-700 {
-    --gradient-mid-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
+  .md\:via-indigo-700 {
+    --gradient-via-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .md\:mid-indigo-800 {
-    --gradient-mid-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
+  .md\:via-indigo-800 {
+    --gradient-via-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .md\:mid-indigo-900 {
-    --gradient-mid-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
+  .md\:via-indigo-900 {
+    --gradient-via-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .md\:mid-purple-100 {
-    --gradient-mid-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
+  .md\:via-purple-100 {
+    --gradient-via-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .md\:mid-purple-200 {
-    --gradient-mid-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
+  .md\:via-purple-200 {
+    --gradient-via-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .md\:mid-purple-300 {
-    --gradient-mid-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
+  .md\:via-purple-300 {
+    --gradient-via-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .md\:mid-purple-400 {
-    --gradient-mid-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
+  .md\:via-purple-400 {
+    --gradient-via-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .md\:mid-purple-500 {
-    --gradient-mid-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
+  .md\:via-purple-500 {
+    --gradient-via-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .md\:mid-purple-600 {
-    --gradient-mid-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
+  .md\:via-purple-600 {
+    --gradient-via-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .md\:mid-purple-700 {
-    --gradient-mid-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
+  .md\:via-purple-700 {
+    --gradient-via-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .md\:mid-purple-800 {
-    --gradient-mid-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
+  .md\:via-purple-800 {
+    --gradient-via-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .md\:mid-purple-900 {
-    --gradient-mid-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
+  .md\:via-purple-900 {
+    --gradient-via-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .md\:mid-pink-100 {
-    --gradient-mid-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
+  .md\:via-pink-100 {
+    --gradient-via-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .md\:mid-pink-200 {
-    --gradient-mid-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
+  .md\:via-pink-200 {
+    --gradient-via-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .md\:mid-pink-300 {
-    --gradient-mid-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
+  .md\:via-pink-300 {
+    --gradient-via-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .md\:mid-pink-400 {
-    --gradient-mid-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
+  .md\:via-pink-400 {
+    --gradient-via-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .md\:mid-pink-500 {
-    --gradient-mid-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
+  .md\:via-pink-500 {
+    --gradient-via-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .md\:mid-pink-600 {
-    --gradient-mid-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
+  .md\:via-pink-600 {
+    --gradient-via-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .md\:mid-pink-700 {
-    --gradient-mid-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
+  .md\:via-pink-700 {
+    --gradient-via-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .md\:mid-pink-800 {
-    --gradient-mid-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
+  .md\:via-pink-800 {
+    --gradient-via-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .md\:mid-pink-900 {
-    --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  .md\:via-pink-900 {
+    --gradient-via-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
   .md\:to-transparent {
@@ -41335,474 +41335,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .md\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .md\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .md\:hover\:via-current:hover {
+    --gradient-via-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:hover\:mid-black:hover {
-    --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .md\:hover\:via-black:hover {
+    --gradient-via-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:hover\:mid-white:hover {
-    --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .md\:hover\:via-white:hover {
+    --gradient-via-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
+  .md\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .md\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
+  .md\:hover\:via-gray-200:hover {
+    --gradient-via-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .md\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
+  .md\:hover\:via-gray-300:hover {
+    --gradient-via-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .md\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
+  .md\:hover\:via-gray-400:hover {
+    --gradient-via-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .md\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
+  .md\:hover\:via-gray-500:hover {
+    --gradient-via-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .md\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
+  .md\:hover\:via-gray-600:hover {
+    --gradient-via-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .md\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
+  .md\:hover\:via-gray-700:hover {
+    --gradient-via-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .md\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
+  .md\:hover\:via-gray-800:hover {
+    --gradient-via-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .md\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
+  .md\:hover\:via-gray-900:hover {
+    --gradient-via-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .md\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
+  .md\:hover\:via-red-100:hover {
+    --gradient-via-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .md\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
+  .md\:hover\:via-red-200:hover {
+    --gradient-via-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .md\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
+  .md\:hover\:via-red-300:hover {
+    --gradient-via-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .md\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
+  .md\:hover\:via-red-400:hover {
+    --gradient-via-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .md\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
+  .md\:hover\:via-red-500:hover {
+    --gradient-via-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .md\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
+  .md\:hover\:via-red-600:hover {
+    --gradient-via-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .md\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
+  .md\:hover\:via-red-700:hover {
+    --gradient-via-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .md\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
+  .md\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .md\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
+  .md\:hover\:via-red-900:hover {
+    --gradient-via-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .md\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
+  .md\:hover\:via-orange-100:hover {
+    --gradient-via-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .md\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
+  .md\:hover\:via-orange-200:hover {
+    --gradient-via-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .md\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
+  .md\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .md\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
+  .md\:hover\:via-orange-400:hover {
+    --gradient-via-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .md\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
+  .md\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .md\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
+  .md\:hover\:via-orange-600:hover {
+    --gradient-via-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .md\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
+  .md\:hover\:via-orange-700:hover {
+    --gradient-via-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .md\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
+  .md\:hover\:via-orange-800:hover {
+    --gradient-via-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .md\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
+  .md\:hover\:via-orange-900:hover {
+    --gradient-via-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .md\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
+  .md\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .md\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
+  .md\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .md\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
+  .md\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .md\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
+  .md\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .md\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
+  .md\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .md\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
+  .md\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .md\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
+  .md\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .md\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
+  .md\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .md\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
+  .md\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .md\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
+  .md\:hover\:via-green-100:hover {
+    --gradient-via-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .md\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
+  .md\:hover\:via-green-200:hover {
+    --gradient-via-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .md\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
+  .md\:hover\:via-green-300:hover {
+    --gradient-via-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .md\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
+  .md\:hover\:via-green-400:hover {
+    --gradient-via-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .md\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
+  .md\:hover\:via-green-500:hover {
+    --gradient-via-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .md\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
+  .md\:hover\:via-green-600:hover {
+    --gradient-via-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .md\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
+  .md\:hover\:via-green-700:hover {
+    --gradient-via-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .md\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
+  .md\:hover\:via-green-800:hover {
+    --gradient-via-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .md\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
+  .md\:hover\:via-green-900:hover {
+    --gradient-via-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .md\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
+  .md\:hover\:via-teal-100:hover {
+    --gradient-via-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .md\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
+  .md\:hover\:via-teal-200:hover {
+    --gradient-via-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .md\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
+  .md\:hover\:via-teal-300:hover {
+    --gradient-via-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .md\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
+  .md\:hover\:via-teal-400:hover {
+    --gradient-via-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .md\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
+  .md\:hover\:via-teal-500:hover {
+    --gradient-via-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .md\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
+  .md\:hover\:via-teal-600:hover {
+    --gradient-via-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .md\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
+  .md\:hover\:via-teal-700:hover {
+    --gradient-via-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .md\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
+  .md\:hover\:via-teal-800:hover {
+    --gradient-via-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .md\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
+  .md\:hover\:via-teal-900:hover {
+    --gradient-via-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .md\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
+  .md\:hover\:via-blue-100:hover {
+    --gradient-via-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .md\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
+  .md\:hover\:via-blue-200:hover {
+    --gradient-via-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .md\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
+  .md\:hover\:via-blue-300:hover {
+    --gradient-via-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .md\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
+  .md\:hover\:via-blue-400:hover {
+    --gradient-via-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .md\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
+  .md\:hover\:via-blue-500:hover {
+    --gradient-via-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .md\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
+  .md\:hover\:via-blue-600:hover {
+    --gradient-via-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .md\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
+  .md\:hover\:via-blue-700:hover {
+    --gradient-via-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .md\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
+  .md\:hover\:via-blue-800:hover {
+    --gradient-via-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .md\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
+  .md\:hover\:via-blue-900:hover {
+    --gradient-via-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .md\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
+  .md\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .md\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
+  .md\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .md\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
+  .md\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .md\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
+  .md\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .md\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
+  .md\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .md\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
+  .md\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .md\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
+  .md\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .md\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
+  .md\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .md\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
+  .md\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .md\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
+  .md\:hover\:via-purple-100:hover {
+    --gradient-via-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .md\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
+  .md\:hover\:via-purple-200:hover {
+    --gradient-via-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .md\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
+  .md\:hover\:via-purple-300:hover {
+    --gradient-via-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .md\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
+  .md\:hover\:via-purple-400:hover {
+    --gradient-via-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .md\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
+  .md\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .md\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
+  .md\:hover\:via-purple-600:hover {
+    --gradient-via-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .md\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
+  .md\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .md\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
+  .md\:hover\:via-purple-800:hover {
+    --gradient-via-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .md\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
+  .md\:hover\:via-purple-900:hover {
+    --gradient-via-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .md\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
+  .md\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .md\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
+  .md\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .md\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
+  .md\:hover\:via-pink-300:hover {
+    --gradient-via-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .md\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
+  .md\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .md\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
+  .md\:hover\:via-pink-500:hover {
+    --gradient-via-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .md\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
+  .md\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .md\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
+  .md\:hover\:via-pink-700:hover {
+    --gradient-via-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .md\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
+  .md\:hover\:via-pink-800:hover {
+    --gradient-via-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .md\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  .md\:hover\:via-pink-900:hover {
+    --gradient-via-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
   .md\:hover\:to-transparent:hover {
@@ -42651,474 +42651,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .md\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .md\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .md\:focus\:via-current:focus {
+    --gradient-via-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:focus\:mid-black:focus {
-    --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .md\:focus\:via-black:focus {
+    --gradient-via-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .md\:focus\:mid-white:focus {
-    --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .md\:focus\:via-white:focus {
+    --gradient-via-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .md\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
+  .md\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .md\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
+  .md\:focus\:via-gray-200:focus {
+    --gradient-via-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .md\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
+  .md\:focus\:via-gray-300:focus {
+    --gradient-via-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .md\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
+  .md\:focus\:via-gray-400:focus {
+    --gradient-via-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .md\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
+  .md\:focus\:via-gray-500:focus {
+    --gradient-via-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .md\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
+  .md\:focus\:via-gray-600:focus {
+    --gradient-via-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .md\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
+  .md\:focus\:via-gray-700:focus {
+    --gradient-via-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .md\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
+  .md\:focus\:via-gray-800:focus {
+    --gradient-via-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .md\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
+  .md\:focus\:via-gray-900:focus {
+    --gradient-via-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .md\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
+  .md\:focus\:via-red-100:focus {
+    --gradient-via-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .md\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
+  .md\:focus\:via-red-200:focus {
+    --gradient-via-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .md\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
+  .md\:focus\:via-red-300:focus {
+    --gradient-via-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .md\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
+  .md\:focus\:via-red-400:focus {
+    --gradient-via-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .md\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
+  .md\:focus\:via-red-500:focus {
+    --gradient-via-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .md\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
+  .md\:focus\:via-red-600:focus {
+    --gradient-via-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .md\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
+  .md\:focus\:via-red-700:focus {
+    --gradient-via-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .md\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
+  .md\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .md\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
+  .md\:focus\:via-red-900:focus {
+    --gradient-via-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .md\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
+  .md\:focus\:via-orange-100:focus {
+    --gradient-via-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .md\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
+  .md\:focus\:via-orange-200:focus {
+    --gradient-via-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .md\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
+  .md\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .md\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
+  .md\:focus\:via-orange-400:focus {
+    --gradient-via-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .md\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
+  .md\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .md\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
+  .md\:focus\:via-orange-600:focus {
+    --gradient-via-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .md\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
+  .md\:focus\:via-orange-700:focus {
+    --gradient-via-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .md\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
+  .md\:focus\:via-orange-800:focus {
+    --gradient-via-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .md\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
+  .md\:focus\:via-orange-900:focus {
+    --gradient-via-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .md\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
+  .md\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .md\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
+  .md\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .md\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
+  .md\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .md\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
+  .md\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .md\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
+  .md\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .md\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
+  .md\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .md\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
+  .md\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .md\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
+  .md\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .md\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
+  .md\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .md\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
+  .md\:focus\:via-green-100:focus {
+    --gradient-via-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .md\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
+  .md\:focus\:via-green-200:focus {
+    --gradient-via-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .md\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
+  .md\:focus\:via-green-300:focus {
+    --gradient-via-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .md\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
+  .md\:focus\:via-green-400:focus {
+    --gradient-via-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .md\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
+  .md\:focus\:via-green-500:focus {
+    --gradient-via-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .md\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
+  .md\:focus\:via-green-600:focus {
+    --gradient-via-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .md\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
+  .md\:focus\:via-green-700:focus {
+    --gradient-via-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .md\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
+  .md\:focus\:via-green-800:focus {
+    --gradient-via-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .md\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
+  .md\:focus\:via-green-900:focus {
+    --gradient-via-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .md\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
+  .md\:focus\:via-teal-100:focus {
+    --gradient-via-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .md\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
+  .md\:focus\:via-teal-200:focus {
+    --gradient-via-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .md\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
+  .md\:focus\:via-teal-300:focus {
+    --gradient-via-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .md\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
+  .md\:focus\:via-teal-400:focus {
+    --gradient-via-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .md\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
+  .md\:focus\:via-teal-500:focus {
+    --gradient-via-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .md\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
+  .md\:focus\:via-teal-600:focus {
+    --gradient-via-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .md\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
+  .md\:focus\:via-teal-700:focus {
+    --gradient-via-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .md\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
+  .md\:focus\:via-teal-800:focus {
+    --gradient-via-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .md\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
+  .md\:focus\:via-teal-900:focus {
+    --gradient-via-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .md\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
+  .md\:focus\:via-blue-100:focus {
+    --gradient-via-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .md\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
+  .md\:focus\:via-blue-200:focus {
+    --gradient-via-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .md\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
+  .md\:focus\:via-blue-300:focus {
+    --gradient-via-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .md\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
+  .md\:focus\:via-blue-400:focus {
+    --gradient-via-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .md\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
+  .md\:focus\:via-blue-500:focus {
+    --gradient-via-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .md\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
+  .md\:focus\:via-blue-600:focus {
+    --gradient-via-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .md\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
+  .md\:focus\:via-blue-700:focus {
+    --gradient-via-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .md\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
+  .md\:focus\:via-blue-800:focus {
+    --gradient-via-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .md\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
+  .md\:focus\:via-blue-900:focus {
+    --gradient-via-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .md\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
+  .md\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .md\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
+  .md\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .md\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
+  .md\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .md\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
+  .md\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .md\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
+  .md\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .md\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
+  .md\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .md\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
+  .md\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .md\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
+  .md\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .md\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
+  .md\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .md\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
+  .md\:focus\:via-purple-100:focus {
+    --gradient-via-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .md\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
+  .md\:focus\:via-purple-200:focus {
+    --gradient-via-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .md\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
+  .md\:focus\:via-purple-300:focus {
+    --gradient-via-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .md\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
+  .md\:focus\:via-purple-400:focus {
+    --gradient-via-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .md\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
+  .md\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .md\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
+  .md\:focus\:via-purple-600:focus {
+    --gradient-via-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .md\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
+  .md\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .md\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
+  .md\:focus\:via-purple-800:focus {
+    --gradient-via-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .md\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
+  .md\:focus\:via-purple-900:focus {
+    --gradient-via-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .md\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
+  .md\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .md\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
+  .md\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .md\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
+  .md\:focus\:via-pink-300:focus {
+    --gradient-via-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .md\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
+  .md\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .md\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
+  .md\:focus\:via-pink-500:focus {
+    --gradient-via-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .md\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
+  .md\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .md\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
+  .md\:focus\:via-pink-700:focus {
+    --gradient-via-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .md\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
+  .md\:focus\:via-pink-800:focus {
+    --gradient-via-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .md\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  .md\:focus\:via-pink-900:focus {
+    --gradient-via-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
   .md\:focus\:to-transparent:focus {
@@ -58031,474 +58031,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .lg\:mid-transparent {
-    --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .lg\:via-transparent {
+    --gradient-via-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:mid-current {
-    --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .lg\:via-current {
+    --gradient-via-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:mid-black {
-    --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .lg\:via-black {
+    --gradient-via-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:mid-white {
-    --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .lg\:via-white {
+    --gradient-via-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:mid-gray-100 {
-    --gradient-mid-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
+  .lg\:via-gray-100 {
+    --gradient-via-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .lg\:mid-gray-200 {
-    --gradient-mid-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
+  .lg\:via-gray-200 {
+    --gradient-via-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .lg\:mid-gray-300 {
-    --gradient-mid-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
+  .lg\:via-gray-300 {
+    --gradient-via-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .lg\:mid-gray-400 {
-    --gradient-mid-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
+  .lg\:via-gray-400 {
+    --gradient-via-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .lg\:mid-gray-500 {
-    --gradient-mid-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
+  .lg\:via-gray-500 {
+    --gradient-via-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .lg\:mid-gray-600 {
-    --gradient-mid-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
+  .lg\:via-gray-600 {
+    --gradient-via-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .lg\:mid-gray-700 {
-    --gradient-mid-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
+  .lg\:via-gray-700 {
+    --gradient-via-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .lg\:mid-gray-800 {
-    --gradient-mid-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
+  .lg\:via-gray-800 {
+    --gradient-via-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .lg\:mid-gray-900 {
-    --gradient-mid-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
+  .lg\:via-gray-900 {
+    --gradient-via-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .lg\:mid-red-100 {
-    --gradient-mid-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
+  .lg\:via-red-100 {
+    --gradient-via-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .lg\:mid-red-200 {
-    --gradient-mid-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
+  .lg\:via-red-200 {
+    --gradient-via-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .lg\:mid-red-300 {
-    --gradient-mid-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
+  .lg\:via-red-300 {
+    --gradient-via-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .lg\:mid-red-400 {
-    --gradient-mid-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
+  .lg\:via-red-400 {
+    --gradient-via-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .lg\:mid-red-500 {
-    --gradient-mid-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
+  .lg\:via-red-500 {
+    --gradient-via-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .lg\:mid-red-600 {
-    --gradient-mid-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
+  .lg\:via-red-600 {
+    --gradient-via-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .lg\:mid-red-700 {
-    --gradient-mid-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
+  .lg\:via-red-700 {
+    --gradient-via-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .lg\:mid-red-800 {
-    --gradient-mid-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
+  .lg\:via-red-800 {
+    --gradient-via-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .lg\:mid-red-900 {
-    --gradient-mid-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
+  .lg\:via-red-900 {
+    --gradient-via-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .lg\:mid-orange-100 {
-    --gradient-mid-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
+  .lg\:via-orange-100 {
+    --gradient-via-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .lg\:mid-orange-200 {
-    --gradient-mid-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
+  .lg\:via-orange-200 {
+    --gradient-via-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .lg\:mid-orange-300 {
-    --gradient-mid-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
+  .lg\:via-orange-300 {
+    --gradient-via-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .lg\:mid-orange-400 {
-    --gradient-mid-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
+  .lg\:via-orange-400 {
+    --gradient-via-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .lg\:mid-orange-500 {
-    --gradient-mid-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
+  .lg\:via-orange-500 {
+    --gradient-via-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .lg\:mid-orange-600 {
-    --gradient-mid-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
+  .lg\:via-orange-600 {
+    --gradient-via-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .lg\:mid-orange-700 {
-    --gradient-mid-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
+  .lg\:via-orange-700 {
+    --gradient-via-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .lg\:mid-orange-800 {
-    --gradient-mid-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
+  .lg\:via-orange-800 {
+    --gradient-via-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .lg\:mid-orange-900 {
-    --gradient-mid-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
+  .lg\:via-orange-900 {
+    --gradient-via-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .lg\:mid-yellow-100 {
-    --gradient-mid-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
+  .lg\:via-yellow-100 {
+    --gradient-via-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .lg\:mid-yellow-200 {
-    --gradient-mid-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
+  .lg\:via-yellow-200 {
+    --gradient-via-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .lg\:mid-yellow-300 {
-    --gradient-mid-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
+  .lg\:via-yellow-300 {
+    --gradient-via-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .lg\:mid-yellow-400 {
-    --gradient-mid-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
+  .lg\:via-yellow-400 {
+    --gradient-via-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .lg\:mid-yellow-500 {
-    --gradient-mid-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
+  .lg\:via-yellow-500 {
+    --gradient-via-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .lg\:mid-yellow-600 {
-    --gradient-mid-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
+  .lg\:via-yellow-600 {
+    --gradient-via-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .lg\:mid-yellow-700 {
-    --gradient-mid-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
+  .lg\:via-yellow-700 {
+    --gradient-via-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .lg\:mid-yellow-800 {
-    --gradient-mid-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
+  .lg\:via-yellow-800 {
+    --gradient-via-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .lg\:mid-yellow-900 {
-    --gradient-mid-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
+  .lg\:via-yellow-900 {
+    --gradient-via-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .lg\:mid-green-100 {
-    --gradient-mid-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
+  .lg\:via-green-100 {
+    --gradient-via-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .lg\:mid-green-200 {
-    --gradient-mid-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
+  .lg\:via-green-200 {
+    --gradient-via-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .lg\:mid-green-300 {
-    --gradient-mid-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
+  .lg\:via-green-300 {
+    --gradient-via-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .lg\:mid-green-400 {
-    --gradient-mid-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
+  .lg\:via-green-400 {
+    --gradient-via-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .lg\:mid-green-500 {
-    --gradient-mid-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
+  .lg\:via-green-500 {
+    --gradient-via-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .lg\:mid-green-600 {
-    --gradient-mid-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
+  .lg\:via-green-600 {
+    --gradient-via-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .lg\:mid-green-700 {
-    --gradient-mid-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
+  .lg\:via-green-700 {
+    --gradient-via-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .lg\:mid-green-800 {
-    --gradient-mid-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
+  .lg\:via-green-800 {
+    --gradient-via-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .lg\:mid-green-900 {
-    --gradient-mid-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
+  .lg\:via-green-900 {
+    --gradient-via-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .lg\:mid-teal-100 {
-    --gradient-mid-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
+  .lg\:via-teal-100 {
+    --gradient-via-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .lg\:mid-teal-200 {
-    --gradient-mid-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
+  .lg\:via-teal-200 {
+    --gradient-via-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .lg\:mid-teal-300 {
-    --gradient-mid-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
+  .lg\:via-teal-300 {
+    --gradient-via-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .lg\:mid-teal-400 {
-    --gradient-mid-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
+  .lg\:via-teal-400 {
+    --gradient-via-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .lg\:mid-teal-500 {
-    --gradient-mid-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
+  .lg\:via-teal-500 {
+    --gradient-via-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .lg\:mid-teal-600 {
-    --gradient-mid-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
+  .lg\:via-teal-600 {
+    --gradient-via-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .lg\:mid-teal-700 {
-    --gradient-mid-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
+  .lg\:via-teal-700 {
+    --gradient-via-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .lg\:mid-teal-800 {
-    --gradient-mid-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
+  .lg\:via-teal-800 {
+    --gradient-via-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .lg\:mid-teal-900 {
-    --gradient-mid-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
+  .lg\:via-teal-900 {
+    --gradient-via-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .lg\:mid-blue-100 {
-    --gradient-mid-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
+  .lg\:via-blue-100 {
+    --gradient-via-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .lg\:mid-blue-200 {
-    --gradient-mid-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
+  .lg\:via-blue-200 {
+    --gradient-via-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .lg\:mid-blue-300 {
-    --gradient-mid-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
+  .lg\:via-blue-300 {
+    --gradient-via-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .lg\:mid-blue-400 {
-    --gradient-mid-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
+  .lg\:via-blue-400 {
+    --gradient-via-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .lg\:mid-blue-500 {
-    --gradient-mid-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
+  .lg\:via-blue-500 {
+    --gradient-via-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .lg\:mid-blue-600 {
-    --gradient-mid-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
+  .lg\:via-blue-600 {
+    --gradient-via-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .lg\:mid-blue-700 {
-    --gradient-mid-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
+  .lg\:via-blue-700 {
+    --gradient-via-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .lg\:mid-blue-800 {
-    --gradient-mid-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
+  .lg\:via-blue-800 {
+    --gradient-via-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .lg\:mid-blue-900 {
-    --gradient-mid-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
+  .lg\:via-blue-900 {
+    --gradient-via-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .lg\:mid-indigo-100 {
-    --gradient-mid-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
+  .lg\:via-indigo-100 {
+    --gradient-via-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .lg\:mid-indigo-200 {
-    --gradient-mid-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
+  .lg\:via-indigo-200 {
+    --gradient-via-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .lg\:mid-indigo-300 {
-    --gradient-mid-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
+  .lg\:via-indigo-300 {
+    --gradient-via-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .lg\:mid-indigo-400 {
-    --gradient-mid-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
+  .lg\:via-indigo-400 {
+    --gradient-via-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .lg\:mid-indigo-500 {
-    --gradient-mid-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
+  .lg\:via-indigo-500 {
+    --gradient-via-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .lg\:mid-indigo-600 {
-    --gradient-mid-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
+  .lg\:via-indigo-600 {
+    --gradient-via-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .lg\:mid-indigo-700 {
-    --gradient-mid-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
+  .lg\:via-indigo-700 {
+    --gradient-via-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .lg\:mid-indigo-800 {
-    --gradient-mid-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
+  .lg\:via-indigo-800 {
+    --gradient-via-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .lg\:mid-indigo-900 {
-    --gradient-mid-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
+  .lg\:via-indigo-900 {
+    --gradient-via-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .lg\:mid-purple-100 {
-    --gradient-mid-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
+  .lg\:via-purple-100 {
+    --gradient-via-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .lg\:mid-purple-200 {
-    --gradient-mid-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
+  .lg\:via-purple-200 {
+    --gradient-via-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .lg\:mid-purple-300 {
-    --gradient-mid-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
+  .lg\:via-purple-300 {
+    --gradient-via-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .lg\:mid-purple-400 {
-    --gradient-mid-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
+  .lg\:via-purple-400 {
+    --gradient-via-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .lg\:mid-purple-500 {
-    --gradient-mid-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
+  .lg\:via-purple-500 {
+    --gradient-via-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .lg\:mid-purple-600 {
-    --gradient-mid-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
+  .lg\:via-purple-600 {
+    --gradient-via-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .lg\:mid-purple-700 {
-    --gradient-mid-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
+  .lg\:via-purple-700 {
+    --gradient-via-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .lg\:mid-purple-800 {
-    --gradient-mid-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
+  .lg\:via-purple-800 {
+    --gradient-via-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .lg\:mid-purple-900 {
-    --gradient-mid-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
+  .lg\:via-purple-900 {
+    --gradient-via-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .lg\:mid-pink-100 {
-    --gradient-mid-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
+  .lg\:via-pink-100 {
+    --gradient-via-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .lg\:mid-pink-200 {
-    --gradient-mid-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
+  .lg\:via-pink-200 {
+    --gradient-via-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .lg\:mid-pink-300 {
-    --gradient-mid-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
+  .lg\:via-pink-300 {
+    --gradient-via-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .lg\:mid-pink-400 {
-    --gradient-mid-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
+  .lg\:via-pink-400 {
+    --gradient-via-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .lg\:mid-pink-500 {
-    --gradient-mid-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
+  .lg\:via-pink-500 {
+    --gradient-via-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .lg\:mid-pink-600 {
-    --gradient-mid-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
+  .lg\:via-pink-600 {
+    --gradient-via-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .lg\:mid-pink-700 {
-    --gradient-mid-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
+  .lg\:via-pink-700 {
+    --gradient-via-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .lg\:mid-pink-800 {
-    --gradient-mid-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
+  .lg\:via-pink-800 {
+    --gradient-via-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .lg\:mid-pink-900 {
-    --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  .lg\:via-pink-900 {
+    --gradient-via-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
   .lg\:to-transparent {
@@ -59347,474 +59347,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .lg\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .lg\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .lg\:hover\:via-current:hover {
+    --gradient-via-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:hover\:mid-black:hover {
-    --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .lg\:hover\:via-black:hover {
+    --gradient-via-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:hover\:mid-white:hover {
-    --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .lg\:hover\:via-white:hover {
+    --gradient-via-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
+  .lg\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .lg\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
+  .lg\:hover\:via-gray-200:hover {
+    --gradient-via-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .lg\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
+  .lg\:hover\:via-gray-300:hover {
+    --gradient-via-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .lg\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
+  .lg\:hover\:via-gray-400:hover {
+    --gradient-via-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .lg\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
+  .lg\:hover\:via-gray-500:hover {
+    --gradient-via-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .lg\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
+  .lg\:hover\:via-gray-600:hover {
+    --gradient-via-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .lg\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
+  .lg\:hover\:via-gray-700:hover {
+    --gradient-via-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .lg\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
+  .lg\:hover\:via-gray-800:hover {
+    --gradient-via-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .lg\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
+  .lg\:hover\:via-gray-900:hover {
+    --gradient-via-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .lg\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
+  .lg\:hover\:via-red-100:hover {
+    --gradient-via-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .lg\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
+  .lg\:hover\:via-red-200:hover {
+    --gradient-via-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .lg\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
+  .lg\:hover\:via-red-300:hover {
+    --gradient-via-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .lg\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
+  .lg\:hover\:via-red-400:hover {
+    --gradient-via-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .lg\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
+  .lg\:hover\:via-red-500:hover {
+    --gradient-via-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .lg\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
+  .lg\:hover\:via-red-600:hover {
+    --gradient-via-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .lg\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
+  .lg\:hover\:via-red-700:hover {
+    --gradient-via-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .lg\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
+  .lg\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .lg\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
+  .lg\:hover\:via-red-900:hover {
+    --gradient-via-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .lg\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
+  .lg\:hover\:via-orange-100:hover {
+    --gradient-via-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .lg\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
+  .lg\:hover\:via-orange-200:hover {
+    --gradient-via-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .lg\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
+  .lg\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .lg\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
+  .lg\:hover\:via-orange-400:hover {
+    --gradient-via-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .lg\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
+  .lg\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .lg\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
+  .lg\:hover\:via-orange-600:hover {
+    --gradient-via-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .lg\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
+  .lg\:hover\:via-orange-700:hover {
+    --gradient-via-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .lg\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
+  .lg\:hover\:via-orange-800:hover {
+    --gradient-via-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .lg\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
+  .lg\:hover\:via-orange-900:hover {
+    --gradient-via-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .lg\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
+  .lg\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .lg\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
+  .lg\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .lg\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
+  .lg\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .lg\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
+  .lg\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .lg\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
+  .lg\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .lg\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
+  .lg\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .lg\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
+  .lg\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .lg\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
+  .lg\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .lg\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
+  .lg\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .lg\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
+  .lg\:hover\:via-green-100:hover {
+    --gradient-via-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .lg\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
+  .lg\:hover\:via-green-200:hover {
+    --gradient-via-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .lg\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
+  .lg\:hover\:via-green-300:hover {
+    --gradient-via-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .lg\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
+  .lg\:hover\:via-green-400:hover {
+    --gradient-via-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .lg\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
+  .lg\:hover\:via-green-500:hover {
+    --gradient-via-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .lg\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
+  .lg\:hover\:via-green-600:hover {
+    --gradient-via-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .lg\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
+  .lg\:hover\:via-green-700:hover {
+    --gradient-via-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .lg\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
+  .lg\:hover\:via-green-800:hover {
+    --gradient-via-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .lg\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
+  .lg\:hover\:via-green-900:hover {
+    --gradient-via-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .lg\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
+  .lg\:hover\:via-teal-100:hover {
+    --gradient-via-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .lg\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
+  .lg\:hover\:via-teal-200:hover {
+    --gradient-via-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .lg\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
+  .lg\:hover\:via-teal-300:hover {
+    --gradient-via-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .lg\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
+  .lg\:hover\:via-teal-400:hover {
+    --gradient-via-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .lg\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
+  .lg\:hover\:via-teal-500:hover {
+    --gradient-via-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .lg\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
+  .lg\:hover\:via-teal-600:hover {
+    --gradient-via-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .lg\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
+  .lg\:hover\:via-teal-700:hover {
+    --gradient-via-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .lg\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
+  .lg\:hover\:via-teal-800:hover {
+    --gradient-via-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .lg\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
+  .lg\:hover\:via-teal-900:hover {
+    --gradient-via-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .lg\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
+  .lg\:hover\:via-blue-100:hover {
+    --gradient-via-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .lg\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
+  .lg\:hover\:via-blue-200:hover {
+    --gradient-via-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .lg\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
+  .lg\:hover\:via-blue-300:hover {
+    --gradient-via-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .lg\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
+  .lg\:hover\:via-blue-400:hover {
+    --gradient-via-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .lg\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
+  .lg\:hover\:via-blue-500:hover {
+    --gradient-via-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .lg\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
+  .lg\:hover\:via-blue-600:hover {
+    --gradient-via-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .lg\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
+  .lg\:hover\:via-blue-700:hover {
+    --gradient-via-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .lg\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
+  .lg\:hover\:via-blue-800:hover {
+    --gradient-via-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .lg\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
+  .lg\:hover\:via-blue-900:hover {
+    --gradient-via-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .lg\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
+  .lg\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .lg\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
+  .lg\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .lg\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
+  .lg\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .lg\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
+  .lg\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .lg\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
+  .lg\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .lg\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
+  .lg\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .lg\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
+  .lg\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .lg\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
+  .lg\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .lg\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
+  .lg\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .lg\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
+  .lg\:hover\:via-purple-100:hover {
+    --gradient-via-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .lg\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
+  .lg\:hover\:via-purple-200:hover {
+    --gradient-via-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .lg\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
+  .lg\:hover\:via-purple-300:hover {
+    --gradient-via-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .lg\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
+  .lg\:hover\:via-purple-400:hover {
+    --gradient-via-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .lg\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
+  .lg\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .lg\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
+  .lg\:hover\:via-purple-600:hover {
+    --gradient-via-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .lg\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
+  .lg\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .lg\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
+  .lg\:hover\:via-purple-800:hover {
+    --gradient-via-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .lg\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
+  .lg\:hover\:via-purple-900:hover {
+    --gradient-via-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .lg\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
+  .lg\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .lg\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
+  .lg\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .lg\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
+  .lg\:hover\:via-pink-300:hover {
+    --gradient-via-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .lg\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
+  .lg\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .lg\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
+  .lg\:hover\:via-pink-500:hover {
+    --gradient-via-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .lg\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
+  .lg\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .lg\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
+  .lg\:hover\:via-pink-700:hover {
+    --gradient-via-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .lg\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
+  .lg\:hover\:via-pink-800:hover {
+    --gradient-via-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .lg\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  .lg\:hover\:via-pink-900:hover {
+    --gradient-via-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
   .lg\:hover\:to-transparent:hover {
@@ -60663,474 +60663,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .lg\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .lg\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .lg\:focus\:via-current:focus {
+    --gradient-via-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:focus\:mid-black:focus {
-    --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .lg\:focus\:via-black:focus {
+    --gradient-via-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .lg\:focus\:mid-white:focus {
-    --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .lg\:focus\:via-white:focus {
+    --gradient-via-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .lg\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
+  .lg\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .lg\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
+  .lg\:focus\:via-gray-200:focus {
+    --gradient-via-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .lg\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
+  .lg\:focus\:via-gray-300:focus {
+    --gradient-via-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .lg\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
+  .lg\:focus\:via-gray-400:focus {
+    --gradient-via-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .lg\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
+  .lg\:focus\:via-gray-500:focus {
+    --gradient-via-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .lg\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
+  .lg\:focus\:via-gray-600:focus {
+    --gradient-via-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .lg\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
+  .lg\:focus\:via-gray-700:focus {
+    --gradient-via-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .lg\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
+  .lg\:focus\:via-gray-800:focus {
+    --gradient-via-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .lg\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
+  .lg\:focus\:via-gray-900:focus {
+    --gradient-via-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .lg\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
+  .lg\:focus\:via-red-100:focus {
+    --gradient-via-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .lg\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
+  .lg\:focus\:via-red-200:focus {
+    --gradient-via-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .lg\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
+  .lg\:focus\:via-red-300:focus {
+    --gradient-via-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .lg\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
+  .lg\:focus\:via-red-400:focus {
+    --gradient-via-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .lg\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
+  .lg\:focus\:via-red-500:focus {
+    --gradient-via-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .lg\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
+  .lg\:focus\:via-red-600:focus {
+    --gradient-via-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .lg\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
+  .lg\:focus\:via-red-700:focus {
+    --gradient-via-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .lg\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
+  .lg\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .lg\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
+  .lg\:focus\:via-red-900:focus {
+    --gradient-via-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .lg\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
+  .lg\:focus\:via-orange-100:focus {
+    --gradient-via-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .lg\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
+  .lg\:focus\:via-orange-200:focus {
+    --gradient-via-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .lg\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
+  .lg\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .lg\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
+  .lg\:focus\:via-orange-400:focus {
+    --gradient-via-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .lg\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
+  .lg\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .lg\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
+  .lg\:focus\:via-orange-600:focus {
+    --gradient-via-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .lg\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
+  .lg\:focus\:via-orange-700:focus {
+    --gradient-via-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .lg\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
+  .lg\:focus\:via-orange-800:focus {
+    --gradient-via-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .lg\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
+  .lg\:focus\:via-orange-900:focus {
+    --gradient-via-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .lg\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
+  .lg\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .lg\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
+  .lg\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .lg\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
+  .lg\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .lg\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
+  .lg\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .lg\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
+  .lg\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .lg\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
+  .lg\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .lg\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
+  .lg\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .lg\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
+  .lg\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .lg\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
+  .lg\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .lg\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
+  .lg\:focus\:via-green-100:focus {
+    --gradient-via-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .lg\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
+  .lg\:focus\:via-green-200:focus {
+    --gradient-via-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .lg\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
+  .lg\:focus\:via-green-300:focus {
+    --gradient-via-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .lg\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
+  .lg\:focus\:via-green-400:focus {
+    --gradient-via-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .lg\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
+  .lg\:focus\:via-green-500:focus {
+    --gradient-via-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .lg\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
+  .lg\:focus\:via-green-600:focus {
+    --gradient-via-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .lg\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
+  .lg\:focus\:via-green-700:focus {
+    --gradient-via-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .lg\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
+  .lg\:focus\:via-green-800:focus {
+    --gradient-via-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .lg\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
+  .lg\:focus\:via-green-900:focus {
+    --gradient-via-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .lg\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
+  .lg\:focus\:via-teal-100:focus {
+    --gradient-via-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .lg\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
+  .lg\:focus\:via-teal-200:focus {
+    --gradient-via-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .lg\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
+  .lg\:focus\:via-teal-300:focus {
+    --gradient-via-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .lg\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
+  .lg\:focus\:via-teal-400:focus {
+    --gradient-via-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .lg\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
+  .lg\:focus\:via-teal-500:focus {
+    --gradient-via-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .lg\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
+  .lg\:focus\:via-teal-600:focus {
+    --gradient-via-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .lg\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
+  .lg\:focus\:via-teal-700:focus {
+    --gradient-via-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .lg\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
+  .lg\:focus\:via-teal-800:focus {
+    --gradient-via-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .lg\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
+  .lg\:focus\:via-teal-900:focus {
+    --gradient-via-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .lg\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
+  .lg\:focus\:via-blue-100:focus {
+    --gradient-via-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .lg\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
+  .lg\:focus\:via-blue-200:focus {
+    --gradient-via-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .lg\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
+  .lg\:focus\:via-blue-300:focus {
+    --gradient-via-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .lg\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
+  .lg\:focus\:via-blue-400:focus {
+    --gradient-via-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .lg\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
+  .lg\:focus\:via-blue-500:focus {
+    --gradient-via-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .lg\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
+  .lg\:focus\:via-blue-600:focus {
+    --gradient-via-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .lg\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
+  .lg\:focus\:via-blue-700:focus {
+    --gradient-via-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .lg\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
+  .lg\:focus\:via-blue-800:focus {
+    --gradient-via-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .lg\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
+  .lg\:focus\:via-blue-900:focus {
+    --gradient-via-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .lg\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
+  .lg\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .lg\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
+  .lg\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .lg\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
+  .lg\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .lg\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
+  .lg\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .lg\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
+  .lg\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .lg\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
+  .lg\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .lg\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
+  .lg\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .lg\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
+  .lg\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .lg\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
+  .lg\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .lg\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
+  .lg\:focus\:via-purple-100:focus {
+    --gradient-via-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .lg\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
+  .lg\:focus\:via-purple-200:focus {
+    --gradient-via-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .lg\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
+  .lg\:focus\:via-purple-300:focus {
+    --gradient-via-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .lg\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
+  .lg\:focus\:via-purple-400:focus {
+    --gradient-via-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .lg\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
+  .lg\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .lg\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
+  .lg\:focus\:via-purple-600:focus {
+    --gradient-via-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .lg\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
+  .lg\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .lg\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
+  .lg\:focus\:via-purple-800:focus {
+    --gradient-via-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .lg\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
+  .lg\:focus\:via-purple-900:focus {
+    --gradient-via-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .lg\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
+  .lg\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .lg\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
+  .lg\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .lg\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
+  .lg\:focus\:via-pink-300:focus {
+    --gradient-via-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .lg\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
+  .lg\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .lg\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
+  .lg\:focus\:via-pink-500:focus {
+    --gradient-via-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .lg\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
+  .lg\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .lg\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
+  .lg\:focus\:via-pink-700:focus {
+    --gradient-via-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .lg\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
+  .lg\:focus\:via-pink-800:focus {
+    --gradient-via-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .lg\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  .lg\:focus\:via-pink-900:focus {
+    --gradient-via-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
   .lg\:focus\:to-transparent:focus {
@@ -76043,474 +76043,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .xl\:mid-transparent {
-    --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .xl\:via-transparent {
+    --gradient-via-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:mid-current {
-    --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .xl\:via-current {
+    --gradient-via-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:mid-black {
-    --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .xl\:via-black {
+    --gradient-via-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:mid-white {
-    --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .xl\:via-white {
+    --gradient-via-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:mid-gray-100 {
-    --gradient-mid-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
+  .xl\:via-gray-100 {
+    --gradient-via-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .xl\:mid-gray-200 {
-    --gradient-mid-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
+  .xl\:via-gray-200 {
+    --gradient-via-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .xl\:mid-gray-300 {
-    --gradient-mid-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
+  .xl\:via-gray-300 {
+    --gradient-via-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .xl\:mid-gray-400 {
-    --gradient-mid-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
+  .xl\:via-gray-400 {
+    --gradient-via-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .xl\:mid-gray-500 {
-    --gradient-mid-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
+  .xl\:via-gray-500 {
+    --gradient-via-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .xl\:mid-gray-600 {
-    --gradient-mid-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
+  .xl\:via-gray-600 {
+    --gradient-via-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .xl\:mid-gray-700 {
-    --gradient-mid-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
+  .xl\:via-gray-700 {
+    --gradient-via-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .xl\:mid-gray-800 {
-    --gradient-mid-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
+  .xl\:via-gray-800 {
+    --gradient-via-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .xl\:mid-gray-900 {
-    --gradient-mid-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
+  .xl\:via-gray-900 {
+    --gradient-via-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .xl\:mid-red-100 {
-    --gradient-mid-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
+  .xl\:via-red-100 {
+    --gradient-via-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .xl\:mid-red-200 {
-    --gradient-mid-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
+  .xl\:via-red-200 {
+    --gradient-via-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .xl\:mid-red-300 {
-    --gradient-mid-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
+  .xl\:via-red-300 {
+    --gradient-via-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .xl\:mid-red-400 {
-    --gradient-mid-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
+  .xl\:via-red-400 {
+    --gradient-via-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .xl\:mid-red-500 {
-    --gradient-mid-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
+  .xl\:via-red-500 {
+    --gradient-via-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .xl\:mid-red-600 {
-    --gradient-mid-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
+  .xl\:via-red-600 {
+    --gradient-via-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .xl\:mid-red-700 {
-    --gradient-mid-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
+  .xl\:via-red-700 {
+    --gradient-via-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .xl\:mid-red-800 {
-    --gradient-mid-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
+  .xl\:via-red-800 {
+    --gradient-via-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .xl\:mid-red-900 {
-    --gradient-mid-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
+  .xl\:via-red-900 {
+    --gradient-via-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .xl\:mid-orange-100 {
-    --gradient-mid-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
+  .xl\:via-orange-100 {
+    --gradient-via-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .xl\:mid-orange-200 {
-    --gradient-mid-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
+  .xl\:via-orange-200 {
+    --gradient-via-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .xl\:mid-orange-300 {
-    --gradient-mid-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
+  .xl\:via-orange-300 {
+    --gradient-via-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .xl\:mid-orange-400 {
-    --gradient-mid-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
+  .xl\:via-orange-400 {
+    --gradient-via-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .xl\:mid-orange-500 {
-    --gradient-mid-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
+  .xl\:via-orange-500 {
+    --gradient-via-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .xl\:mid-orange-600 {
-    --gradient-mid-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
+  .xl\:via-orange-600 {
+    --gradient-via-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .xl\:mid-orange-700 {
-    --gradient-mid-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
+  .xl\:via-orange-700 {
+    --gradient-via-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .xl\:mid-orange-800 {
-    --gradient-mid-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
+  .xl\:via-orange-800 {
+    --gradient-via-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .xl\:mid-orange-900 {
-    --gradient-mid-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
+  .xl\:via-orange-900 {
+    --gradient-via-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .xl\:mid-yellow-100 {
-    --gradient-mid-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
+  .xl\:via-yellow-100 {
+    --gradient-via-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .xl\:mid-yellow-200 {
-    --gradient-mid-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
+  .xl\:via-yellow-200 {
+    --gradient-via-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .xl\:mid-yellow-300 {
-    --gradient-mid-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
+  .xl\:via-yellow-300 {
+    --gradient-via-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .xl\:mid-yellow-400 {
-    --gradient-mid-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
+  .xl\:via-yellow-400 {
+    --gradient-via-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .xl\:mid-yellow-500 {
-    --gradient-mid-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
+  .xl\:via-yellow-500 {
+    --gradient-via-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .xl\:mid-yellow-600 {
-    --gradient-mid-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
+  .xl\:via-yellow-600 {
+    --gradient-via-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .xl\:mid-yellow-700 {
-    --gradient-mid-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
+  .xl\:via-yellow-700 {
+    --gradient-via-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .xl\:mid-yellow-800 {
-    --gradient-mid-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
+  .xl\:via-yellow-800 {
+    --gradient-via-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .xl\:mid-yellow-900 {
-    --gradient-mid-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
+  .xl\:via-yellow-900 {
+    --gradient-via-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .xl\:mid-green-100 {
-    --gradient-mid-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
+  .xl\:via-green-100 {
+    --gradient-via-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .xl\:mid-green-200 {
-    --gradient-mid-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
+  .xl\:via-green-200 {
+    --gradient-via-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .xl\:mid-green-300 {
-    --gradient-mid-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
+  .xl\:via-green-300 {
+    --gradient-via-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .xl\:mid-green-400 {
-    --gradient-mid-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
+  .xl\:via-green-400 {
+    --gradient-via-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .xl\:mid-green-500 {
-    --gradient-mid-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
+  .xl\:via-green-500 {
+    --gradient-via-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .xl\:mid-green-600 {
-    --gradient-mid-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
+  .xl\:via-green-600 {
+    --gradient-via-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .xl\:mid-green-700 {
-    --gradient-mid-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
+  .xl\:via-green-700 {
+    --gradient-via-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .xl\:mid-green-800 {
-    --gradient-mid-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
+  .xl\:via-green-800 {
+    --gradient-via-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .xl\:mid-green-900 {
-    --gradient-mid-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
+  .xl\:via-green-900 {
+    --gradient-via-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .xl\:mid-teal-100 {
-    --gradient-mid-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
+  .xl\:via-teal-100 {
+    --gradient-via-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .xl\:mid-teal-200 {
-    --gradient-mid-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
+  .xl\:via-teal-200 {
+    --gradient-via-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .xl\:mid-teal-300 {
-    --gradient-mid-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
+  .xl\:via-teal-300 {
+    --gradient-via-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .xl\:mid-teal-400 {
-    --gradient-mid-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
+  .xl\:via-teal-400 {
+    --gradient-via-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .xl\:mid-teal-500 {
-    --gradient-mid-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
+  .xl\:via-teal-500 {
+    --gradient-via-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .xl\:mid-teal-600 {
-    --gradient-mid-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
+  .xl\:via-teal-600 {
+    --gradient-via-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .xl\:mid-teal-700 {
-    --gradient-mid-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
+  .xl\:via-teal-700 {
+    --gradient-via-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .xl\:mid-teal-800 {
-    --gradient-mid-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
+  .xl\:via-teal-800 {
+    --gradient-via-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .xl\:mid-teal-900 {
-    --gradient-mid-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
+  .xl\:via-teal-900 {
+    --gradient-via-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .xl\:mid-blue-100 {
-    --gradient-mid-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
+  .xl\:via-blue-100 {
+    --gradient-via-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .xl\:mid-blue-200 {
-    --gradient-mid-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
+  .xl\:via-blue-200 {
+    --gradient-via-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .xl\:mid-blue-300 {
-    --gradient-mid-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
+  .xl\:via-blue-300 {
+    --gradient-via-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .xl\:mid-blue-400 {
-    --gradient-mid-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
+  .xl\:via-blue-400 {
+    --gradient-via-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .xl\:mid-blue-500 {
-    --gradient-mid-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
+  .xl\:via-blue-500 {
+    --gradient-via-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .xl\:mid-blue-600 {
-    --gradient-mid-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
+  .xl\:via-blue-600 {
+    --gradient-via-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .xl\:mid-blue-700 {
-    --gradient-mid-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
+  .xl\:via-blue-700 {
+    --gradient-via-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .xl\:mid-blue-800 {
-    --gradient-mid-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
+  .xl\:via-blue-800 {
+    --gradient-via-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .xl\:mid-blue-900 {
-    --gradient-mid-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
+  .xl\:via-blue-900 {
+    --gradient-via-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .xl\:mid-indigo-100 {
-    --gradient-mid-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
+  .xl\:via-indigo-100 {
+    --gradient-via-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .xl\:mid-indigo-200 {
-    --gradient-mid-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
+  .xl\:via-indigo-200 {
+    --gradient-via-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .xl\:mid-indigo-300 {
-    --gradient-mid-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
+  .xl\:via-indigo-300 {
+    --gradient-via-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .xl\:mid-indigo-400 {
-    --gradient-mid-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
+  .xl\:via-indigo-400 {
+    --gradient-via-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .xl\:mid-indigo-500 {
-    --gradient-mid-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
+  .xl\:via-indigo-500 {
+    --gradient-via-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .xl\:mid-indigo-600 {
-    --gradient-mid-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
+  .xl\:via-indigo-600 {
+    --gradient-via-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .xl\:mid-indigo-700 {
-    --gradient-mid-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
+  .xl\:via-indigo-700 {
+    --gradient-via-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .xl\:mid-indigo-800 {
-    --gradient-mid-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
+  .xl\:via-indigo-800 {
+    --gradient-via-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .xl\:mid-indigo-900 {
-    --gradient-mid-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
+  .xl\:via-indigo-900 {
+    --gradient-via-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .xl\:mid-purple-100 {
-    --gradient-mid-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
+  .xl\:via-purple-100 {
+    --gradient-via-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .xl\:mid-purple-200 {
-    --gradient-mid-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
+  .xl\:via-purple-200 {
+    --gradient-via-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .xl\:mid-purple-300 {
-    --gradient-mid-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
+  .xl\:via-purple-300 {
+    --gradient-via-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .xl\:mid-purple-400 {
-    --gradient-mid-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
+  .xl\:via-purple-400 {
+    --gradient-via-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .xl\:mid-purple-500 {
-    --gradient-mid-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
+  .xl\:via-purple-500 {
+    --gradient-via-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .xl\:mid-purple-600 {
-    --gradient-mid-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
+  .xl\:via-purple-600 {
+    --gradient-via-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .xl\:mid-purple-700 {
-    --gradient-mid-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
+  .xl\:via-purple-700 {
+    --gradient-via-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .xl\:mid-purple-800 {
-    --gradient-mid-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
+  .xl\:via-purple-800 {
+    --gradient-via-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .xl\:mid-purple-900 {
-    --gradient-mid-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
+  .xl\:via-purple-900 {
+    --gradient-via-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .xl\:mid-pink-100 {
-    --gradient-mid-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
+  .xl\:via-pink-100 {
+    --gradient-via-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .xl\:mid-pink-200 {
-    --gradient-mid-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
+  .xl\:via-pink-200 {
+    --gradient-via-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .xl\:mid-pink-300 {
-    --gradient-mid-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
+  .xl\:via-pink-300 {
+    --gradient-via-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .xl\:mid-pink-400 {
-    --gradient-mid-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
+  .xl\:via-pink-400 {
+    --gradient-via-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .xl\:mid-pink-500 {
-    --gradient-mid-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
+  .xl\:via-pink-500 {
+    --gradient-via-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .xl\:mid-pink-600 {
-    --gradient-mid-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
+  .xl\:via-pink-600 {
+    --gradient-via-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .xl\:mid-pink-700 {
-    --gradient-mid-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
+  .xl\:via-pink-700 {
+    --gradient-via-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .xl\:mid-pink-800 {
-    --gradient-mid-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
+  .xl\:via-pink-800 {
+    --gradient-via-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .xl\:mid-pink-900 {
-    --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  .xl\:via-pink-900 {
+    --gradient-via-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
   .xl\:to-transparent {
@@ -77359,474 +77359,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .xl\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .xl\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .xl\:hover\:via-current:hover {
+    --gradient-via-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:hover\:mid-black:hover {
-    --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .xl\:hover\:via-black:hover {
+    --gradient-via-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:hover\:mid-white:hover {
-    --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .xl\:hover\:via-white:hover {
+    --gradient-via-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
+  .xl\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .xl\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
+  .xl\:hover\:via-gray-200:hover {
+    --gradient-via-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .xl\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
+  .xl\:hover\:via-gray-300:hover {
+    --gradient-via-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .xl\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
+  .xl\:hover\:via-gray-400:hover {
+    --gradient-via-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .xl\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
+  .xl\:hover\:via-gray-500:hover {
+    --gradient-via-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .xl\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
+  .xl\:hover\:via-gray-600:hover {
+    --gradient-via-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .xl\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
+  .xl\:hover\:via-gray-700:hover {
+    --gradient-via-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .xl\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
+  .xl\:hover\:via-gray-800:hover {
+    --gradient-via-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .xl\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
+  .xl\:hover\:via-gray-900:hover {
+    --gradient-via-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .xl\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
+  .xl\:hover\:via-red-100:hover {
+    --gradient-via-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .xl\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
+  .xl\:hover\:via-red-200:hover {
+    --gradient-via-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .xl\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
+  .xl\:hover\:via-red-300:hover {
+    --gradient-via-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .xl\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
+  .xl\:hover\:via-red-400:hover {
+    --gradient-via-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .xl\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
+  .xl\:hover\:via-red-500:hover {
+    --gradient-via-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .xl\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
+  .xl\:hover\:via-red-600:hover {
+    --gradient-via-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .xl\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
+  .xl\:hover\:via-red-700:hover {
+    --gradient-via-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .xl\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
+  .xl\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .xl\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
+  .xl\:hover\:via-red-900:hover {
+    --gradient-via-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .xl\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
+  .xl\:hover\:via-orange-100:hover {
+    --gradient-via-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .xl\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
+  .xl\:hover\:via-orange-200:hover {
+    --gradient-via-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .xl\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
+  .xl\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .xl\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
+  .xl\:hover\:via-orange-400:hover {
+    --gradient-via-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .xl\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
+  .xl\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .xl\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
+  .xl\:hover\:via-orange-600:hover {
+    --gradient-via-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .xl\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
+  .xl\:hover\:via-orange-700:hover {
+    --gradient-via-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .xl\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
+  .xl\:hover\:via-orange-800:hover {
+    --gradient-via-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .xl\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
+  .xl\:hover\:via-orange-900:hover {
+    --gradient-via-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .xl\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
+  .xl\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .xl\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
+  .xl\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .xl\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
+  .xl\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .xl\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
+  .xl\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .xl\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
+  .xl\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .xl\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
+  .xl\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .xl\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
+  .xl\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .xl\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
+  .xl\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .xl\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
+  .xl\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .xl\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
+  .xl\:hover\:via-green-100:hover {
+    --gradient-via-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .xl\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
+  .xl\:hover\:via-green-200:hover {
+    --gradient-via-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .xl\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
+  .xl\:hover\:via-green-300:hover {
+    --gradient-via-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .xl\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
+  .xl\:hover\:via-green-400:hover {
+    --gradient-via-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .xl\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
+  .xl\:hover\:via-green-500:hover {
+    --gradient-via-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .xl\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
+  .xl\:hover\:via-green-600:hover {
+    --gradient-via-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .xl\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
+  .xl\:hover\:via-green-700:hover {
+    --gradient-via-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .xl\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
+  .xl\:hover\:via-green-800:hover {
+    --gradient-via-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .xl\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
+  .xl\:hover\:via-green-900:hover {
+    --gradient-via-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .xl\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
+  .xl\:hover\:via-teal-100:hover {
+    --gradient-via-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .xl\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
+  .xl\:hover\:via-teal-200:hover {
+    --gradient-via-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .xl\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
+  .xl\:hover\:via-teal-300:hover {
+    --gradient-via-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .xl\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
+  .xl\:hover\:via-teal-400:hover {
+    --gradient-via-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .xl\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
+  .xl\:hover\:via-teal-500:hover {
+    --gradient-via-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .xl\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
+  .xl\:hover\:via-teal-600:hover {
+    --gradient-via-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .xl\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
+  .xl\:hover\:via-teal-700:hover {
+    --gradient-via-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .xl\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
+  .xl\:hover\:via-teal-800:hover {
+    --gradient-via-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .xl\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
+  .xl\:hover\:via-teal-900:hover {
+    --gradient-via-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .xl\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
+  .xl\:hover\:via-blue-100:hover {
+    --gradient-via-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .xl\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
+  .xl\:hover\:via-blue-200:hover {
+    --gradient-via-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .xl\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
+  .xl\:hover\:via-blue-300:hover {
+    --gradient-via-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .xl\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
+  .xl\:hover\:via-blue-400:hover {
+    --gradient-via-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .xl\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
+  .xl\:hover\:via-blue-500:hover {
+    --gradient-via-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .xl\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
+  .xl\:hover\:via-blue-600:hover {
+    --gradient-via-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .xl\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
+  .xl\:hover\:via-blue-700:hover {
+    --gradient-via-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .xl\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
+  .xl\:hover\:via-blue-800:hover {
+    --gradient-via-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .xl\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
+  .xl\:hover\:via-blue-900:hover {
+    --gradient-via-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .xl\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
+  .xl\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .xl\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
+  .xl\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .xl\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
+  .xl\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .xl\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
+  .xl\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .xl\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
+  .xl\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .xl\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
+  .xl\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .xl\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
+  .xl\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .xl\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
+  .xl\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .xl\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
+  .xl\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .xl\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
+  .xl\:hover\:via-purple-100:hover {
+    --gradient-via-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .xl\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
+  .xl\:hover\:via-purple-200:hover {
+    --gradient-via-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .xl\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
+  .xl\:hover\:via-purple-300:hover {
+    --gradient-via-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .xl\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
+  .xl\:hover\:via-purple-400:hover {
+    --gradient-via-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .xl\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
+  .xl\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .xl\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
+  .xl\:hover\:via-purple-600:hover {
+    --gradient-via-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .xl\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
+  .xl\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .xl\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
+  .xl\:hover\:via-purple-800:hover {
+    --gradient-via-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .xl\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
+  .xl\:hover\:via-purple-900:hover {
+    --gradient-via-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .xl\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
+  .xl\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .xl\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
+  .xl\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .xl\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
+  .xl\:hover\:via-pink-300:hover {
+    --gradient-via-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .xl\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
+  .xl\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .xl\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
+  .xl\:hover\:via-pink-500:hover {
+    --gradient-via-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .xl\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
+  .xl\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .xl\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
+  .xl\:hover\:via-pink-700:hover {
+    --gradient-via-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .xl\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
+  .xl\:hover\:via-pink-800:hover {
+    --gradient-via-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .xl\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  .xl\:hover\:via-pink-900:hover {
+    --gradient-via-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
   .xl\:hover\:to-transparent:hover {
@@ -78675,474 +78675,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
-  .xl\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .xl\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .xl\:focus\:via-current:focus {
+    --gradient-via-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:focus\:mid-black:focus {
-    --gradient-mid-color: #000 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
+  .xl\:focus\:via-black:focus {
+    --gradient-via-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
   }
 
-  .xl\:focus\:mid-white:focus {
-    --gradient-mid-color: #fff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
+  .xl\:focus\:via-white:focus {
+    --gradient-via-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
   }
 
-  .xl\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f7fafc !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
+  .xl\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
   }
 
-  .xl\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #edf2f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
+  .xl\:focus\:via-gray-200:focus {
+    --gradient-via-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
   }
 
-  .xl\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #e2e8f0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
+  .xl\:focus\:via-gray-300:focus {
+    --gradient-via-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
   }
 
-  .xl\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #cbd5e0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
+  .xl\:focus\:via-gray-400:focus {
+    --gradient-via-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
   }
 
-  .xl\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #a0aec0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
+  .xl\:focus\:via-gray-500:focus {
+    --gradient-via-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
   }
 
-  .xl\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #718096 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
+  .xl\:focus\:via-gray-600:focus {
+    --gradient-via-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
   }
 
-  .xl\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #4a5568 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
+  .xl\:focus\:via-gray-700:focus {
+    --gradient-via-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
   }
 
-  .xl\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #2d3748 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
+  .xl\:focus\:via-gray-800:focus {
+    --gradient-via-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
   }
 
-  .xl\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #1a202c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
+  .xl\:focus\:via-gray-900:focus {
+    --gradient-via-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
   }
 
-  .xl\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fff5f5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
+  .xl\:focus\:via-red-100:focus {
+    --gradient-via-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0)) !important;
   }
 
-  .xl\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fed7d7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
+  .xl\:focus\:via-red-200:focus {
+    --gradient-via-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0)) !important;
   }
 
-  .xl\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #feb2b2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
+  .xl\:focus\:via-red-300:focus {
+    --gradient-via-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0)) !important;
   }
 
-  .xl\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #fc8181 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
+  .xl\:focus\:via-red-400:focus {
+    --gradient-via-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0)) !important;
   }
 
-  .xl\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f56565 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
+  .xl\:focus\:via-red-500:focus {
+    --gradient-via-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0)) !important;
   }
 
-  .xl\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e53e3e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
+  .xl\:focus\:via-red-600:focus {
+    --gradient-via-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0)) !important;
   }
 
-  .xl\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c53030 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
+  .xl\:focus\:via-red-700:focus {
+    --gradient-via-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0)) !important;
   }
 
-  .xl\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b2c2c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
+  .xl\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0)) !important;
   }
 
-  .xl\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #742a2a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
+  .xl\:focus\:via-red-900:focus {
+    --gradient-via-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0)) !important;
   }
 
-  .xl\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #fffaf0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
+  .xl\:focus\:via-orange-100:focus {
+    --gradient-via-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
   }
 
-  .xl\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #feebc8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
+  .xl\:focus\:via-orange-200:focus {
+    --gradient-via-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
   }
 
-  .xl\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fbd38d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
+  .xl\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
   }
 
-  .xl\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #f6ad55 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
+  .xl\:focus\:via-orange-400:focus {
+    --gradient-via-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
   }
 
-  .xl\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ed8936 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
+  .xl\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
   }
 
-  .xl\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #dd6b20 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
+  .xl\:focus\:via-orange-600:focus {
+    --gradient-via-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
   }
 
-  .xl\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #c05621 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
+  .xl\:focus\:via-orange-700:focus {
+    --gradient-via-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
   }
 
-  .xl\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #9c4221 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
+  .xl\:focus\:via-orange-800:focus {
+    --gradient-via-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
   }
 
-  .xl\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #7b341e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
+  .xl\:focus\:via-orange-900:focus {
+    --gradient-via-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
   }
 
-  .xl\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fffff0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
+  .xl\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
   }
 
-  .xl\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fefcbf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
+  .xl\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
   }
 
-  .xl\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faf089 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
+  .xl\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
   }
 
-  .xl\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #f6e05e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
+  .xl\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
   }
 
-  .xl\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #ecc94b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
+  .xl\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
   }
 
-  .xl\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #d69e2e !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
+  .xl\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
   }
 
-  .xl\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #b7791f !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
+  .xl\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
   }
 
-  .xl\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #975a16 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
+  .xl\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
   }
 
-  .xl\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #744210 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
+  .xl\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
   }
 
-  .xl\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #f0fff4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
+  .xl\:focus\:via-green-100:focus {
+    --gradient-via-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
   }
 
-  .xl\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #c6f6d5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
+  .xl\:focus\:via-green-200:focus {
+    --gradient-via-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
   }
 
-  .xl\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #9ae6b4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
+  .xl\:focus\:via-green-300:focus {
+    --gradient-via-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
   }
 
-  .xl\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #68d391 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
+  .xl\:focus\:via-green-400:focus {
+    --gradient-via-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
   }
 
-  .xl\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #48bb78 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
+  .xl\:focus\:via-green-500:focus {
+    --gradient-via-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
   }
 
-  .xl\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #38a169 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
+  .xl\:focus\:via-green-600:focus {
+    --gradient-via-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
   }
 
-  .xl\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #2f855a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
+  .xl\:focus\:via-green-700:focus {
+    --gradient-via-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
   }
 
-  .xl\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #276749 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
+  .xl\:focus\:via-green-800:focus {
+    --gradient-via-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
   }
 
-  .xl\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #22543d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
+  .xl\:focus\:via-green-900:focus {
+    --gradient-via-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
   }
 
-  .xl\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #e6fffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
+  .xl\:focus\:via-teal-100:focus {
+    --gradient-via-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
   }
 
-  .xl\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #b2f5ea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
+  .xl\:focus\:via-teal-200:focus {
+    --gradient-via-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
   }
 
-  .xl\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #81e6d9 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
+  .xl\:focus\:via-teal-300:focus {
+    --gradient-via-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
   }
 
-  .xl\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #4fd1c5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
+  .xl\:focus\:via-teal-400:focus {
+    --gradient-via-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
   }
 
-  .xl\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #38b2ac !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
+  .xl\:focus\:via-teal-500:focus {
+    --gradient-via-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
   }
 
-  .xl\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #319795 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
+  .xl\:focus\:via-teal-600:focus {
+    --gradient-via-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
   }
 
-  .xl\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #2c7a7b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
+  .xl\:focus\:via-teal-700:focus {
+    --gradient-via-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
   }
 
-  .xl\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #285e61 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
+  .xl\:focus\:via-teal-800:focus {
+    --gradient-via-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
   }
 
-  .xl\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #234e52 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
+  .xl\:focus\:via-teal-900:focus {
+    --gradient-via-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
   }
 
-  .xl\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #ebf8ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
+  .xl\:focus\:via-blue-100:focus {
+    --gradient-via-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
   }
 
-  .xl\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #bee3f8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
+  .xl\:focus\:via-blue-200:focus {
+    --gradient-via-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
   }
 
-  .xl\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #90cdf4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
+  .xl\:focus\:via-blue-300:focus {
+    --gradient-via-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
   }
 
-  .xl\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #63b3ed !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
+  .xl\:focus\:via-blue-400:focus {
+    --gradient-via-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
   }
 
-  .xl\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #4299e1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
+  .xl\:focus\:via-blue-500:focus {
+    --gradient-via-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
   }
 
-  .xl\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #3182ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
+  .xl\:focus\:via-blue-600:focus {
+    --gradient-via-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
   }
 
-  .xl\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #2b6cb0 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
+  .xl\:focus\:via-blue-700:focus {
+    --gradient-via-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
   }
 
-  .xl\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #2c5282 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
+  .xl\:focus\:via-blue-800:focus {
+    --gradient-via-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
   }
 
-  .xl\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #2a4365 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
+  .xl\:focus\:via-blue-900:focus {
+    --gradient-via-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
   }
 
-  .xl\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #ebf4ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
+  .xl\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
   }
 
-  .xl\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #c3dafe !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
+  .xl\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
   }
 
-  .xl\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #a3bffa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
+  .xl\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
   }
 
-  .xl\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #7f9cf5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
+  .xl\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
   }
 
-  .xl\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #667eea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
+  .xl\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
   }
 
-  .xl\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5a67d8 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
+  .xl\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
   }
 
-  .xl\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #4c51bf !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
+  .xl\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
   }
 
-  .xl\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #434190 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
+  .xl\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
   }
 
-  .xl\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #3c366b !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
+  .xl\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
   }
 
-  .xl\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #faf5ff !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
+  .xl\:focus\:via-purple-100:focus {
+    --gradient-via-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
   }
 
-  .xl\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #e9d8fd !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
+  .xl\:focus\:via-purple-200:focus {
+    --gradient-via-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
   }
 
-  .xl\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #d6bcfa !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
+  .xl\:focus\:via-purple-300:focus {
+    --gradient-via-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
   }
 
-  .xl\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #b794f4 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
+  .xl\:focus\:via-purple-400:focus {
+    --gradient-via-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
   }
 
-  .xl\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9f7aea !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
+  .xl\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
   }
 
-  .xl\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #805ad5 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
+  .xl\:focus\:via-purple-600:focus {
+    --gradient-via-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
   }
 
-  .xl\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6b46c1 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
+  .xl\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
   }
 
-  .xl\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #553c9a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
+  .xl\:focus\:via-purple-800:focus {
+    --gradient-via-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
   }
 
-  .xl\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #44337a !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
+  .xl\:focus\:via-purple-900:focus {
+    --gradient-via-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
   }
 
-  .xl\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fff5f7 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
+  .xl\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
   }
 
-  .xl\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fed7e2 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
+  .xl\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
   }
 
-  .xl\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #fbb6ce !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
+  .xl\:focus\:via-pink-300:focus {
+    --gradient-via-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
   }
 
-  .xl\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f687b3 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
+  .xl\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
   }
 
-  .xl\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #ed64a6 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
+  .xl\:focus\:via-pink-500:focus {
+    --gradient-via-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
   }
 
-  .xl\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d53f8c !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
+  .xl\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
   }
 
-  .xl\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #b83280 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
+  .xl\:focus\:via-pink-700:focus {
+    --gradient-via-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
   }
 
-  .xl\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #97266d !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
+  .xl\:focus\:via-pink-800:focus {
+    --gradient-via-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
   }
 
-  .xl\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #702459 !important;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
+  .xl\:focus\:via-pink-900:focus {
+    --gradient-via-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
   }
 
   .xl\:focus\:to-transparent:focus {
diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
index 8dd67adec..2773bfe2c 100644
--- a/__tests__/fixtures/tailwind-output-no-color-opacity.css
+++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -3209,474 +3209,474 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.mid-transparent {
-  --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.via-transparent {
+  --gradient-via-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.mid-current {
-  --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.via-current {
+  --gradient-via-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.mid-black {
-  --gradient-mid-color: #000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.via-black {
+  --gradient-via-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.mid-white {
-  --gradient-mid-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.via-white {
+  --gradient-via-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.mid-gray-100 {
-  --gradient-mid-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+.via-gray-100 {
+  --gradient-via-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.mid-gray-200 {
-  --gradient-mid-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+.via-gray-200 {
+  --gradient-via-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.mid-gray-300 {
-  --gradient-mid-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+.via-gray-300 {
+  --gradient-via-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.mid-gray-400 {
-  --gradient-mid-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+.via-gray-400 {
+  --gradient-via-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.mid-gray-500 {
-  --gradient-mid-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+.via-gray-500 {
+  --gradient-via-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.mid-gray-600 {
-  --gradient-mid-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+.via-gray-600 {
+  --gradient-via-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.mid-gray-700 {
-  --gradient-mid-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+.via-gray-700 {
+  --gradient-via-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.mid-gray-800 {
-  --gradient-mid-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+.via-gray-800 {
+  --gradient-via-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.mid-gray-900 {
-  --gradient-mid-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+.via-gray-900 {
+  --gradient-via-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.mid-red-100 {
-  --gradient-mid-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+.via-red-100 {
+  --gradient-via-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.mid-red-200 {
-  --gradient-mid-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+.via-red-200 {
+  --gradient-via-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.mid-red-300 {
-  --gradient-mid-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+.via-red-300 {
+  --gradient-via-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.mid-red-400 {
-  --gradient-mid-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+.via-red-400 {
+  --gradient-via-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.mid-red-500 {
-  --gradient-mid-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+.via-red-500 {
+  --gradient-via-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.mid-red-600 {
-  --gradient-mid-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+.via-red-600 {
+  --gradient-via-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.mid-red-700 {
-  --gradient-mid-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+.via-red-700 {
+  --gradient-via-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.mid-red-800 {
-  --gradient-mid-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+.via-red-800 {
+  --gradient-via-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.mid-red-900 {
-  --gradient-mid-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+.via-red-900 {
+  --gradient-via-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.mid-orange-100 {
-  --gradient-mid-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+.via-orange-100 {
+  --gradient-via-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.mid-orange-200 {
-  --gradient-mid-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+.via-orange-200 {
+  --gradient-via-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.mid-orange-300 {
-  --gradient-mid-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+.via-orange-300 {
+  --gradient-via-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.mid-orange-400 {
-  --gradient-mid-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+.via-orange-400 {
+  --gradient-via-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.mid-orange-500 {
-  --gradient-mid-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+.via-orange-500 {
+  --gradient-via-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.mid-orange-600 {
-  --gradient-mid-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+.via-orange-600 {
+  --gradient-via-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.mid-orange-700 {
-  --gradient-mid-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+.via-orange-700 {
+  --gradient-via-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.mid-orange-800 {
-  --gradient-mid-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+.via-orange-800 {
+  --gradient-via-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.mid-orange-900 {
-  --gradient-mid-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+.via-orange-900 {
+  --gradient-via-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.mid-yellow-100 {
-  --gradient-mid-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+.via-yellow-100 {
+  --gradient-via-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.mid-yellow-200 {
-  --gradient-mid-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+.via-yellow-200 {
+  --gradient-via-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.mid-yellow-300 {
-  --gradient-mid-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+.via-yellow-300 {
+  --gradient-via-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.mid-yellow-400 {
-  --gradient-mid-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+.via-yellow-400 {
+  --gradient-via-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.mid-yellow-500 {
-  --gradient-mid-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+.via-yellow-500 {
+  --gradient-via-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.mid-yellow-600 {
-  --gradient-mid-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+.via-yellow-600 {
+  --gradient-via-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.mid-yellow-700 {
-  --gradient-mid-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+.via-yellow-700 {
+  --gradient-via-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.mid-yellow-800 {
-  --gradient-mid-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+.via-yellow-800 {
+  --gradient-via-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.mid-yellow-900 {
-  --gradient-mid-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+.via-yellow-900 {
+  --gradient-via-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.mid-green-100 {
-  --gradient-mid-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+.via-green-100 {
+  --gradient-via-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.mid-green-200 {
-  --gradient-mid-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+.via-green-200 {
+  --gradient-via-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.mid-green-300 {
-  --gradient-mid-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+.via-green-300 {
+  --gradient-via-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.mid-green-400 {
-  --gradient-mid-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+.via-green-400 {
+  --gradient-via-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.mid-green-500 {
-  --gradient-mid-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+.via-green-500 {
+  --gradient-via-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.mid-green-600 {
-  --gradient-mid-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+.via-green-600 {
+  --gradient-via-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.mid-green-700 {
-  --gradient-mid-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+.via-green-700 {
+  --gradient-via-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.mid-green-800 {
-  --gradient-mid-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+.via-green-800 {
+  --gradient-via-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.mid-green-900 {
-  --gradient-mid-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+.via-green-900 {
+  --gradient-via-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.mid-teal-100 {
-  --gradient-mid-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+.via-teal-100 {
+  --gradient-via-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.mid-teal-200 {
-  --gradient-mid-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+.via-teal-200 {
+  --gradient-via-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.mid-teal-300 {
-  --gradient-mid-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+.via-teal-300 {
+  --gradient-via-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.mid-teal-400 {
-  --gradient-mid-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+.via-teal-400 {
+  --gradient-via-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.mid-teal-500 {
-  --gradient-mid-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+.via-teal-500 {
+  --gradient-via-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.mid-teal-600 {
-  --gradient-mid-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+.via-teal-600 {
+  --gradient-via-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.mid-teal-700 {
-  --gradient-mid-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+.via-teal-700 {
+  --gradient-via-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.mid-teal-800 {
-  --gradient-mid-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+.via-teal-800 {
+  --gradient-via-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.mid-teal-900 {
-  --gradient-mid-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+.via-teal-900 {
+  --gradient-via-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.mid-blue-100 {
-  --gradient-mid-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+.via-blue-100 {
+  --gradient-via-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.mid-blue-200 {
-  --gradient-mid-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+.via-blue-200 {
+  --gradient-via-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.mid-blue-300 {
-  --gradient-mid-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+.via-blue-300 {
+  --gradient-via-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.mid-blue-400 {
-  --gradient-mid-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+.via-blue-400 {
+  --gradient-via-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.mid-blue-500 {
-  --gradient-mid-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+.via-blue-500 {
+  --gradient-via-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.mid-blue-600 {
-  --gradient-mid-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+.via-blue-600 {
+  --gradient-via-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.mid-blue-700 {
-  --gradient-mid-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+.via-blue-700 {
+  --gradient-via-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.mid-blue-800 {
-  --gradient-mid-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+.via-blue-800 {
+  --gradient-via-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.mid-blue-900 {
-  --gradient-mid-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+.via-blue-900 {
+  --gradient-via-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.mid-indigo-100 {
-  --gradient-mid-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+.via-indigo-100 {
+  --gradient-via-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.mid-indigo-200 {
-  --gradient-mid-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+.via-indigo-200 {
+  --gradient-via-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.mid-indigo-300 {
-  --gradient-mid-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+.via-indigo-300 {
+  --gradient-via-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.mid-indigo-400 {
-  --gradient-mid-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+.via-indigo-400 {
+  --gradient-via-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.mid-indigo-500 {
-  --gradient-mid-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+.via-indigo-500 {
+  --gradient-via-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.mid-indigo-600 {
-  --gradient-mid-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+.via-indigo-600 {
+  --gradient-via-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.mid-indigo-700 {
-  --gradient-mid-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+.via-indigo-700 {
+  --gradient-via-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.mid-indigo-800 {
-  --gradient-mid-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+.via-indigo-800 {
+  --gradient-via-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.mid-indigo-900 {
-  --gradient-mid-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+.via-indigo-900 {
+  --gradient-via-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.mid-purple-100 {
-  --gradient-mid-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+.via-purple-100 {
+  --gradient-via-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.mid-purple-200 {
-  --gradient-mid-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+.via-purple-200 {
+  --gradient-via-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.mid-purple-300 {
-  --gradient-mid-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+.via-purple-300 {
+  --gradient-via-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.mid-purple-400 {
-  --gradient-mid-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+.via-purple-400 {
+  --gradient-via-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.mid-purple-500 {
-  --gradient-mid-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+.via-purple-500 {
+  --gradient-via-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.mid-purple-600 {
-  --gradient-mid-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+.via-purple-600 {
+  --gradient-via-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.mid-purple-700 {
-  --gradient-mid-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+.via-purple-700 {
+  --gradient-via-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.mid-purple-800 {
-  --gradient-mid-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+.via-purple-800 {
+  --gradient-via-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.mid-purple-900 {
-  --gradient-mid-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+.via-purple-900 {
+  --gradient-via-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.mid-pink-100 {
-  --gradient-mid-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+.via-pink-100 {
+  --gradient-via-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.mid-pink-200 {
-  --gradient-mid-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+.via-pink-200 {
+  --gradient-via-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.mid-pink-300 {
-  --gradient-mid-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+.via-pink-300 {
+  --gradient-via-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.mid-pink-400 {
-  --gradient-mid-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+.via-pink-400 {
+  --gradient-via-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.mid-pink-500 {
-  --gradient-mid-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+.via-pink-500 {
+  --gradient-via-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.mid-pink-600 {
-  --gradient-mid-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+.via-pink-600 {
+  --gradient-via-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.mid-pink-700 {
-  --gradient-mid-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+.via-pink-700 {
+  --gradient-via-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.mid-pink-800 {
-  --gradient-mid-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+.via-pink-800 {
+  --gradient-via-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.mid-pink-900 {
-  --gradient-mid-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+.via-pink-900 {
+  --gradient-via-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
 .to-transparent {
@@ -4525,474 +4525,474 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.hover\:mid-transparent:hover {
-  --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.hover\:via-transparent:hover {
+  --gradient-via-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:mid-current:hover {
-  --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.hover\:via-current:hover {
+  --gradient-via-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:mid-black:hover {
-  --gradient-mid-color: #000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.hover\:via-black:hover {
+  --gradient-via-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:mid-white:hover {
-  --gradient-mid-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.hover\:via-white:hover {
+  --gradient-via-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:mid-gray-100:hover {
-  --gradient-mid-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+.hover\:via-gray-100:hover {
+  --gradient-via-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.hover\:mid-gray-200:hover {
-  --gradient-mid-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+.hover\:via-gray-200:hover {
+  --gradient-via-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.hover\:mid-gray-300:hover {
-  --gradient-mid-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+.hover\:via-gray-300:hover {
+  --gradient-via-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.hover\:mid-gray-400:hover {
-  --gradient-mid-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+.hover\:via-gray-400:hover {
+  --gradient-via-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.hover\:mid-gray-500:hover {
-  --gradient-mid-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+.hover\:via-gray-500:hover {
+  --gradient-via-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.hover\:mid-gray-600:hover {
-  --gradient-mid-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+.hover\:via-gray-600:hover {
+  --gradient-via-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.hover\:mid-gray-700:hover {
-  --gradient-mid-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+.hover\:via-gray-700:hover {
+  --gradient-via-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.hover\:mid-gray-800:hover {
-  --gradient-mid-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+.hover\:via-gray-800:hover {
+  --gradient-via-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.hover\:mid-gray-900:hover {
-  --gradient-mid-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+.hover\:via-gray-900:hover {
+  --gradient-via-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.hover\:mid-red-100:hover {
-  --gradient-mid-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+.hover\:via-red-100:hover {
+  --gradient-via-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.hover\:mid-red-200:hover {
-  --gradient-mid-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+.hover\:via-red-200:hover {
+  --gradient-via-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.hover\:mid-red-300:hover {
-  --gradient-mid-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+.hover\:via-red-300:hover {
+  --gradient-via-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.hover\:mid-red-400:hover {
-  --gradient-mid-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+.hover\:via-red-400:hover {
+  --gradient-via-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.hover\:mid-red-500:hover {
-  --gradient-mid-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+.hover\:via-red-500:hover {
+  --gradient-via-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.hover\:mid-red-600:hover {
-  --gradient-mid-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+.hover\:via-red-600:hover {
+  --gradient-via-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.hover\:mid-red-700:hover {
-  --gradient-mid-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+.hover\:via-red-700:hover {
+  --gradient-via-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.hover\:mid-red-800:hover {
-  --gradient-mid-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+.hover\:via-red-800:hover {
+  --gradient-via-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.hover\:mid-red-900:hover {
-  --gradient-mid-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+.hover\:via-red-900:hover {
+  --gradient-via-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.hover\:mid-orange-100:hover {
-  --gradient-mid-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+.hover\:via-orange-100:hover {
+  --gradient-via-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.hover\:mid-orange-200:hover {
-  --gradient-mid-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+.hover\:via-orange-200:hover {
+  --gradient-via-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.hover\:mid-orange-300:hover {
-  --gradient-mid-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+.hover\:via-orange-300:hover {
+  --gradient-via-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.hover\:mid-orange-400:hover {
-  --gradient-mid-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+.hover\:via-orange-400:hover {
+  --gradient-via-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.hover\:mid-orange-500:hover {
-  --gradient-mid-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+.hover\:via-orange-500:hover {
+  --gradient-via-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.hover\:mid-orange-600:hover {
-  --gradient-mid-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+.hover\:via-orange-600:hover {
+  --gradient-via-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.hover\:mid-orange-700:hover {
-  --gradient-mid-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+.hover\:via-orange-700:hover {
+  --gradient-via-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.hover\:mid-orange-800:hover {
-  --gradient-mid-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+.hover\:via-orange-800:hover {
+  --gradient-via-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.hover\:mid-orange-900:hover {
-  --gradient-mid-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+.hover\:via-orange-900:hover {
+  --gradient-via-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.hover\:mid-yellow-100:hover {
-  --gradient-mid-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+.hover\:via-yellow-100:hover {
+  --gradient-via-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.hover\:mid-yellow-200:hover {
-  --gradient-mid-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+.hover\:via-yellow-200:hover {
+  --gradient-via-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.hover\:mid-yellow-300:hover {
-  --gradient-mid-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+.hover\:via-yellow-300:hover {
+  --gradient-via-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.hover\:mid-yellow-400:hover {
-  --gradient-mid-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+.hover\:via-yellow-400:hover {
+  --gradient-via-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.hover\:mid-yellow-500:hover {
-  --gradient-mid-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+.hover\:via-yellow-500:hover {
+  --gradient-via-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.hover\:mid-yellow-600:hover {
-  --gradient-mid-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+.hover\:via-yellow-600:hover {
+  --gradient-via-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.hover\:mid-yellow-700:hover {
-  --gradient-mid-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+.hover\:via-yellow-700:hover {
+  --gradient-via-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.hover\:mid-yellow-800:hover {
-  --gradient-mid-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+.hover\:via-yellow-800:hover {
+  --gradient-via-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.hover\:mid-yellow-900:hover {
-  --gradient-mid-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+.hover\:via-yellow-900:hover {
+  --gradient-via-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.hover\:mid-green-100:hover {
-  --gradient-mid-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+.hover\:via-green-100:hover {
+  --gradient-via-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.hover\:mid-green-200:hover {
-  --gradient-mid-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+.hover\:via-green-200:hover {
+  --gradient-via-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.hover\:mid-green-300:hover {
-  --gradient-mid-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+.hover\:via-green-300:hover {
+  --gradient-via-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.hover\:mid-green-400:hover {
-  --gradient-mid-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+.hover\:via-green-400:hover {
+  --gradient-via-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.hover\:mid-green-500:hover {
-  --gradient-mid-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+.hover\:via-green-500:hover {
+  --gradient-via-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.hover\:mid-green-600:hover {
-  --gradient-mid-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+.hover\:via-green-600:hover {
+  --gradient-via-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.hover\:mid-green-700:hover {
-  --gradient-mid-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+.hover\:via-green-700:hover {
+  --gradient-via-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.hover\:mid-green-800:hover {
-  --gradient-mid-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+.hover\:via-green-800:hover {
+  --gradient-via-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.hover\:mid-green-900:hover {
-  --gradient-mid-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+.hover\:via-green-900:hover {
+  --gradient-via-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.hover\:mid-teal-100:hover {
-  --gradient-mid-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+.hover\:via-teal-100:hover {
+  --gradient-via-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.hover\:mid-teal-200:hover {
-  --gradient-mid-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+.hover\:via-teal-200:hover {
+  --gradient-via-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.hover\:mid-teal-300:hover {
-  --gradient-mid-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+.hover\:via-teal-300:hover {
+  --gradient-via-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.hover\:mid-teal-400:hover {
-  --gradient-mid-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+.hover\:via-teal-400:hover {
+  --gradient-via-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.hover\:mid-teal-500:hover {
-  --gradient-mid-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+.hover\:via-teal-500:hover {
+  --gradient-via-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.hover\:mid-teal-600:hover {
-  --gradient-mid-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+.hover\:via-teal-600:hover {
+  --gradient-via-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.hover\:mid-teal-700:hover {
-  --gradient-mid-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+.hover\:via-teal-700:hover {
+  --gradient-via-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.hover\:mid-teal-800:hover {
-  --gradient-mid-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+.hover\:via-teal-800:hover {
+  --gradient-via-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.hover\:mid-teal-900:hover {
-  --gradient-mid-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+.hover\:via-teal-900:hover {
+  --gradient-via-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.hover\:mid-blue-100:hover {
-  --gradient-mid-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+.hover\:via-blue-100:hover {
+  --gradient-via-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.hover\:mid-blue-200:hover {
-  --gradient-mid-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+.hover\:via-blue-200:hover {
+  --gradient-via-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.hover\:mid-blue-300:hover {
-  --gradient-mid-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+.hover\:via-blue-300:hover {
+  --gradient-via-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.hover\:mid-blue-400:hover {
-  --gradient-mid-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+.hover\:via-blue-400:hover {
+  --gradient-via-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.hover\:mid-blue-500:hover {
-  --gradient-mid-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+.hover\:via-blue-500:hover {
+  --gradient-via-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.hover\:mid-blue-600:hover {
-  --gradient-mid-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+.hover\:via-blue-600:hover {
+  --gradient-via-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.hover\:mid-blue-700:hover {
-  --gradient-mid-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+.hover\:via-blue-700:hover {
+  --gradient-via-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.hover\:mid-blue-800:hover {
-  --gradient-mid-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+.hover\:via-blue-800:hover {
+  --gradient-via-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.hover\:mid-blue-900:hover {
-  --gradient-mid-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+.hover\:via-blue-900:hover {
+  --gradient-via-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.hover\:mid-indigo-100:hover {
-  --gradient-mid-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+.hover\:via-indigo-100:hover {
+  --gradient-via-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.hover\:mid-indigo-200:hover {
-  --gradient-mid-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+.hover\:via-indigo-200:hover {
+  --gradient-via-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.hover\:mid-indigo-300:hover {
-  --gradient-mid-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+.hover\:via-indigo-300:hover {
+  --gradient-via-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.hover\:mid-indigo-400:hover {
-  --gradient-mid-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+.hover\:via-indigo-400:hover {
+  --gradient-via-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.hover\:mid-indigo-500:hover {
-  --gradient-mid-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+.hover\:via-indigo-500:hover {
+  --gradient-via-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.hover\:mid-indigo-600:hover {
-  --gradient-mid-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+.hover\:via-indigo-600:hover {
+  --gradient-via-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.hover\:mid-indigo-700:hover {
-  --gradient-mid-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+.hover\:via-indigo-700:hover {
+  --gradient-via-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.hover\:mid-indigo-800:hover {
-  --gradient-mid-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+.hover\:via-indigo-800:hover {
+  --gradient-via-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.hover\:mid-indigo-900:hover {
-  --gradient-mid-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+.hover\:via-indigo-900:hover {
+  --gradient-via-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.hover\:mid-purple-100:hover {
-  --gradient-mid-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+.hover\:via-purple-100:hover {
+  --gradient-via-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.hover\:mid-purple-200:hover {
-  --gradient-mid-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+.hover\:via-purple-200:hover {
+  --gradient-via-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.hover\:mid-purple-300:hover {
-  --gradient-mid-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+.hover\:via-purple-300:hover {
+  --gradient-via-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.hover\:mid-purple-400:hover {
-  --gradient-mid-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+.hover\:via-purple-400:hover {
+  --gradient-via-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.hover\:mid-purple-500:hover {
-  --gradient-mid-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+.hover\:via-purple-500:hover {
+  --gradient-via-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.hover\:mid-purple-600:hover {
-  --gradient-mid-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+.hover\:via-purple-600:hover {
+  --gradient-via-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.hover\:mid-purple-700:hover {
-  --gradient-mid-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+.hover\:via-purple-700:hover {
+  --gradient-via-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.hover\:mid-purple-800:hover {
-  --gradient-mid-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+.hover\:via-purple-800:hover {
+  --gradient-via-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.hover\:mid-purple-900:hover {
-  --gradient-mid-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+.hover\:via-purple-900:hover {
+  --gradient-via-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.hover\:mid-pink-100:hover {
-  --gradient-mid-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+.hover\:via-pink-100:hover {
+  --gradient-via-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.hover\:mid-pink-200:hover {
-  --gradient-mid-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+.hover\:via-pink-200:hover {
+  --gradient-via-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.hover\:mid-pink-300:hover {
-  --gradient-mid-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+.hover\:via-pink-300:hover {
+  --gradient-via-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.hover\:mid-pink-400:hover {
-  --gradient-mid-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+.hover\:via-pink-400:hover {
+  --gradient-via-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.hover\:mid-pink-500:hover {
-  --gradient-mid-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+.hover\:via-pink-500:hover {
+  --gradient-via-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.hover\:mid-pink-600:hover {
-  --gradient-mid-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+.hover\:via-pink-600:hover {
+  --gradient-via-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.hover\:mid-pink-700:hover {
-  --gradient-mid-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+.hover\:via-pink-700:hover {
+  --gradient-via-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.hover\:mid-pink-800:hover {
-  --gradient-mid-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+.hover\:via-pink-800:hover {
+  --gradient-via-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.hover\:mid-pink-900:hover {
-  --gradient-mid-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+.hover\:via-pink-900:hover {
+  --gradient-via-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
 .hover\:to-transparent:hover {
@@ -5841,474 +5841,474 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.focus\:mid-transparent:focus {
-  --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.focus\:via-transparent:focus {
+  --gradient-via-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:mid-current:focus {
-  --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.focus\:via-current:focus {
+  --gradient-via-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:mid-black:focus {
-  --gradient-mid-color: #000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.focus\:via-black:focus {
+  --gradient-via-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:mid-white:focus {
-  --gradient-mid-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.focus\:via-white:focus {
+  --gradient-via-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:mid-gray-100:focus {
-  --gradient-mid-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+.focus\:via-gray-100:focus {
+  --gradient-via-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.focus\:mid-gray-200:focus {
-  --gradient-mid-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+.focus\:via-gray-200:focus {
+  --gradient-via-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.focus\:mid-gray-300:focus {
-  --gradient-mid-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+.focus\:via-gray-300:focus {
+  --gradient-via-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.focus\:mid-gray-400:focus {
-  --gradient-mid-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+.focus\:via-gray-400:focus {
+  --gradient-via-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.focus\:mid-gray-500:focus {
-  --gradient-mid-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+.focus\:via-gray-500:focus {
+  --gradient-via-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.focus\:mid-gray-600:focus {
-  --gradient-mid-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+.focus\:via-gray-600:focus {
+  --gradient-via-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.focus\:mid-gray-700:focus {
-  --gradient-mid-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+.focus\:via-gray-700:focus {
+  --gradient-via-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.focus\:mid-gray-800:focus {
-  --gradient-mid-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+.focus\:via-gray-800:focus {
+  --gradient-via-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.focus\:mid-gray-900:focus {
-  --gradient-mid-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+.focus\:via-gray-900:focus {
+  --gradient-via-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.focus\:mid-red-100:focus {
-  --gradient-mid-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+.focus\:via-red-100:focus {
+  --gradient-via-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.focus\:mid-red-200:focus {
-  --gradient-mid-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+.focus\:via-red-200:focus {
+  --gradient-via-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.focus\:mid-red-300:focus {
-  --gradient-mid-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+.focus\:via-red-300:focus {
+  --gradient-via-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.focus\:mid-red-400:focus {
-  --gradient-mid-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+.focus\:via-red-400:focus {
+  --gradient-via-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.focus\:mid-red-500:focus {
-  --gradient-mid-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+.focus\:via-red-500:focus {
+  --gradient-via-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.focus\:mid-red-600:focus {
-  --gradient-mid-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+.focus\:via-red-600:focus {
+  --gradient-via-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.focus\:mid-red-700:focus {
-  --gradient-mid-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+.focus\:via-red-700:focus {
+  --gradient-via-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.focus\:mid-red-800:focus {
-  --gradient-mid-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+.focus\:via-red-800:focus {
+  --gradient-via-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.focus\:mid-red-900:focus {
-  --gradient-mid-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+.focus\:via-red-900:focus {
+  --gradient-via-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.focus\:mid-orange-100:focus {
-  --gradient-mid-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+.focus\:via-orange-100:focus {
+  --gradient-via-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.focus\:mid-orange-200:focus {
-  --gradient-mid-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+.focus\:via-orange-200:focus {
+  --gradient-via-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.focus\:mid-orange-300:focus {
-  --gradient-mid-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+.focus\:via-orange-300:focus {
+  --gradient-via-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.focus\:mid-orange-400:focus {
-  --gradient-mid-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+.focus\:via-orange-400:focus {
+  --gradient-via-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.focus\:mid-orange-500:focus {
-  --gradient-mid-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+.focus\:via-orange-500:focus {
+  --gradient-via-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.focus\:mid-orange-600:focus {
-  --gradient-mid-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+.focus\:via-orange-600:focus {
+  --gradient-via-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.focus\:mid-orange-700:focus {
-  --gradient-mid-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+.focus\:via-orange-700:focus {
+  --gradient-via-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.focus\:mid-orange-800:focus {
-  --gradient-mid-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+.focus\:via-orange-800:focus {
+  --gradient-via-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.focus\:mid-orange-900:focus {
-  --gradient-mid-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+.focus\:via-orange-900:focus {
+  --gradient-via-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.focus\:mid-yellow-100:focus {
-  --gradient-mid-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+.focus\:via-yellow-100:focus {
+  --gradient-via-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.focus\:mid-yellow-200:focus {
-  --gradient-mid-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+.focus\:via-yellow-200:focus {
+  --gradient-via-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.focus\:mid-yellow-300:focus {
-  --gradient-mid-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+.focus\:via-yellow-300:focus {
+  --gradient-via-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.focus\:mid-yellow-400:focus {
-  --gradient-mid-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+.focus\:via-yellow-400:focus {
+  --gradient-via-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.focus\:mid-yellow-500:focus {
-  --gradient-mid-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+.focus\:via-yellow-500:focus {
+  --gradient-via-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.focus\:mid-yellow-600:focus {
-  --gradient-mid-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+.focus\:via-yellow-600:focus {
+  --gradient-via-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.focus\:mid-yellow-700:focus {
-  --gradient-mid-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+.focus\:via-yellow-700:focus {
+  --gradient-via-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.focus\:mid-yellow-800:focus {
-  --gradient-mid-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+.focus\:via-yellow-800:focus {
+  --gradient-via-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.focus\:mid-yellow-900:focus {
-  --gradient-mid-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+.focus\:via-yellow-900:focus {
+  --gradient-via-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.focus\:mid-green-100:focus {
-  --gradient-mid-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+.focus\:via-green-100:focus {
+  --gradient-via-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.focus\:mid-green-200:focus {
-  --gradient-mid-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+.focus\:via-green-200:focus {
+  --gradient-via-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.focus\:mid-green-300:focus {
-  --gradient-mid-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+.focus\:via-green-300:focus {
+  --gradient-via-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.focus\:mid-green-400:focus {
-  --gradient-mid-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+.focus\:via-green-400:focus {
+  --gradient-via-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.focus\:mid-green-500:focus {
-  --gradient-mid-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+.focus\:via-green-500:focus {
+  --gradient-via-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.focus\:mid-green-600:focus {
-  --gradient-mid-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+.focus\:via-green-600:focus {
+  --gradient-via-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.focus\:mid-green-700:focus {
-  --gradient-mid-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+.focus\:via-green-700:focus {
+  --gradient-via-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.focus\:mid-green-800:focus {
-  --gradient-mid-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+.focus\:via-green-800:focus {
+  --gradient-via-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.focus\:mid-green-900:focus {
-  --gradient-mid-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+.focus\:via-green-900:focus {
+  --gradient-via-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.focus\:mid-teal-100:focus {
-  --gradient-mid-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+.focus\:via-teal-100:focus {
+  --gradient-via-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.focus\:mid-teal-200:focus {
-  --gradient-mid-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+.focus\:via-teal-200:focus {
+  --gradient-via-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.focus\:mid-teal-300:focus {
-  --gradient-mid-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+.focus\:via-teal-300:focus {
+  --gradient-via-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.focus\:mid-teal-400:focus {
-  --gradient-mid-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+.focus\:via-teal-400:focus {
+  --gradient-via-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.focus\:mid-teal-500:focus {
-  --gradient-mid-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+.focus\:via-teal-500:focus {
+  --gradient-via-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.focus\:mid-teal-600:focus {
-  --gradient-mid-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+.focus\:via-teal-600:focus {
+  --gradient-via-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.focus\:mid-teal-700:focus {
-  --gradient-mid-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+.focus\:via-teal-700:focus {
+  --gradient-via-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.focus\:mid-teal-800:focus {
-  --gradient-mid-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+.focus\:via-teal-800:focus {
+  --gradient-via-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.focus\:mid-teal-900:focus {
-  --gradient-mid-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+.focus\:via-teal-900:focus {
+  --gradient-via-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.focus\:mid-blue-100:focus {
-  --gradient-mid-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+.focus\:via-blue-100:focus {
+  --gradient-via-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.focus\:mid-blue-200:focus {
-  --gradient-mid-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+.focus\:via-blue-200:focus {
+  --gradient-via-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.focus\:mid-blue-300:focus {
-  --gradient-mid-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+.focus\:via-blue-300:focus {
+  --gradient-via-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.focus\:mid-blue-400:focus {
-  --gradient-mid-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+.focus\:via-blue-400:focus {
+  --gradient-via-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.focus\:mid-blue-500:focus {
-  --gradient-mid-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+.focus\:via-blue-500:focus {
+  --gradient-via-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.focus\:mid-blue-600:focus {
-  --gradient-mid-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+.focus\:via-blue-600:focus {
+  --gradient-via-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.focus\:mid-blue-700:focus {
-  --gradient-mid-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+.focus\:via-blue-700:focus {
+  --gradient-via-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.focus\:mid-blue-800:focus {
-  --gradient-mid-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+.focus\:via-blue-800:focus {
+  --gradient-via-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.focus\:mid-blue-900:focus {
-  --gradient-mid-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+.focus\:via-blue-900:focus {
+  --gradient-via-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.focus\:mid-indigo-100:focus {
-  --gradient-mid-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+.focus\:via-indigo-100:focus {
+  --gradient-via-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.focus\:mid-indigo-200:focus {
-  --gradient-mid-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+.focus\:via-indigo-200:focus {
+  --gradient-via-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.focus\:mid-indigo-300:focus {
-  --gradient-mid-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+.focus\:via-indigo-300:focus {
+  --gradient-via-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.focus\:mid-indigo-400:focus {
-  --gradient-mid-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+.focus\:via-indigo-400:focus {
+  --gradient-via-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.focus\:mid-indigo-500:focus {
-  --gradient-mid-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+.focus\:via-indigo-500:focus {
+  --gradient-via-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.focus\:mid-indigo-600:focus {
-  --gradient-mid-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+.focus\:via-indigo-600:focus {
+  --gradient-via-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.focus\:mid-indigo-700:focus {
-  --gradient-mid-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+.focus\:via-indigo-700:focus {
+  --gradient-via-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.focus\:mid-indigo-800:focus {
-  --gradient-mid-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+.focus\:via-indigo-800:focus {
+  --gradient-via-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.focus\:mid-indigo-900:focus {
-  --gradient-mid-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+.focus\:via-indigo-900:focus {
+  --gradient-via-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.focus\:mid-purple-100:focus {
-  --gradient-mid-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+.focus\:via-purple-100:focus {
+  --gradient-via-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.focus\:mid-purple-200:focus {
-  --gradient-mid-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+.focus\:via-purple-200:focus {
+  --gradient-via-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.focus\:mid-purple-300:focus {
-  --gradient-mid-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+.focus\:via-purple-300:focus {
+  --gradient-via-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.focus\:mid-purple-400:focus {
-  --gradient-mid-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+.focus\:via-purple-400:focus {
+  --gradient-via-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.focus\:mid-purple-500:focus {
-  --gradient-mid-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+.focus\:via-purple-500:focus {
+  --gradient-via-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.focus\:mid-purple-600:focus {
-  --gradient-mid-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+.focus\:via-purple-600:focus {
+  --gradient-via-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.focus\:mid-purple-700:focus {
-  --gradient-mid-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+.focus\:via-purple-700:focus {
+  --gradient-via-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.focus\:mid-purple-800:focus {
-  --gradient-mid-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+.focus\:via-purple-800:focus {
+  --gradient-via-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.focus\:mid-purple-900:focus {
-  --gradient-mid-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+.focus\:via-purple-900:focus {
+  --gradient-via-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.focus\:mid-pink-100:focus {
-  --gradient-mid-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+.focus\:via-pink-100:focus {
+  --gradient-via-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.focus\:mid-pink-200:focus {
-  --gradient-mid-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+.focus\:via-pink-200:focus {
+  --gradient-via-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.focus\:mid-pink-300:focus {
-  --gradient-mid-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+.focus\:via-pink-300:focus {
+  --gradient-via-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.focus\:mid-pink-400:focus {
-  --gradient-mid-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+.focus\:via-pink-400:focus {
+  --gradient-via-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.focus\:mid-pink-500:focus {
-  --gradient-mid-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+.focus\:via-pink-500:focus {
+  --gradient-via-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.focus\:mid-pink-600:focus {
-  --gradient-mid-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+.focus\:via-pink-600:focus {
+  --gradient-via-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.focus\:mid-pink-700:focus {
-  --gradient-mid-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+.focus\:via-pink-700:focus {
+  --gradient-via-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.focus\:mid-pink-800:focus {
-  --gradient-mid-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+.focus\:via-pink-800:focus {
+  --gradient-via-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.focus\:mid-pink-900:focus {
-  --gradient-mid-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+.focus\:via-pink-900:focus {
+  --gradient-via-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
 .focus\:to-transparent:focus {
@@ -18803,474 +18803,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .sm\:mid-transparent {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:mid-current {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:mid-black {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:via-black {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:mid-white {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:via-white {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:mid-gray-100 {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .sm\:via-gray-100 {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:mid-gray-200 {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .sm\:via-gray-200 {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:mid-gray-300 {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .sm\:via-gray-300 {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:mid-gray-400 {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .sm\:via-gray-400 {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:mid-gray-500 {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .sm\:via-gray-500 {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:mid-gray-600 {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .sm\:via-gray-600 {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:mid-gray-700 {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .sm\:via-gray-700 {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:mid-gray-800 {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .sm\:via-gray-800 {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:mid-gray-900 {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .sm\:via-gray-900 {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:mid-red-100 {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .sm\:via-red-100 {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:mid-red-200 {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .sm\:via-red-200 {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:mid-red-300 {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .sm\:via-red-300 {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:mid-red-400 {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .sm\:via-red-400 {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:mid-red-500 {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .sm\:via-red-500 {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:mid-red-600 {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .sm\:via-red-600 {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:mid-red-700 {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .sm\:via-red-700 {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:mid-red-800 {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .sm\:via-red-800 {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:mid-red-900 {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .sm\:via-red-900 {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:mid-orange-100 {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .sm\:via-orange-100 {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:mid-orange-200 {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .sm\:via-orange-200 {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:mid-orange-300 {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .sm\:via-orange-300 {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:mid-orange-400 {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .sm\:via-orange-400 {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:mid-orange-500 {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .sm\:via-orange-500 {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:mid-orange-600 {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .sm\:via-orange-600 {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:mid-orange-700 {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .sm\:via-orange-700 {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:mid-orange-800 {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .sm\:via-orange-800 {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:mid-orange-900 {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .sm\:via-orange-900 {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:mid-yellow-100 {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .sm\:via-yellow-100 {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:mid-yellow-200 {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .sm\:via-yellow-200 {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:mid-yellow-300 {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .sm\:via-yellow-300 {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:mid-yellow-400 {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .sm\:via-yellow-400 {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:mid-yellow-500 {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .sm\:via-yellow-500 {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:mid-yellow-600 {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .sm\:via-yellow-600 {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:mid-yellow-700 {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .sm\:via-yellow-700 {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:mid-yellow-800 {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .sm\:via-yellow-800 {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:mid-yellow-900 {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .sm\:via-yellow-900 {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:mid-green-100 {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .sm\:via-green-100 {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:mid-green-200 {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .sm\:via-green-200 {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:mid-green-300 {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .sm\:via-green-300 {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:mid-green-400 {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .sm\:via-green-400 {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:mid-green-500 {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .sm\:via-green-500 {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:mid-green-600 {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .sm\:via-green-600 {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:mid-green-700 {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .sm\:via-green-700 {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:mid-green-800 {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .sm\:via-green-800 {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:mid-green-900 {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .sm\:via-green-900 {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:mid-teal-100 {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .sm\:via-teal-100 {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:mid-teal-200 {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .sm\:via-teal-200 {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:mid-teal-300 {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .sm\:via-teal-300 {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:mid-teal-400 {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .sm\:via-teal-400 {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:mid-teal-500 {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .sm\:via-teal-500 {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:mid-teal-600 {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .sm\:via-teal-600 {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:mid-teal-700 {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .sm\:via-teal-700 {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:mid-teal-800 {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .sm\:via-teal-800 {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:mid-teal-900 {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .sm\:via-teal-900 {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:mid-blue-100 {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .sm\:via-blue-100 {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:mid-blue-200 {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .sm\:via-blue-200 {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:mid-blue-300 {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .sm\:via-blue-300 {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:mid-blue-400 {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .sm\:via-blue-400 {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:mid-blue-500 {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .sm\:via-blue-500 {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:mid-blue-600 {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .sm\:via-blue-600 {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:mid-blue-700 {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .sm\:via-blue-700 {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:mid-blue-800 {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .sm\:via-blue-800 {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:mid-blue-900 {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .sm\:via-blue-900 {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:mid-indigo-100 {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .sm\:via-indigo-100 {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:mid-indigo-200 {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .sm\:via-indigo-200 {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:mid-indigo-300 {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .sm\:via-indigo-300 {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:mid-indigo-400 {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .sm\:via-indigo-400 {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:mid-indigo-500 {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .sm\:via-indigo-500 {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:mid-indigo-600 {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .sm\:via-indigo-600 {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:mid-indigo-700 {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .sm\:via-indigo-700 {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:mid-indigo-800 {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .sm\:via-indigo-800 {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:mid-indigo-900 {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .sm\:via-indigo-900 {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:mid-purple-100 {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .sm\:via-purple-100 {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:mid-purple-200 {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .sm\:via-purple-200 {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:mid-purple-300 {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .sm\:via-purple-300 {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:mid-purple-400 {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .sm\:via-purple-400 {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:mid-purple-500 {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .sm\:via-purple-500 {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:mid-purple-600 {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .sm\:via-purple-600 {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:mid-purple-700 {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .sm\:via-purple-700 {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:mid-purple-800 {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .sm\:via-purple-800 {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:mid-purple-900 {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .sm\:via-purple-900 {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:mid-pink-100 {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .sm\:via-pink-100 {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:mid-pink-200 {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .sm\:via-pink-200 {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:mid-pink-300 {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .sm\:via-pink-300 {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:mid-pink-400 {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .sm\:via-pink-400 {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:mid-pink-500 {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .sm\:via-pink-500 {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:mid-pink-600 {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .sm\:via-pink-600 {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:mid-pink-700 {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .sm\:via-pink-700 {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:mid-pink-800 {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .sm\:via-pink-800 {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:mid-pink-900 {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .sm\:via-pink-900 {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .sm\:to-transparent {
@@ -20119,474 +20119,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .sm\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:mid-black:hover {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:hover\:via-black:hover {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:mid-white:hover {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:hover\:via-white:hover {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .sm\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .sm\:hover\:via-gray-200:hover {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .sm\:hover\:via-gray-300:hover {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .sm\:hover\:via-gray-400:hover {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .sm\:hover\:via-gray-500:hover {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .sm\:hover\:via-gray-600:hover {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .sm\:hover\:via-gray-700:hover {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .sm\:hover\:via-gray-800:hover {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .sm\:hover\:via-gray-900:hover {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .sm\:hover\:via-red-100:hover {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .sm\:hover\:via-red-200:hover {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .sm\:hover\:via-red-300:hover {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .sm\:hover\:via-red-400:hover {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .sm\:hover\:via-red-500:hover {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .sm\:hover\:via-red-600:hover {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .sm\:hover\:via-red-700:hover {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .sm\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .sm\:hover\:via-red-900:hover {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .sm\:hover\:via-orange-100:hover {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .sm\:hover\:via-orange-200:hover {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .sm\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .sm\:hover\:via-orange-400:hover {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .sm\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .sm\:hover\:via-orange-600:hover {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .sm\:hover\:via-orange-700:hover {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .sm\:hover\:via-orange-800:hover {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .sm\:hover\:via-orange-900:hover {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .sm\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .sm\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .sm\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .sm\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .sm\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .sm\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .sm\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .sm\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .sm\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .sm\:hover\:via-green-100:hover {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .sm\:hover\:via-green-200:hover {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .sm\:hover\:via-green-300:hover {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .sm\:hover\:via-green-400:hover {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .sm\:hover\:via-green-500:hover {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .sm\:hover\:via-green-600:hover {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .sm\:hover\:via-green-700:hover {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .sm\:hover\:via-green-800:hover {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .sm\:hover\:via-green-900:hover {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .sm\:hover\:via-teal-100:hover {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .sm\:hover\:via-teal-200:hover {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .sm\:hover\:via-teal-300:hover {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .sm\:hover\:via-teal-400:hover {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .sm\:hover\:via-teal-500:hover {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .sm\:hover\:via-teal-600:hover {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .sm\:hover\:via-teal-700:hover {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .sm\:hover\:via-teal-800:hover {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .sm\:hover\:via-teal-900:hover {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .sm\:hover\:via-blue-100:hover {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .sm\:hover\:via-blue-200:hover {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .sm\:hover\:via-blue-300:hover {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .sm\:hover\:via-blue-400:hover {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .sm\:hover\:via-blue-500:hover {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .sm\:hover\:via-blue-600:hover {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .sm\:hover\:via-blue-700:hover {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .sm\:hover\:via-blue-800:hover {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .sm\:hover\:via-blue-900:hover {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .sm\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .sm\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .sm\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .sm\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .sm\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .sm\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .sm\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .sm\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .sm\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .sm\:hover\:via-purple-100:hover {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .sm\:hover\:via-purple-200:hover {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .sm\:hover\:via-purple-300:hover {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .sm\:hover\:via-purple-400:hover {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .sm\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .sm\:hover\:via-purple-600:hover {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .sm\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .sm\:hover\:via-purple-800:hover {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .sm\:hover\:via-purple-900:hover {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .sm\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .sm\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .sm\:hover\:via-pink-300:hover {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .sm\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .sm\:hover\:via-pink-500:hover {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .sm\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .sm\:hover\:via-pink-700:hover {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .sm\:hover\:via-pink-800:hover {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .sm\:hover\:via-pink-900:hover {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .sm\:hover\:to-transparent:hover {
@@ -21435,474 +21435,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .sm\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:mid-black:focus {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:focus\:via-black:focus {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:mid-white:focus {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:focus\:via-white:focus {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .sm\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .sm\:focus\:via-gray-200:focus {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .sm\:focus\:via-gray-300:focus {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .sm\:focus\:via-gray-400:focus {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .sm\:focus\:via-gray-500:focus {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .sm\:focus\:via-gray-600:focus {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .sm\:focus\:via-gray-700:focus {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .sm\:focus\:via-gray-800:focus {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .sm\:focus\:via-gray-900:focus {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .sm\:focus\:via-red-100:focus {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .sm\:focus\:via-red-200:focus {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .sm\:focus\:via-red-300:focus {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .sm\:focus\:via-red-400:focus {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .sm\:focus\:via-red-500:focus {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .sm\:focus\:via-red-600:focus {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .sm\:focus\:via-red-700:focus {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .sm\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .sm\:focus\:via-red-900:focus {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .sm\:focus\:via-orange-100:focus {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .sm\:focus\:via-orange-200:focus {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .sm\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .sm\:focus\:via-orange-400:focus {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .sm\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .sm\:focus\:via-orange-600:focus {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .sm\:focus\:via-orange-700:focus {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .sm\:focus\:via-orange-800:focus {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .sm\:focus\:via-orange-900:focus {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .sm\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .sm\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .sm\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .sm\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .sm\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .sm\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .sm\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .sm\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .sm\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .sm\:focus\:via-green-100:focus {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .sm\:focus\:via-green-200:focus {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .sm\:focus\:via-green-300:focus {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .sm\:focus\:via-green-400:focus {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .sm\:focus\:via-green-500:focus {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .sm\:focus\:via-green-600:focus {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .sm\:focus\:via-green-700:focus {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .sm\:focus\:via-green-800:focus {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .sm\:focus\:via-green-900:focus {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .sm\:focus\:via-teal-100:focus {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .sm\:focus\:via-teal-200:focus {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .sm\:focus\:via-teal-300:focus {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .sm\:focus\:via-teal-400:focus {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .sm\:focus\:via-teal-500:focus {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .sm\:focus\:via-teal-600:focus {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .sm\:focus\:via-teal-700:focus {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .sm\:focus\:via-teal-800:focus {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .sm\:focus\:via-teal-900:focus {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .sm\:focus\:via-blue-100:focus {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .sm\:focus\:via-blue-200:focus {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .sm\:focus\:via-blue-300:focus {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .sm\:focus\:via-blue-400:focus {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .sm\:focus\:via-blue-500:focus {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .sm\:focus\:via-blue-600:focus {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .sm\:focus\:via-blue-700:focus {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .sm\:focus\:via-blue-800:focus {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .sm\:focus\:via-blue-900:focus {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .sm\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .sm\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .sm\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .sm\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .sm\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .sm\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .sm\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .sm\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .sm\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .sm\:focus\:via-purple-100:focus {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .sm\:focus\:via-purple-200:focus {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .sm\:focus\:via-purple-300:focus {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .sm\:focus\:via-purple-400:focus {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .sm\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .sm\:focus\:via-purple-600:focus {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .sm\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .sm\:focus\:via-purple-800:focus {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .sm\:focus\:via-purple-900:focus {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .sm\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .sm\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .sm\:focus\:via-pink-300:focus {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .sm\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .sm\:focus\:via-pink-500:focus {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .sm\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .sm\:focus\:via-pink-700:focus {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .sm\:focus\:via-pink-800:focus {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .sm\:focus\:via-pink-900:focus {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .sm\:focus\:to-transparent:focus {
@@ -34367,474 +34367,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .md\:mid-transparent {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:mid-current {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:mid-black {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:via-black {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:mid-white {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:via-white {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:mid-gray-100 {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .md\:via-gray-100 {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:mid-gray-200 {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .md\:via-gray-200 {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:mid-gray-300 {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .md\:via-gray-300 {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:mid-gray-400 {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .md\:via-gray-400 {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:mid-gray-500 {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .md\:via-gray-500 {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:mid-gray-600 {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .md\:via-gray-600 {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:mid-gray-700 {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .md\:via-gray-700 {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:mid-gray-800 {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .md\:via-gray-800 {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:mid-gray-900 {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .md\:via-gray-900 {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:mid-red-100 {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .md\:via-red-100 {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:mid-red-200 {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .md\:via-red-200 {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:mid-red-300 {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .md\:via-red-300 {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:mid-red-400 {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .md\:via-red-400 {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:mid-red-500 {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .md\:via-red-500 {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:mid-red-600 {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .md\:via-red-600 {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:mid-red-700 {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .md\:via-red-700 {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:mid-red-800 {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .md\:via-red-800 {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:mid-red-900 {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .md\:via-red-900 {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:mid-orange-100 {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .md\:via-orange-100 {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:mid-orange-200 {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .md\:via-orange-200 {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:mid-orange-300 {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .md\:via-orange-300 {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:mid-orange-400 {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .md\:via-orange-400 {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:mid-orange-500 {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .md\:via-orange-500 {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:mid-orange-600 {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .md\:via-orange-600 {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:mid-orange-700 {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .md\:via-orange-700 {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:mid-orange-800 {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .md\:via-orange-800 {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:mid-orange-900 {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .md\:via-orange-900 {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:mid-yellow-100 {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .md\:via-yellow-100 {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:mid-yellow-200 {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .md\:via-yellow-200 {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:mid-yellow-300 {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .md\:via-yellow-300 {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:mid-yellow-400 {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .md\:via-yellow-400 {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:mid-yellow-500 {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .md\:via-yellow-500 {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:mid-yellow-600 {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .md\:via-yellow-600 {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:mid-yellow-700 {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .md\:via-yellow-700 {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:mid-yellow-800 {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .md\:via-yellow-800 {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:mid-yellow-900 {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .md\:via-yellow-900 {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:mid-green-100 {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .md\:via-green-100 {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:mid-green-200 {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .md\:via-green-200 {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:mid-green-300 {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .md\:via-green-300 {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:mid-green-400 {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .md\:via-green-400 {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:mid-green-500 {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .md\:via-green-500 {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:mid-green-600 {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .md\:via-green-600 {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:mid-green-700 {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .md\:via-green-700 {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:mid-green-800 {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .md\:via-green-800 {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:mid-green-900 {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .md\:via-green-900 {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:mid-teal-100 {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .md\:via-teal-100 {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:mid-teal-200 {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .md\:via-teal-200 {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:mid-teal-300 {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .md\:via-teal-300 {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:mid-teal-400 {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .md\:via-teal-400 {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:mid-teal-500 {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .md\:via-teal-500 {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:mid-teal-600 {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .md\:via-teal-600 {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:mid-teal-700 {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .md\:via-teal-700 {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:mid-teal-800 {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .md\:via-teal-800 {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:mid-teal-900 {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .md\:via-teal-900 {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:mid-blue-100 {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .md\:via-blue-100 {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:mid-blue-200 {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .md\:via-blue-200 {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:mid-blue-300 {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .md\:via-blue-300 {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:mid-blue-400 {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .md\:via-blue-400 {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:mid-blue-500 {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .md\:via-blue-500 {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:mid-blue-600 {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .md\:via-blue-600 {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:mid-blue-700 {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .md\:via-blue-700 {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:mid-blue-800 {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .md\:via-blue-800 {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:mid-blue-900 {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .md\:via-blue-900 {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:mid-indigo-100 {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .md\:via-indigo-100 {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:mid-indigo-200 {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .md\:via-indigo-200 {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:mid-indigo-300 {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .md\:via-indigo-300 {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:mid-indigo-400 {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .md\:via-indigo-400 {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:mid-indigo-500 {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .md\:via-indigo-500 {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:mid-indigo-600 {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .md\:via-indigo-600 {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:mid-indigo-700 {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .md\:via-indigo-700 {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:mid-indigo-800 {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .md\:via-indigo-800 {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:mid-indigo-900 {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .md\:via-indigo-900 {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:mid-purple-100 {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .md\:via-purple-100 {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:mid-purple-200 {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .md\:via-purple-200 {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:mid-purple-300 {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .md\:via-purple-300 {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:mid-purple-400 {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .md\:via-purple-400 {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:mid-purple-500 {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .md\:via-purple-500 {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:mid-purple-600 {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .md\:via-purple-600 {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:mid-purple-700 {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .md\:via-purple-700 {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:mid-purple-800 {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .md\:via-purple-800 {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:mid-purple-900 {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .md\:via-purple-900 {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:mid-pink-100 {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .md\:via-pink-100 {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:mid-pink-200 {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .md\:via-pink-200 {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:mid-pink-300 {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .md\:via-pink-300 {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:mid-pink-400 {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .md\:via-pink-400 {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:mid-pink-500 {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .md\:via-pink-500 {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:mid-pink-600 {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .md\:via-pink-600 {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:mid-pink-700 {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .md\:via-pink-700 {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:mid-pink-800 {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .md\:via-pink-800 {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:mid-pink-900 {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .md\:via-pink-900 {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .md\:to-transparent {
@@ -35683,474 +35683,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .md\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:mid-black:hover {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:hover\:via-black:hover {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:mid-white:hover {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:hover\:via-white:hover {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .md\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .md\:hover\:via-gray-200:hover {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .md\:hover\:via-gray-300:hover {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .md\:hover\:via-gray-400:hover {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .md\:hover\:via-gray-500:hover {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .md\:hover\:via-gray-600:hover {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .md\:hover\:via-gray-700:hover {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .md\:hover\:via-gray-800:hover {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .md\:hover\:via-gray-900:hover {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .md\:hover\:via-red-100:hover {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .md\:hover\:via-red-200:hover {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .md\:hover\:via-red-300:hover {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .md\:hover\:via-red-400:hover {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .md\:hover\:via-red-500:hover {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .md\:hover\:via-red-600:hover {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .md\:hover\:via-red-700:hover {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .md\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .md\:hover\:via-red-900:hover {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .md\:hover\:via-orange-100:hover {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .md\:hover\:via-orange-200:hover {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .md\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .md\:hover\:via-orange-400:hover {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .md\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .md\:hover\:via-orange-600:hover {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .md\:hover\:via-orange-700:hover {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .md\:hover\:via-orange-800:hover {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .md\:hover\:via-orange-900:hover {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .md\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .md\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .md\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .md\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .md\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .md\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .md\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .md\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .md\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .md\:hover\:via-green-100:hover {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .md\:hover\:via-green-200:hover {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .md\:hover\:via-green-300:hover {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .md\:hover\:via-green-400:hover {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .md\:hover\:via-green-500:hover {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .md\:hover\:via-green-600:hover {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .md\:hover\:via-green-700:hover {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .md\:hover\:via-green-800:hover {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .md\:hover\:via-green-900:hover {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .md\:hover\:via-teal-100:hover {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .md\:hover\:via-teal-200:hover {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .md\:hover\:via-teal-300:hover {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .md\:hover\:via-teal-400:hover {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .md\:hover\:via-teal-500:hover {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .md\:hover\:via-teal-600:hover {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .md\:hover\:via-teal-700:hover {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .md\:hover\:via-teal-800:hover {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .md\:hover\:via-teal-900:hover {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .md\:hover\:via-blue-100:hover {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .md\:hover\:via-blue-200:hover {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .md\:hover\:via-blue-300:hover {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .md\:hover\:via-blue-400:hover {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .md\:hover\:via-blue-500:hover {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .md\:hover\:via-blue-600:hover {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .md\:hover\:via-blue-700:hover {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .md\:hover\:via-blue-800:hover {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .md\:hover\:via-blue-900:hover {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .md\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .md\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .md\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .md\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .md\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .md\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .md\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .md\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .md\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .md\:hover\:via-purple-100:hover {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .md\:hover\:via-purple-200:hover {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .md\:hover\:via-purple-300:hover {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .md\:hover\:via-purple-400:hover {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .md\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .md\:hover\:via-purple-600:hover {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .md\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .md\:hover\:via-purple-800:hover {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .md\:hover\:via-purple-900:hover {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .md\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .md\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .md\:hover\:via-pink-300:hover {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .md\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .md\:hover\:via-pink-500:hover {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .md\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .md\:hover\:via-pink-700:hover {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .md\:hover\:via-pink-800:hover {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .md\:hover\:via-pink-900:hover {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .md\:hover\:to-transparent:hover {
@@ -36999,474 +36999,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .md\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:mid-black:focus {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:focus\:via-black:focus {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:mid-white:focus {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:focus\:via-white:focus {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .md\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .md\:focus\:via-gray-200:focus {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .md\:focus\:via-gray-300:focus {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .md\:focus\:via-gray-400:focus {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .md\:focus\:via-gray-500:focus {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .md\:focus\:via-gray-600:focus {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .md\:focus\:via-gray-700:focus {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .md\:focus\:via-gray-800:focus {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .md\:focus\:via-gray-900:focus {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .md\:focus\:via-red-100:focus {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .md\:focus\:via-red-200:focus {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .md\:focus\:via-red-300:focus {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .md\:focus\:via-red-400:focus {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .md\:focus\:via-red-500:focus {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .md\:focus\:via-red-600:focus {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .md\:focus\:via-red-700:focus {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .md\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .md\:focus\:via-red-900:focus {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .md\:focus\:via-orange-100:focus {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .md\:focus\:via-orange-200:focus {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .md\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .md\:focus\:via-orange-400:focus {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .md\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .md\:focus\:via-orange-600:focus {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .md\:focus\:via-orange-700:focus {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .md\:focus\:via-orange-800:focus {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .md\:focus\:via-orange-900:focus {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .md\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .md\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .md\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .md\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .md\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .md\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .md\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .md\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .md\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .md\:focus\:via-green-100:focus {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .md\:focus\:via-green-200:focus {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .md\:focus\:via-green-300:focus {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .md\:focus\:via-green-400:focus {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .md\:focus\:via-green-500:focus {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .md\:focus\:via-green-600:focus {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .md\:focus\:via-green-700:focus {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .md\:focus\:via-green-800:focus {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .md\:focus\:via-green-900:focus {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .md\:focus\:via-teal-100:focus {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .md\:focus\:via-teal-200:focus {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .md\:focus\:via-teal-300:focus {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .md\:focus\:via-teal-400:focus {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .md\:focus\:via-teal-500:focus {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .md\:focus\:via-teal-600:focus {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .md\:focus\:via-teal-700:focus {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .md\:focus\:via-teal-800:focus {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .md\:focus\:via-teal-900:focus {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .md\:focus\:via-blue-100:focus {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .md\:focus\:via-blue-200:focus {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .md\:focus\:via-blue-300:focus {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .md\:focus\:via-blue-400:focus {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .md\:focus\:via-blue-500:focus {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .md\:focus\:via-blue-600:focus {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .md\:focus\:via-blue-700:focus {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .md\:focus\:via-blue-800:focus {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .md\:focus\:via-blue-900:focus {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .md\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .md\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .md\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .md\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .md\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .md\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .md\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .md\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .md\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .md\:focus\:via-purple-100:focus {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .md\:focus\:via-purple-200:focus {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .md\:focus\:via-purple-300:focus {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .md\:focus\:via-purple-400:focus {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .md\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .md\:focus\:via-purple-600:focus {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .md\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .md\:focus\:via-purple-800:focus {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .md\:focus\:via-purple-900:focus {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .md\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .md\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .md\:focus\:via-pink-300:focus {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .md\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .md\:focus\:via-pink-500:focus {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .md\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .md\:focus\:via-pink-700:focus {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .md\:focus\:via-pink-800:focus {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .md\:focus\:via-pink-900:focus {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .md\:focus\:to-transparent:focus {
@@ -49931,474 +49931,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .lg\:mid-transparent {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:mid-current {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:mid-black {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:via-black {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:mid-white {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:via-white {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:mid-gray-100 {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .lg\:via-gray-100 {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:mid-gray-200 {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .lg\:via-gray-200 {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:mid-gray-300 {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .lg\:via-gray-300 {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:mid-gray-400 {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .lg\:via-gray-400 {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:mid-gray-500 {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .lg\:via-gray-500 {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:mid-gray-600 {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .lg\:via-gray-600 {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:mid-gray-700 {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .lg\:via-gray-700 {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:mid-gray-800 {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .lg\:via-gray-800 {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:mid-gray-900 {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .lg\:via-gray-900 {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:mid-red-100 {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .lg\:via-red-100 {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:mid-red-200 {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .lg\:via-red-200 {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:mid-red-300 {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .lg\:via-red-300 {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:mid-red-400 {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .lg\:via-red-400 {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:mid-red-500 {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .lg\:via-red-500 {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:mid-red-600 {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .lg\:via-red-600 {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:mid-red-700 {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .lg\:via-red-700 {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:mid-red-800 {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .lg\:via-red-800 {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:mid-red-900 {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .lg\:via-red-900 {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:mid-orange-100 {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .lg\:via-orange-100 {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:mid-orange-200 {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .lg\:via-orange-200 {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:mid-orange-300 {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .lg\:via-orange-300 {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:mid-orange-400 {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .lg\:via-orange-400 {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:mid-orange-500 {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .lg\:via-orange-500 {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:mid-orange-600 {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .lg\:via-orange-600 {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:mid-orange-700 {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .lg\:via-orange-700 {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:mid-orange-800 {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .lg\:via-orange-800 {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:mid-orange-900 {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .lg\:via-orange-900 {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:mid-yellow-100 {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .lg\:via-yellow-100 {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:mid-yellow-200 {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .lg\:via-yellow-200 {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:mid-yellow-300 {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .lg\:via-yellow-300 {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:mid-yellow-400 {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .lg\:via-yellow-400 {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:mid-yellow-500 {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .lg\:via-yellow-500 {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:mid-yellow-600 {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .lg\:via-yellow-600 {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:mid-yellow-700 {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .lg\:via-yellow-700 {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:mid-yellow-800 {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .lg\:via-yellow-800 {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:mid-yellow-900 {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .lg\:via-yellow-900 {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:mid-green-100 {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .lg\:via-green-100 {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:mid-green-200 {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .lg\:via-green-200 {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:mid-green-300 {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .lg\:via-green-300 {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:mid-green-400 {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .lg\:via-green-400 {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:mid-green-500 {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .lg\:via-green-500 {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:mid-green-600 {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .lg\:via-green-600 {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:mid-green-700 {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .lg\:via-green-700 {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:mid-green-800 {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .lg\:via-green-800 {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:mid-green-900 {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .lg\:via-green-900 {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:mid-teal-100 {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .lg\:via-teal-100 {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:mid-teal-200 {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .lg\:via-teal-200 {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:mid-teal-300 {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .lg\:via-teal-300 {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:mid-teal-400 {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .lg\:via-teal-400 {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:mid-teal-500 {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .lg\:via-teal-500 {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:mid-teal-600 {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .lg\:via-teal-600 {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:mid-teal-700 {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .lg\:via-teal-700 {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:mid-teal-800 {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .lg\:via-teal-800 {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:mid-teal-900 {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .lg\:via-teal-900 {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:mid-blue-100 {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .lg\:via-blue-100 {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:mid-blue-200 {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .lg\:via-blue-200 {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:mid-blue-300 {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .lg\:via-blue-300 {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:mid-blue-400 {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .lg\:via-blue-400 {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:mid-blue-500 {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .lg\:via-blue-500 {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:mid-blue-600 {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .lg\:via-blue-600 {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:mid-blue-700 {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .lg\:via-blue-700 {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:mid-blue-800 {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .lg\:via-blue-800 {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:mid-blue-900 {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .lg\:via-blue-900 {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:mid-indigo-100 {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .lg\:via-indigo-100 {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:mid-indigo-200 {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .lg\:via-indigo-200 {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:mid-indigo-300 {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .lg\:via-indigo-300 {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:mid-indigo-400 {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .lg\:via-indigo-400 {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:mid-indigo-500 {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .lg\:via-indigo-500 {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:mid-indigo-600 {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .lg\:via-indigo-600 {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:mid-indigo-700 {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .lg\:via-indigo-700 {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:mid-indigo-800 {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .lg\:via-indigo-800 {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:mid-indigo-900 {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .lg\:via-indigo-900 {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:mid-purple-100 {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .lg\:via-purple-100 {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:mid-purple-200 {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .lg\:via-purple-200 {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:mid-purple-300 {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .lg\:via-purple-300 {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:mid-purple-400 {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .lg\:via-purple-400 {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:mid-purple-500 {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .lg\:via-purple-500 {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:mid-purple-600 {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .lg\:via-purple-600 {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:mid-purple-700 {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .lg\:via-purple-700 {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:mid-purple-800 {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .lg\:via-purple-800 {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:mid-purple-900 {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .lg\:via-purple-900 {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:mid-pink-100 {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .lg\:via-pink-100 {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:mid-pink-200 {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .lg\:via-pink-200 {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:mid-pink-300 {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .lg\:via-pink-300 {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:mid-pink-400 {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .lg\:via-pink-400 {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:mid-pink-500 {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .lg\:via-pink-500 {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:mid-pink-600 {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .lg\:via-pink-600 {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:mid-pink-700 {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .lg\:via-pink-700 {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:mid-pink-800 {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .lg\:via-pink-800 {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:mid-pink-900 {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .lg\:via-pink-900 {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .lg\:to-transparent {
@@ -51247,474 +51247,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .lg\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:mid-black:hover {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:hover\:via-black:hover {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:mid-white:hover {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:hover\:via-white:hover {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .lg\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .lg\:hover\:via-gray-200:hover {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .lg\:hover\:via-gray-300:hover {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .lg\:hover\:via-gray-400:hover {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .lg\:hover\:via-gray-500:hover {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .lg\:hover\:via-gray-600:hover {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .lg\:hover\:via-gray-700:hover {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .lg\:hover\:via-gray-800:hover {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .lg\:hover\:via-gray-900:hover {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .lg\:hover\:via-red-100:hover {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .lg\:hover\:via-red-200:hover {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .lg\:hover\:via-red-300:hover {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .lg\:hover\:via-red-400:hover {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .lg\:hover\:via-red-500:hover {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .lg\:hover\:via-red-600:hover {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .lg\:hover\:via-red-700:hover {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .lg\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .lg\:hover\:via-red-900:hover {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .lg\:hover\:via-orange-100:hover {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .lg\:hover\:via-orange-200:hover {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .lg\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .lg\:hover\:via-orange-400:hover {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .lg\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .lg\:hover\:via-orange-600:hover {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .lg\:hover\:via-orange-700:hover {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .lg\:hover\:via-orange-800:hover {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .lg\:hover\:via-orange-900:hover {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .lg\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .lg\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .lg\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .lg\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .lg\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .lg\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .lg\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .lg\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .lg\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .lg\:hover\:via-green-100:hover {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .lg\:hover\:via-green-200:hover {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .lg\:hover\:via-green-300:hover {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .lg\:hover\:via-green-400:hover {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .lg\:hover\:via-green-500:hover {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .lg\:hover\:via-green-600:hover {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .lg\:hover\:via-green-700:hover {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .lg\:hover\:via-green-800:hover {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .lg\:hover\:via-green-900:hover {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .lg\:hover\:via-teal-100:hover {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .lg\:hover\:via-teal-200:hover {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .lg\:hover\:via-teal-300:hover {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .lg\:hover\:via-teal-400:hover {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .lg\:hover\:via-teal-500:hover {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .lg\:hover\:via-teal-600:hover {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .lg\:hover\:via-teal-700:hover {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .lg\:hover\:via-teal-800:hover {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .lg\:hover\:via-teal-900:hover {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .lg\:hover\:via-blue-100:hover {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .lg\:hover\:via-blue-200:hover {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .lg\:hover\:via-blue-300:hover {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .lg\:hover\:via-blue-400:hover {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .lg\:hover\:via-blue-500:hover {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .lg\:hover\:via-blue-600:hover {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .lg\:hover\:via-blue-700:hover {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .lg\:hover\:via-blue-800:hover {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .lg\:hover\:via-blue-900:hover {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .lg\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .lg\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .lg\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .lg\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .lg\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .lg\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .lg\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .lg\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .lg\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .lg\:hover\:via-purple-100:hover {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .lg\:hover\:via-purple-200:hover {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .lg\:hover\:via-purple-300:hover {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .lg\:hover\:via-purple-400:hover {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .lg\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .lg\:hover\:via-purple-600:hover {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .lg\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .lg\:hover\:via-purple-800:hover {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .lg\:hover\:via-purple-900:hover {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .lg\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .lg\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .lg\:hover\:via-pink-300:hover {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .lg\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .lg\:hover\:via-pink-500:hover {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .lg\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .lg\:hover\:via-pink-700:hover {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .lg\:hover\:via-pink-800:hover {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .lg\:hover\:via-pink-900:hover {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .lg\:hover\:to-transparent:hover {
@@ -52563,474 +52563,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .lg\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:mid-black:focus {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:focus\:via-black:focus {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:mid-white:focus {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:focus\:via-white:focus {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .lg\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .lg\:focus\:via-gray-200:focus {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .lg\:focus\:via-gray-300:focus {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .lg\:focus\:via-gray-400:focus {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .lg\:focus\:via-gray-500:focus {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .lg\:focus\:via-gray-600:focus {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .lg\:focus\:via-gray-700:focus {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .lg\:focus\:via-gray-800:focus {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .lg\:focus\:via-gray-900:focus {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .lg\:focus\:via-red-100:focus {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .lg\:focus\:via-red-200:focus {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .lg\:focus\:via-red-300:focus {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .lg\:focus\:via-red-400:focus {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .lg\:focus\:via-red-500:focus {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .lg\:focus\:via-red-600:focus {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .lg\:focus\:via-red-700:focus {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .lg\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .lg\:focus\:via-red-900:focus {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .lg\:focus\:via-orange-100:focus {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .lg\:focus\:via-orange-200:focus {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .lg\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .lg\:focus\:via-orange-400:focus {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .lg\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .lg\:focus\:via-orange-600:focus {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .lg\:focus\:via-orange-700:focus {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .lg\:focus\:via-orange-800:focus {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .lg\:focus\:via-orange-900:focus {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .lg\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .lg\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .lg\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .lg\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .lg\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .lg\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .lg\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .lg\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .lg\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .lg\:focus\:via-green-100:focus {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .lg\:focus\:via-green-200:focus {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .lg\:focus\:via-green-300:focus {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .lg\:focus\:via-green-400:focus {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .lg\:focus\:via-green-500:focus {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .lg\:focus\:via-green-600:focus {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .lg\:focus\:via-green-700:focus {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .lg\:focus\:via-green-800:focus {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .lg\:focus\:via-green-900:focus {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .lg\:focus\:via-teal-100:focus {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .lg\:focus\:via-teal-200:focus {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .lg\:focus\:via-teal-300:focus {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .lg\:focus\:via-teal-400:focus {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .lg\:focus\:via-teal-500:focus {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .lg\:focus\:via-teal-600:focus {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .lg\:focus\:via-teal-700:focus {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .lg\:focus\:via-teal-800:focus {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .lg\:focus\:via-teal-900:focus {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .lg\:focus\:via-blue-100:focus {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .lg\:focus\:via-blue-200:focus {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .lg\:focus\:via-blue-300:focus {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .lg\:focus\:via-blue-400:focus {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .lg\:focus\:via-blue-500:focus {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .lg\:focus\:via-blue-600:focus {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .lg\:focus\:via-blue-700:focus {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .lg\:focus\:via-blue-800:focus {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .lg\:focus\:via-blue-900:focus {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .lg\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .lg\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .lg\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .lg\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .lg\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .lg\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .lg\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .lg\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .lg\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .lg\:focus\:via-purple-100:focus {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .lg\:focus\:via-purple-200:focus {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .lg\:focus\:via-purple-300:focus {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .lg\:focus\:via-purple-400:focus {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .lg\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .lg\:focus\:via-purple-600:focus {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .lg\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .lg\:focus\:via-purple-800:focus {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .lg\:focus\:via-purple-900:focus {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .lg\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .lg\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .lg\:focus\:via-pink-300:focus {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .lg\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .lg\:focus\:via-pink-500:focus {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .lg\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .lg\:focus\:via-pink-700:focus {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .lg\:focus\:via-pink-800:focus {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .lg\:focus\:via-pink-900:focus {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .lg\:focus\:to-transparent:focus {
@@ -65495,474 +65495,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .xl\:mid-transparent {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:mid-current {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:mid-black {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:via-black {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:mid-white {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:via-white {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:mid-gray-100 {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .xl\:via-gray-100 {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:mid-gray-200 {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .xl\:via-gray-200 {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:mid-gray-300 {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .xl\:via-gray-300 {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:mid-gray-400 {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .xl\:via-gray-400 {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:mid-gray-500 {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .xl\:via-gray-500 {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:mid-gray-600 {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .xl\:via-gray-600 {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:mid-gray-700 {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .xl\:via-gray-700 {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:mid-gray-800 {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .xl\:via-gray-800 {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:mid-gray-900 {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .xl\:via-gray-900 {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:mid-red-100 {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .xl\:via-red-100 {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:mid-red-200 {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .xl\:via-red-200 {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:mid-red-300 {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .xl\:via-red-300 {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:mid-red-400 {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .xl\:via-red-400 {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:mid-red-500 {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .xl\:via-red-500 {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:mid-red-600 {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .xl\:via-red-600 {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:mid-red-700 {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .xl\:via-red-700 {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:mid-red-800 {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .xl\:via-red-800 {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:mid-red-900 {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .xl\:via-red-900 {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:mid-orange-100 {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .xl\:via-orange-100 {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:mid-orange-200 {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .xl\:via-orange-200 {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:mid-orange-300 {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .xl\:via-orange-300 {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:mid-orange-400 {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .xl\:via-orange-400 {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:mid-orange-500 {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .xl\:via-orange-500 {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:mid-orange-600 {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .xl\:via-orange-600 {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:mid-orange-700 {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .xl\:via-orange-700 {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:mid-orange-800 {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .xl\:via-orange-800 {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:mid-orange-900 {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .xl\:via-orange-900 {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:mid-yellow-100 {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .xl\:via-yellow-100 {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:mid-yellow-200 {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .xl\:via-yellow-200 {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:mid-yellow-300 {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .xl\:via-yellow-300 {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:mid-yellow-400 {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .xl\:via-yellow-400 {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:mid-yellow-500 {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .xl\:via-yellow-500 {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:mid-yellow-600 {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .xl\:via-yellow-600 {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:mid-yellow-700 {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .xl\:via-yellow-700 {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:mid-yellow-800 {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .xl\:via-yellow-800 {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:mid-yellow-900 {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .xl\:via-yellow-900 {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:mid-green-100 {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .xl\:via-green-100 {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:mid-green-200 {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .xl\:via-green-200 {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:mid-green-300 {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .xl\:via-green-300 {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:mid-green-400 {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .xl\:via-green-400 {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:mid-green-500 {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .xl\:via-green-500 {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:mid-green-600 {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .xl\:via-green-600 {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:mid-green-700 {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .xl\:via-green-700 {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:mid-green-800 {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .xl\:via-green-800 {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:mid-green-900 {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .xl\:via-green-900 {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:mid-teal-100 {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .xl\:via-teal-100 {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:mid-teal-200 {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .xl\:via-teal-200 {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:mid-teal-300 {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .xl\:via-teal-300 {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:mid-teal-400 {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .xl\:via-teal-400 {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:mid-teal-500 {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .xl\:via-teal-500 {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:mid-teal-600 {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .xl\:via-teal-600 {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:mid-teal-700 {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .xl\:via-teal-700 {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:mid-teal-800 {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .xl\:via-teal-800 {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:mid-teal-900 {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .xl\:via-teal-900 {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:mid-blue-100 {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .xl\:via-blue-100 {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:mid-blue-200 {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .xl\:via-blue-200 {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:mid-blue-300 {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .xl\:via-blue-300 {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:mid-blue-400 {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .xl\:via-blue-400 {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:mid-blue-500 {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .xl\:via-blue-500 {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:mid-blue-600 {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .xl\:via-blue-600 {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:mid-blue-700 {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .xl\:via-blue-700 {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:mid-blue-800 {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .xl\:via-blue-800 {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:mid-blue-900 {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .xl\:via-blue-900 {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:mid-indigo-100 {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .xl\:via-indigo-100 {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:mid-indigo-200 {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .xl\:via-indigo-200 {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:mid-indigo-300 {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .xl\:via-indigo-300 {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:mid-indigo-400 {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .xl\:via-indigo-400 {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:mid-indigo-500 {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .xl\:via-indigo-500 {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:mid-indigo-600 {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .xl\:via-indigo-600 {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:mid-indigo-700 {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .xl\:via-indigo-700 {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:mid-indigo-800 {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .xl\:via-indigo-800 {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:mid-indigo-900 {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .xl\:via-indigo-900 {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:mid-purple-100 {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .xl\:via-purple-100 {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:mid-purple-200 {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .xl\:via-purple-200 {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:mid-purple-300 {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .xl\:via-purple-300 {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:mid-purple-400 {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .xl\:via-purple-400 {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:mid-purple-500 {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .xl\:via-purple-500 {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:mid-purple-600 {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .xl\:via-purple-600 {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:mid-purple-700 {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .xl\:via-purple-700 {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:mid-purple-800 {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .xl\:via-purple-800 {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:mid-purple-900 {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .xl\:via-purple-900 {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:mid-pink-100 {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .xl\:via-pink-100 {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:mid-pink-200 {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .xl\:via-pink-200 {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:mid-pink-300 {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .xl\:via-pink-300 {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:mid-pink-400 {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .xl\:via-pink-400 {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:mid-pink-500 {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .xl\:via-pink-500 {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:mid-pink-600 {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .xl\:via-pink-600 {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:mid-pink-700 {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .xl\:via-pink-700 {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:mid-pink-800 {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .xl\:via-pink-800 {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:mid-pink-900 {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .xl\:via-pink-900 {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .xl\:to-transparent {
@@ -66811,474 +66811,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .xl\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:mid-black:hover {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:hover\:via-black:hover {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:mid-white:hover {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:hover\:via-white:hover {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .xl\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .xl\:hover\:via-gray-200:hover {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .xl\:hover\:via-gray-300:hover {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .xl\:hover\:via-gray-400:hover {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .xl\:hover\:via-gray-500:hover {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .xl\:hover\:via-gray-600:hover {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .xl\:hover\:via-gray-700:hover {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .xl\:hover\:via-gray-800:hover {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .xl\:hover\:via-gray-900:hover {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .xl\:hover\:via-red-100:hover {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .xl\:hover\:via-red-200:hover {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .xl\:hover\:via-red-300:hover {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .xl\:hover\:via-red-400:hover {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .xl\:hover\:via-red-500:hover {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .xl\:hover\:via-red-600:hover {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .xl\:hover\:via-red-700:hover {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .xl\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .xl\:hover\:via-red-900:hover {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .xl\:hover\:via-orange-100:hover {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .xl\:hover\:via-orange-200:hover {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .xl\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .xl\:hover\:via-orange-400:hover {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .xl\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .xl\:hover\:via-orange-600:hover {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .xl\:hover\:via-orange-700:hover {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .xl\:hover\:via-orange-800:hover {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .xl\:hover\:via-orange-900:hover {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .xl\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .xl\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .xl\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .xl\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .xl\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .xl\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .xl\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .xl\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .xl\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .xl\:hover\:via-green-100:hover {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .xl\:hover\:via-green-200:hover {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .xl\:hover\:via-green-300:hover {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .xl\:hover\:via-green-400:hover {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .xl\:hover\:via-green-500:hover {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .xl\:hover\:via-green-600:hover {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .xl\:hover\:via-green-700:hover {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .xl\:hover\:via-green-800:hover {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .xl\:hover\:via-green-900:hover {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .xl\:hover\:via-teal-100:hover {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .xl\:hover\:via-teal-200:hover {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .xl\:hover\:via-teal-300:hover {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .xl\:hover\:via-teal-400:hover {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .xl\:hover\:via-teal-500:hover {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .xl\:hover\:via-teal-600:hover {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .xl\:hover\:via-teal-700:hover {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .xl\:hover\:via-teal-800:hover {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .xl\:hover\:via-teal-900:hover {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .xl\:hover\:via-blue-100:hover {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .xl\:hover\:via-blue-200:hover {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .xl\:hover\:via-blue-300:hover {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .xl\:hover\:via-blue-400:hover {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .xl\:hover\:via-blue-500:hover {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .xl\:hover\:via-blue-600:hover {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .xl\:hover\:via-blue-700:hover {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .xl\:hover\:via-blue-800:hover {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .xl\:hover\:via-blue-900:hover {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .xl\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .xl\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .xl\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .xl\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .xl\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .xl\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .xl\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .xl\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .xl\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .xl\:hover\:via-purple-100:hover {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .xl\:hover\:via-purple-200:hover {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .xl\:hover\:via-purple-300:hover {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .xl\:hover\:via-purple-400:hover {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .xl\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .xl\:hover\:via-purple-600:hover {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .xl\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .xl\:hover\:via-purple-800:hover {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .xl\:hover\:via-purple-900:hover {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .xl\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .xl\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .xl\:hover\:via-pink-300:hover {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .xl\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .xl\:hover\:via-pink-500:hover {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .xl\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .xl\:hover\:via-pink-700:hover {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .xl\:hover\:via-pink-800:hover {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .xl\:hover\:via-pink-900:hover {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .xl\:hover\:to-transparent:hover {
@@ -68127,474 +68127,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .xl\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:mid-black:focus {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:focus\:via-black:focus {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:mid-white:focus {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:focus\:via-white:focus {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .xl\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .xl\:focus\:via-gray-200:focus {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .xl\:focus\:via-gray-300:focus {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .xl\:focus\:via-gray-400:focus {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .xl\:focus\:via-gray-500:focus {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .xl\:focus\:via-gray-600:focus {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .xl\:focus\:via-gray-700:focus {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .xl\:focus\:via-gray-800:focus {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .xl\:focus\:via-gray-900:focus {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .xl\:focus\:via-red-100:focus {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .xl\:focus\:via-red-200:focus {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .xl\:focus\:via-red-300:focus {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .xl\:focus\:via-red-400:focus {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .xl\:focus\:via-red-500:focus {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .xl\:focus\:via-red-600:focus {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .xl\:focus\:via-red-700:focus {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .xl\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .xl\:focus\:via-red-900:focus {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .xl\:focus\:via-orange-100:focus {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .xl\:focus\:via-orange-200:focus {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .xl\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .xl\:focus\:via-orange-400:focus {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .xl\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .xl\:focus\:via-orange-600:focus {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .xl\:focus\:via-orange-700:focus {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .xl\:focus\:via-orange-800:focus {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .xl\:focus\:via-orange-900:focus {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .xl\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .xl\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .xl\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .xl\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .xl\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .xl\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .xl\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .xl\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .xl\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .xl\:focus\:via-green-100:focus {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .xl\:focus\:via-green-200:focus {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .xl\:focus\:via-green-300:focus {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .xl\:focus\:via-green-400:focus {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .xl\:focus\:via-green-500:focus {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .xl\:focus\:via-green-600:focus {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .xl\:focus\:via-green-700:focus {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .xl\:focus\:via-green-800:focus {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .xl\:focus\:via-green-900:focus {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .xl\:focus\:via-teal-100:focus {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .xl\:focus\:via-teal-200:focus {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .xl\:focus\:via-teal-300:focus {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .xl\:focus\:via-teal-400:focus {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .xl\:focus\:via-teal-500:focus {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .xl\:focus\:via-teal-600:focus {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .xl\:focus\:via-teal-700:focus {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .xl\:focus\:via-teal-800:focus {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .xl\:focus\:via-teal-900:focus {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .xl\:focus\:via-blue-100:focus {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .xl\:focus\:via-blue-200:focus {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .xl\:focus\:via-blue-300:focus {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .xl\:focus\:via-blue-400:focus {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .xl\:focus\:via-blue-500:focus {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .xl\:focus\:via-blue-600:focus {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .xl\:focus\:via-blue-700:focus {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .xl\:focus\:via-blue-800:focus {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .xl\:focus\:via-blue-900:focus {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .xl\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .xl\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .xl\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .xl\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .xl\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .xl\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .xl\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .xl\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .xl\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .xl\:focus\:via-purple-100:focus {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .xl\:focus\:via-purple-200:focus {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .xl\:focus\:via-purple-300:focus {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .xl\:focus\:via-purple-400:focus {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .xl\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .xl\:focus\:via-purple-600:focus {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .xl\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .xl\:focus\:via-purple-800:focus {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .xl\:focus\:via-purple-900:focus {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .xl\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .xl\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .xl\:focus\:via-pink-300:focus {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .xl\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .xl\:focus\:via-pink-500:focus {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .xl\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .xl\:focus\:via-pink-700:focus {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .xl\:focus\:via-pink-800:focus {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .xl\:focus\:via-pink-900:focus {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .xl\:focus\:to-transparent:focus {
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 88d154364..a11fcf6b9 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -3965,474 +3965,474 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.mid-transparent {
-  --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.via-transparent {
+  --gradient-via-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.mid-current {
-  --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.via-current {
+  --gradient-via-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.mid-black {
-  --gradient-mid-color: #000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.via-black {
+  --gradient-via-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.mid-white {
-  --gradient-mid-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.via-white {
+  --gradient-via-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.mid-gray-100 {
-  --gradient-mid-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+.via-gray-100 {
+  --gradient-via-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.mid-gray-200 {
-  --gradient-mid-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+.via-gray-200 {
+  --gradient-via-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.mid-gray-300 {
-  --gradient-mid-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+.via-gray-300 {
+  --gradient-via-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.mid-gray-400 {
-  --gradient-mid-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+.via-gray-400 {
+  --gradient-via-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.mid-gray-500 {
-  --gradient-mid-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+.via-gray-500 {
+  --gradient-via-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.mid-gray-600 {
-  --gradient-mid-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+.via-gray-600 {
+  --gradient-via-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.mid-gray-700 {
-  --gradient-mid-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+.via-gray-700 {
+  --gradient-via-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.mid-gray-800 {
-  --gradient-mid-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+.via-gray-800 {
+  --gradient-via-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.mid-gray-900 {
-  --gradient-mid-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+.via-gray-900 {
+  --gradient-via-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.mid-red-100 {
-  --gradient-mid-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+.via-red-100 {
+  --gradient-via-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.mid-red-200 {
-  --gradient-mid-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+.via-red-200 {
+  --gradient-via-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.mid-red-300 {
-  --gradient-mid-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+.via-red-300 {
+  --gradient-via-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.mid-red-400 {
-  --gradient-mid-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+.via-red-400 {
+  --gradient-via-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.mid-red-500 {
-  --gradient-mid-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+.via-red-500 {
+  --gradient-via-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.mid-red-600 {
-  --gradient-mid-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+.via-red-600 {
+  --gradient-via-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.mid-red-700 {
-  --gradient-mid-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+.via-red-700 {
+  --gradient-via-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.mid-red-800 {
-  --gradient-mid-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+.via-red-800 {
+  --gradient-via-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.mid-red-900 {
-  --gradient-mid-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+.via-red-900 {
+  --gradient-via-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.mid-orange-100 {
-  --gradient-mid-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+.via-orange-100 {
+  --gradient-via-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.mid-orange-200 {
-  --gradient-mid-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+.via-orange-200 {
+  --gradient-via-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.mid-orange-300 {
-  --gradient-mid-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+.via-orange-300 {
+  --gradient-via-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.mid-orange-400 {
-  --gradient-mid-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+.via-orange-400 {
+  --gradient-via-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.mid-orange-500 {
-  --gradient-mid-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+.via-orange-500 {
+  --gradient-via-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.mid-orange-600 {
-  --gradient-mid-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+.via-orange-600 {
+  --gradient-via-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.mid-orange-700 {
-  --gradient-mid-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+.via-orange-700 {
+  --gradient-via-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.mid-orange-800 {
-  --gradient-mid-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+.via-orange-800 {
+  --gradient-via-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.mid-orange-900 {
-  --gradient-mid-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+.via-orange-900 {
+  --gradient-via-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.mid-yellow-100 {
-  --gradient-mid-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+.via-yellow-100 {
+  --gradient-via-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.mid-yellow-200 {
-  --gradient-mid-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+.via-yellow-200 {
+  --gradient-via-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.mid-yellow-300 {
-  --gradient-mid-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+.via-yellow-300 {
+  --gradient-via-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.mid-yellow-400 {
-  --gradient-mid-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+.via-yellow-400 {
+  --gradient-via-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.mid-yellow-500 {
-  --gradient-mid-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+.via-yellow-500 {
+  --gradient-via-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.mid-yellow-600 {
-  --gradient-mid-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+.via-yellow-600 {
+  --gradient-via-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.mid-yellow-700 {
-  --gradient-mid-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+.via-yellow-700 {
+  --gradient-via-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.mid-yellow-800 {
-  --gradient-mid-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+.via-yellow-800 {
+  --gradient-via-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.mid-yellow-900 {
-  --gradient-mid-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+.via-yellow-900 {
+  --gradient-via-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.mid-green-100 {
-  --gradient-mid-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+.via-green-100 {
+  --gradient-via-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.mid-green-200 {
-  --gradient-mid-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+.via-green-200 {
+  --gradient-via-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.mid-green-300 {
-  --gradient-mid-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+.via-green-300 {
+  --gradient-via-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.mid-green-400 {
-  --gradient-mid-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+.via-green-400 {
+  --gradient-via-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.mid-green-500 {
-  --gradient-mid-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+.via-green-500 {
+  --gradient-via-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.mid-green-600 {
-  --gradient-mid-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+.via-green-600 {
+  --gradient-via-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.mid-green-700 {
-  --gradient-mid-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+.via-green-700 {
+  --gradient-via-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.mid-green-800 {
-  --gradient-mid-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+.via-green-800 {
+  --gradient-via-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.mid-green-900 {
-  --gradient-mid-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+.via-green-900 {
+  --gradient-via-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.mid-teal-100 {
-  --gradient-mid-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+.via-teal-100 {
+  --gradient-via-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.mid-teal-200 {
-  --gradient-mid-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+.via-teal-200 {
+  --gradient-via-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.mid-teal-300 {
-  --gradient-mid-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+.via-teal-300 {
+  --gradient-via-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.mid-teal-400 {
-  --gradient-mid-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+.via-teal-400 {
+  --gradient-via-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.mid-teal-500 {
-  --gradient-mid-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+.via-teal-500 {
+  --gradient-via-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.mid-teal-600 {
-  --gradient-mid-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+.via-teal-600 {
+  --gradient-via-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.mid-teal-700 {
-  --gradient-mid-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+.via-teal-700 {
+  --gradient-via-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.mid-teal-800 {
-  --gradient-mid-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+.via-teal-800 {
+  --gradient-via-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.mid-teal-900 {
-  --gradient-mid-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+.via-teal-900 {
+  --gradient-via-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.mid-blue-100 {
-  --gradient-mid-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+.via-blue-100 {
+  --gradient-via-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.mid-blue-200 {
-  --gradient-mid-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+.via-blue-200 {
+  --gradient-via-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.mid-blue-300 {
-  --gradient-mid-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+.via-blue-300 {
+  --gradient-via-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.mid-blue-400 {
-  --gradient-mid-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+.via-blue-400 {
+  --gradient-via-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.mid-blue-500 {
-  --gradient-mid-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+.via-blue-500 {
+  --gradient-via-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.mid-blue-600 {
-  --gradient-mid-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+.via-blue-600 {
+  --gradient-via-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.mid-blue-700 {
-  --gradient-mid-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+.via-blue-700 {
+  --gradient-via-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.mid-blue-800 {
-  --gradient-mid-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+.via-blue-800 {
+  --gradient-via-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.mid-blue-900 {
-  --gradient-mid-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+.via-blue-900 {
+  --gradient-via-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.mid-indigo-100 {
-  --gradient-mid-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+.via-indigo-100 {
+  --gradient-via-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.mid-indigo-200 {
-  --gradient-mid-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+.via-indigo-200 {
+  --gradient-via-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.mid-indigo-300 {
-  --gradient-mid-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+.via-indigo-300 {
+  --gradient-via-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.mid-indigo-400 {
-  --gradient-mid-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+.via-indigo-400 {
+  --gradient-via-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.mid-indigo-500 {
-  --gradient-mid-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+.via-indigo-500 {
+  --gradient-via-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.mid-indigo-600 {
-  --gradient-mid-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+.via-indigo-600 {
+  --gradient-via-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.mid-indigo-700 {
-  --gradient-mid-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+.via-indigo-700 {
+  --gradient-via-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.mid-indigo-800 {
-  --gradient-mid-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+.via-indigo-800 {
+  --gradient-via-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.mid-indigo-900 {
-  --gradient-mid-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+.via-indigo-900 {
+  --gradient-via-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.mid-purple-100 {
-  --gradient-mid-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+.via-purple-100 {
+  --gradient-via-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.mid-purple-200 {
-  --gradient-mid-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+.via-purple-200 {
+  --gradient-via-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.mid-purple-300 {
-  --gradient-mid-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+.via-purple-300 {
+  --gradient-via-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.mid-purple-400 {
-  --gradient-mid-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+.via-purple-400 {
+  --gradient-via-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.mid-purple-500 {
-  --gradient-mid-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+.via-purple-500 {
+  --gradient-via-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.mid-purple-600 {
-  --gradient-mid-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+.via-purple-600 {
+  --gradient-via-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.mid-purple-700 {
-  --gradient-mid-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+.via-purple-700 {
+  --gradient-via-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.mid-purple-800 {
-  --gradient-mid-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+.via-purple-800 {
+  --gradient-via-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.mid-purple-900 {
-  --gradient-mid-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+.via-purple-900 {
+  --gradient-via-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.mid-pink-100 {
-  --gradient-mid-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+.via-pink-100 {
+  --gradient-via-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.mid-pink-200 {
-  --gradient-mid-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+.via-pink-200 {
+  --gradient-via-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.mid-pink-300 {
-  --gradient-mid-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+.via-pink-300 {
+  --gradient-via-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.mid-pink-400 {
-  --gradient-mid-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+.via-pink-400 {
+  --gradient-via-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.mid-pink-500 {
-  --gradient-mid-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+.via-pink-500 {
+  --gradient-via-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.mid-pink-600 {
-  --gradient-mid-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+.via-pink-600 {
+  --gradient-via-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.mid-pink-700 {
-  --gradient-mid-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+.via-pink-700 {
+  --gradient-via-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.mid-pink-800 {
-  --gradient-mid-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+.via-pink-800 {
+  --gradient-via-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.mid-pink-900 {
-  --gradient-mid-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+.via-pink-900 {
+  --gradient-via-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
 .to-transparent {
@@ -5281,474 +5281,474 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.hover\:mid-transparent:hover {
-  --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.hover\:via-transparent:hover {
+  --gradient-via-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:mid-current:hover {
-  --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.hover\:via-current:hover {
+  --gradient-via-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:mid-black:hover {
-  --gradient-mid-color: #000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.hover\:via-black:hover {
+  --gradient-via-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.hover\:mid-white:hover {
-  --gradient-mid-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.hover\:via-white:hover {
+  --gradient-via-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.hover\:mid-gray-100:hover {
-  --gradient-mid-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+.hover\:via-gray-100:hover {
+  --gradient-via-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.hover\:mid-gray-200:hover {
-  --gradient-mid-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+.hover\:via-gray-200:hover {
+  --gradient-via-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.hover\:mid-gray-300:hover {
-  --gradient-mid-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+.hover\:via-gray-300:hover {
+  --gradient-via-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.hover\:mid-gray-400:hover {
-  --gradient-mid-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+.hover\:via-gray-400:hover {
+  --gradient-via-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.hover\:mid-gray-500:hover {
-  --gradient-mid-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+.hover\:via-gray-500:hover {
+  --gradient-via-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.hover\:mid-gray-600:hover {
-  --gradient-mid-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+.hover\:via-gray-600:hover {
+  --gradient-via-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.hover\:mid-gray-700:hover {
-  --gradient-mid-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+.hover\:via-gray-700:hover {
+  --gradient-via-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.hover\:mid-gray-800:hover {
-  --gradient-mid-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+.hover\:via-gray-800:hover {
+  --gradient-via-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.hover\:mid-gray-900:hover {
-  --gradient-mid-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+.hover\:via-gray-900:hover {
+  --gradient-via-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.hover\:mid-red-100:hover {
-  --gradient-mid-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+.hover\:via-red-100:hover {
+  --gradient-via-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.hover\:mid-red-200:hover {
-  --gradient-mid-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+.hover\:via-red-200:hover {
+  --gradient-via-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.hover\:mid-red-300:hover {
-  --gradient-mid-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+.hover\:via-red-300:hover {
+  --gradient-via-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.hover\:mid-red-400:hover {
-  --gradient-mid-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+.hover\:via-red-400:hover {
+  --gradient-via-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.hover\:mid-red-500:hover {
-  --gradient-mid-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+.hover\:via-red-500:hover {
+  --gradient-via-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.hover\:mid-red-600:hover {
-  --gradient-mid-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+.hover\:via-red-600:hover {
+  --gradient-via-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.hover\:mid-red-700:hover {
-  --gradient-mid-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+.hover\:via-red-700:hover {
+  --gradient-via-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.hover\:mid-red-800:hover {
-  --gradient-mid-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+.hover\:via-red-800:hover {
+  --gradient-via-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.hover\:mid-red-900:hover {
-  --gradient-mid-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+.hover\:via-red-900:hover {
+  --gradient-via-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.hover\:mid-orange-100:hover {
-  --gradient-mid-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+.hover\:via-orange-100:hover {
+  --gradient-via-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.hover\:mid-orange-200:hover {
-  --gradient-mid-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+.hover\:via-orange-200:hover {
+  --gradient-via-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.hover\:mid-orange-300:hover {
-  --gradient-mid-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+.hover\:via-orange-300:hover {
+  --gradient-via-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.hover\:mid-orange-400:hover {
-  --gradient-mid-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+.hover\:via-orange-400:hover {
+  --gradient-via-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.hover\:mid-orange-500:hover {
-  --gradient-mid-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+.hover\:via-orange-500:hover {
+  --gradient-via-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.hover\:mid-orange-600:hover {
-  --gradient-mid-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+.hover\:via-orange-600:hover {
+  --gradient-via-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.hover\:mid-orange-700:hover {
-  --gradient-mid-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+.hover\:via-orange-700:hover {
+  --gradient-via-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.hover\:mid-orange-800:hover {
-  --gradient-mid-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+.hover\:via-orange-800:hover {
+  --gradient-via-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.hover\:mid-orange-900:hover {
-  --gradient-mid-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+.hover\:via-orange-900:hover {
+  --gradient-via-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.hover\:mid-yellow-100:hover {
-  --gradient-mid-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+.hover\:via-yellow-100:hover {
+  --gradient-via-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.hover\:mid-yellow-200:hover {
-  --gradient-mid-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+.hover\:via-yellow-200:hover {
+  --gradient-via-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.hover\:mid-yellow-300:hover {
-  --gradient-mid-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+.hover\:via-yellow-300:hover {
+  --gradient-via-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.hover\:mid-yellow-400:hover {
-  --gradient-mid-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+.hover\:via-yellow-400:hover {
+  --gradient-via-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.hover\:mid-yellow-500:hover {
-  --gradient-mid-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+.hover\:via-yellow-500:hover {
+  --gradient-via-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.hover\:mid-yellow-600:hover {
-  --gradient-mid-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+.hover\:via-yellow-600:hover {
+  --gradient-via-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.hover\:mid-yellow-700:hover {
-  --gradient-mid-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+.hover\:via-yellow-700:hover {
+  --gradient-via-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.hover\:mid-yellow-800:hover {
-  --gradient-mid-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+.hover\:via-yellow-800:hover {
+  --gradient-via-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.hover\:mid-yellow-900:hover {
-  --gradient-mid-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+.hover\:via-yellow-900:hover {
+  --gradient-via-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.hover\:mid-green-100:hover {
-  --gradient-mid-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+.hover\:via-green-100:hover {
+  --gradient-via-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.hover\:mid-green-200:hover {
-  --gradient-mid-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+.hover\:via-green-200:hover {
+  --gradient-via-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.hover\:mid-green-300:hover {
-  --gradient-mid-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+.hover\:via-green-300:hover {
+  --gradient-via-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.hover\:mid-green-400:hover {
-  --gradient-mid-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+.hover\:via-green-400:hover {
+  --gradient-via-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.hover\:mid-green-500:hover {
-  --gradient-mid-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+.hover\:via-green-500:hover {
+  --gradient-via-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.hover\:mid-green-600:hover {
-  --gradient-mid-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+.hover\:via-green-600:hover {
+  --gradient-via-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.hover\:mid-green-700:hover {
-  --gradient-mid-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+.hover\:via-green-700:hover {
+  --gradient-via-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.hover\:mid-green-800:hover {
-  --gradient-mid-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+.hover\:via-green-800:hover {
+  --gradient-via-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.hover\:mid-green-900:hover {
-  --gradient-mid-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+.hover\:via-green-900:hover {
+  --gradient-via-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.hover\:mid-teal-100:hover {
-  --gradient-mid-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+.hover\:via-teal-100:hover {
+  --gradient-via-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.hover\:mid-teal-200:hover {
-  --gradient-mid-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+.hover\:via-teal-200:hover {
+  --gradient-via-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.hover\:mid-teal-300:hover {
-  --gradient-mid-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+.hover\:via-teal-300:hover {
+  --gradient-via-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.hover\:mid-teal-400:hover {
-  --gradient-mid-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+.hover\:via-teal-400:hover {
+  --gradient-via-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.hover\:mid-teal-500:hover {
-  --gradient-mid-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+.hover\:via-teal-500:hover {
+  --gradient-via-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.hover\:mid-teal-600:hover {
-  --gradient-mid-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+.hover\:via-teal-600:hover {
+  --gradient-via-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.hover\:mid-teal-700:hover {
-  --gradient-mid-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+.hover\:via-teal-700:hover {
+  --gradient-via-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.hover\:mid-teal-800:hover {
-  --gradient-mid-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+.hover\:via-teal-800:hover {
+  --gradient-via-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.hover\:mid-teal-900:hover {
-  --gradient-mid-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+.hover\:via-teal-900:hover {
+  --gradient-via-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.hover\:mid-blue-100:hover {
-  --gradient-mid-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+.hover\:via-blue-100:hover {
+  --gradient-via-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.hover\:mid-blue-200:hover {
-  --gradient-mid-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+.hover\:via-blue-200:hover {
+  --gradient-via-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.hover\:mid-blue-300:hover {
-  --gradient-mid-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+.hover\:via-blue-300:hover {
+  --gradient-via-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.hover\:mid-blue-400:hover {
-  --gradient-mid-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+.hover\:via-blue-400:hover {
+  --gradient-via-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.hover\:mid-blue-500:hover {
-  --gradient-mid-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+.hover\:via-blue-500:hover {
+  --gradient-via-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.hover\:mid-blue-600:hover {
-  --gradient-mid-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+.hover\:via-blue-600:hover {
+  --gradient-via-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.hover\:mid-blue-700:hover {
-  --gradient-mid-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+.hover\:via-blue-700:hover {
+  --gradient-via-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.hover\:mid-blue-800:hover {
-  --gradient-mid-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+.hover\:via-blue-800:hover {
+  --gradient-via-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.hover\:mid-blue-900:hover {
-  --gradient-mid-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+.hover\:via-blue-900:hover {
+  --gradient-via-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.hover\:mid-indigo-100:hover {
-  --gradient-mid-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+.hover\:via-indigo-100:hover {
+  --gradient-via-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.hover\:mid-indigo-200:hover {
-  --gradient-mid-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+.hover\:via-indigo-200:hover {
+  --gradient-via-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.hover\:mid-indigo-300:hover {
-  --gradient-mid-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+.hover\:via-indigo-300:hover {
+  --gradient-via-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.hover\:mid-indigo-400:hover {
-  --gradient-mid-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+.hover\:via-indigo-400:hover {
+  --gradient-via-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.hover\:mid-indigo-500:hover {
-  --gradient-mid-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+.hover\:via-indigo-500:hover {
+  --gradient-via-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.hover\:mid-indigo-600:hover {
-  --gradient-mid-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+.hover\:via-indigo-600:hover {
+  --gradient-via-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.hover\:mid-indigo-700:hover {
-  --gradient-mid-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+.hover\:via-indigo-700:hover {
+  --gradient-via-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.hover\:mid-indigo-800:hover {
-  --gradient-mid-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+.hover\:via-indigo-800:hover {
+  --gradient-via-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.hover\:mid-indigo-900:hover {
-  --gradient-mid-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+.hover\:via-indigo-900:hover {
+  --gradient-via-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.hover\:mid-purple-100:hover {
-  --gradient-mid-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+.hover\:via-purple-100:hover {
+  --gradient-via-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.hover\:mid-purple-200:hover {
-  --gradient-mid-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+.hover\:via-purple-200:hover {
+  --gradient-via-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.hover\:mid-purple-300:hover {
-  --gradient-mid-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+.hover\:via-purple-300:hover {
+  --gradient-via-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.hover\:mid-purple-400:hover {
-  --gradient-mid-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+.hover\:via-purple-400:hover {
+  --gradient-via-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.hover\:mid-purple-500:hover {
-  --gradient-mid-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+.hover\:via-purple-500:hover {
+  --gradient-via-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.hover\:mid-purple-600:hover {
-  --gradient-mid-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+.hover\:via-purple-600:hover {
+  --gradient-via-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.hover\:mid-purple-700:hover {
-  --gradient-mid-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+.hover\:via-purple-700:hover {
+  --gradient-via-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.hover\:mid-purple-800:hover {
-  --gradient-mid-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+.hover\:via-purple-800:hover {
+  --gradient-via-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.hover\:mid-purple-900:hover {
-  --gradient-mid-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+.hover\:via-purple-900:hover {
+  --gradient-via-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.hover\:mid-pink-100:hover {
-  --gradient-mid-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+.hover\:via-pink-100:hover {
+  --gradient-via-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.hover\:mid-pink-200:hover {
-  --gradient-mid-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+.hover\:via-pink-200:hover {
+  --gradient-via-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.hover\:mid-pink-300:hover {
-  --gradient-mid-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+.hover\:via-pink-300:hover {
+  --gradient-via-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.hover\:mid-pink-400:hover {
-  --gradient-mid-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+.hover\:via-pink-400:hover {
+  --gradient-via-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.hover\:mid-pink-500:hover {
-  --gradient-mid-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+.hover\:via-pink-500:hover {
+  --gradient-via-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.hover\:mid-pink-600:hover {
-  --gradient-mid-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+.hover\:via-pink-600:hover {
+  --gradient-via-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.hover\:mid-pink-700:hover {
-  --gradient-mid-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+.hover\:via-pink-700:hover {
+  --gradient-via-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.hover\:mid-pink-800:hover {
-  --gradient-mid-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+.hover\:via-pink-800:hover {
+  --gradient-via-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.hover\:mid-pink-900:hover {
-  --gradient-mid-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+.hover\:via-pink-900:hover {
+  --gradient-via-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
 .hover\:to-transparent:hover {
@@ -6597,474 +6597,474 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
-.focus\:mid-transparent:focus {
-  --gradient-mid-color: transparent;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.focus\:via-transparent:focus {
+  --gradient-via-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:mid-current:focus {
-  --gradient-mid-color: currentColor;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.focus\:via-current:focus {
+  --gradient-via-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:mid-black:focus {
-  --gradient-mid-color: #000;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+.focus\:via-black:focus {
+  --gradient-via-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
 }
 
-.focus\:mid-white:focus {
-  --gradient-mid-color: #fff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+.focus\:via-white:focus {
+  --gradient-via-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
 }
 
-.focus\:mid-gray-100:focus {
-  --gradient-mid-color: #f7fafc;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+.focus\:via-gray-100:focus {
+  --gradient-via-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
 }
 
-.focus\:mid-gray-200:focus {
-  --gradient-mid-color: #edf2f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+.focus\:via-gray-200:focus {
+  --gradient-via-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
 }
 
-.focus\:mid-gray-300:focus {
-  --gradient-mid-color: #e2e8f0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+.focus\:via-gray-300:focus {
+  --gradient-via-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
 }
 
-.focus\:mid-gray-400:focus {
-  --gradient-mid-color: #cbd5e0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+.focus\:via-gray-400:focus {
+  --gradient-via-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
 }
 
-.focus\:mid-gray-500:focus {
-  --gradient-mid-color: #a0aec0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+.focus\:via-gray-500:focus {
+  --gradient-via-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
 }
 
-.focus\:mid-gray-600:focus {
-  --gradient-mid-color: #718096;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+.focus\:via-gray-600:focus {
+  --gradient-via-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
 }
 
-.focus\:mid-gray-700:focus {
-  --gradient-mid-color: #4a5568;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+.focus\:via-gray-700:focus {
+  --gradient-via-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
 }
 
-.focus\:mid-gray-800:focus {
-  --gradient-mid-color: #2d3748;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+.focus\:via-gray-800:focus {
+  --gradient-via-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
 }
 
-.focus\:mid-gray-900:focus {
-  --gradient-mid-color: #1a202c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+.focus\:via-gray-900:focus {
+  --gradient-via-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
 }
 
-.focus\:mid-red-100:focus {
-  --gradient-mid-color: #fff5f5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+.focus\:via-red-100:focus {
+  --gradient-via-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
 }
 
-.focus\:mid-red-200:focus {
-  --gradient-mid-color: #fed7d7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+.focus\:via-red-200:focus {
+  --gradient-via-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
 }
 
-.focus\:mid-red-300:focus {
-  --gradient-mid-color: #feb2b2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+.focus\:via-red-300:focus {
+  --gradient-via-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
 }
 
-.focus\:mid-red-400:focus {
-  --gradient-mid-color: #fc8181;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+.focus\:via-red-400:focus {
+  --gradient-via-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
 }
 
-.focus\:mid-red-500:focus {
-  --gradient-mid-color: #f56565;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+.focus\:via-red-500:focus {
+  --gradient-via-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
 }
 
-.focus\:mid-red-600:focus {
-  --gradient-mid-color: #e53e3e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+.focus\:via-red-600:focus {
+  --gradient-via-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
 }
 
-.focus\:mid-red-700:focus {
-  --gradient-mid-color: #c53030;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+.focus\:via-red-700:focus {
+  --gradient-via-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
 }
 
-.focus\:mid-red-800:focus {
-  --gradient-mid-color: #9b2c2c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+.focus\:via-red-800:focus {
+  --gradient-via-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
 }
 
-.focus\:mid-red-900:focus {
-  --gradient-mid-color: #742a2a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+.focus\:via-red-900:focus {
+  --gradient-via-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
 }
 
-.focus\:mid-orange-100:focus {
-  --gradient-mid-color: #fffaf0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+.focus\:via-orange-100:focus {
+  --gradient-via-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
 }
 
-.focus\:mid-orange-200:focus {
-  --gradient-mid-color: #feebc8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+.focus\:via-orange-200:focus {
+  --gradient-via-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
 }
 
-.focus\:mid-orange-300:focus {
-  --gradient-mid-color: #fbd38d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+.focus\:via-orange-300:focus {
+  --gradient-via-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
 }
 
-.focus\:mid-orange-400:focus {
-  --gradient-mid-color: #f6ad55;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+.focus\:via-orange-400:focus {
+  --gradient-via-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
 }
 
-.focus\:mid-orange-500:focus {
-  --gradient-mid-color: #ed8936;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+.focus\:via-orange-500:focus {
+  --gradient-via-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
 }
 
-.focus\:mid-orange-600:focus {
-  --gradient-mid-color: #dd6b20;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+.focus\:via-orange-600:focus {
+  --gradient-via-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
 }
 
-.focus\:mid-orange-700:focus {
-  --gradient-mid-color: #c05621;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+.focus\:via-orange-700:focus {
+  --gradient-via-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
 }
 
-.focus\:mid-orange-800:focus {
-  --gradient-mid-color: #9c4221;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+.focus\:via-orange-800:focus {
+  --gradient-via-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
 }
 
-.focus\:mid-orange-900:focus {
-  --gradient-mid-color: #7b341e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+.focus\:via-orange-900:focus {
+  --gradient-via-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
 }
 
-.focus\:mid-yellow-100:focus {
-  --gradient-mid-color: #fffff0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+.focus\:via-yellow-100:focus {
+  --gradient-via-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
 }
 
-.focus\:mid-yellow-200:focus {
-  --gradient-mid-color: #fefcbf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+.focus\:via-yellow-200:focus {
+  --gradient-via-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
 }
 
-.focus\:mid-yellow-300:focus {
-  --gradient-mid-color: #faf089;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+.focus\:via-yellow-300:focus {
+  --gradient-via-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
 }
 
-.focus\:mid-yellow-400:focus {
-  --gradient-mid-color: #f6e05e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+.focus\:via-yellow-400:focus {
+  --gradient-via-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
 }
 
-.focus\:mid-yellow-500:focus {
-  --gradient-mid-color: #ecc94b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+.focus\:via-yellow-500:focus {
+  --gradient-via-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
 }
 
-.focus\:mid-yellow-600:focus {
-  --gradient-mid-color: #d69e2e;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+.focus\:via-yellow-600:focus {
+  --gradient-via-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
 }
 
-.focus\:mid-yellow-700:focus {
-  --gradient-mid-color: #b7791f;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+.focus\:via-yellow-700:focus {
+  --gradient-via-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
 }
 
-.focus\:mid-yellow-800:focus {
-  --gradient-mid-color: #975a16;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+.focus\:via-yellow-800:focus {
+  --gradient-via-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
 }
 
-.focus\:mid-yellow-900:focus {
-  --gradient-mid-color: #744210;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+.focus\:via-yellow-900:focus {
+  --gradient-via-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
 }
 
-.focus\:mid-green-100:focus {
-  --gradient-mid-color: #f0fff4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+.focus\:via-green-100:focus {
+  --gradient-via-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
 }
 
-.focus\:mid-green-200:focus {
-  --gradient-mid-color: #c6f6d5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+.focus\:via-green-200:focus {
+  --gradient-via-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
 }
 
-.focus\:mid-green-300:focus {
-  --gradient-mid-color: #9ae6b4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+.focus\:via-green-300:focus {
+  --gradient-via-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
 }
 
-.focus\:mid-green-400:focus {
-  --gradient-mid-color: #68d391;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+.focus\:via-green-400:focus {
+  --gradient-via-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
 }
 
-.focus\:mid-green-500:focus {
-  --gradient-mid-color: #48bb78;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+.focus\:via-green-500:focus {
+  --gradient-via-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
 }
 
-.focus\:mid-green-600:focus {
-  --gradient-mid-color: #38a169;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+.focus\:via-green-600:focus {
+  --gradient-via-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
 }
 
-.focus\:mid-green-700:focus {
-  --gradient-mid-color: #2f855a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+.focus\:via-green-700:focus {
+  --gradient-via-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
 }
 
-.focus\:mid-green-800:focus {
-  --gradient-mid-color: #276749;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+.focus\:via-green-800:focus {
+  --gradient-via-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
 }
 
-.focus\:mid-green-900:focus {
-  --gradient-mid-color: #22543d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+.focus\:via-green-900:focus {
+  --gradient-via-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
 }
 
-.focus\:mid-teal-100:focus {
-  --gradient-mid-color: #e6fffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+.focus\:via-teal-100:focus {
+  --gradient-via-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
 }
 
-.focus\:mid-teal-200:focus {
-  --gradient-mid-color: #b2f5ea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+.focus\:via-teal-200:focus {
+  --gradient-via-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
 }
 
-.focus\:mid-teal-300:focus {
-  --gradient-mid-color: #81e6d9;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+.focus\:via-teal-300:focus {
+  --gradient-via-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
 }
 
-.focus\:mid-teal-400:focus {
-  --gradient-mid-color: #4fd1c5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+.focus\:via-teal-400:focus {
+  --gradient-via-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
 }
 
-.focus\:mid-teal-500:focus {
-  --gradient-mid-color: #38b2ac;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+.focus\:via-teal-500:focus {
+  --gradient-via-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
 }
 
-.focus\:mid-teal-600:focus {
-  --gradient-mid-color: #319795;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+.focus\:via-teal-600:focus {
+  --gradient-via-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
 }
 
-.focus\:mid-teal-700:focus {
-  --gradient-mid-color: #2c7a7b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+.focus\:via-teal-700:focus {
+  --gradient-via-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
 }
 
-.focus\:mid-teal-800:focus {
-  --gradient-mid-color: #285e61;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+.focus\:via-teal-800:focus {
+  --gradient-via-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
 }
 
-.focus\:mid-teal-900:focus {
-  --gradient-mid-color: #234e52;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+.focus\:via-teal-900:focus {
+  --gradient-via-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
 }
 
-.focus\:mid-blue-100:focus {
-  --gradient-mid-color: #ebf8ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+.focus\:via-blue-100:focus {
+  --gradient-via-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
 }
 
-.focus\:mid-blue-200:focus {
-  --gradient-mid-color: #bee3f8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+.focus\:via-blue-200:focus {
+  --gradient-via-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
 }
 
-.focus\:mid-blue-300:focus {
-  --gradient-mid-color: #90cdf4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+.focus\:via-blue-300:focus {
+  --gradient-via-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
 }
 
-.focus\:mid-blue-400:focus {
-  --gradient-mid-color: #63b3ed;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+.focus\:via-blue-400:focus {
+  --gradient-via-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
 }
 
-.focus\:mid-blue-500:focus {
-  --gradient-mid-color: #4299e1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+.focus\:via-blue-500:focus {
+  --gradient-via-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
 }
 
-.focus\:mid-blue-600:focus {
-  --gradient-mid-color: #3182ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+.focus\:via-blue-600:focus {
+  --gradient-via-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
 }
 
-.focus\:mid-blue-700:focus {
-  --gradient-mid-color: #2b6cb0;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+.focus\:via-blue-700:focus {
+  --gradient-via-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
 }
 
-.focus\:mid-blue-800:focus {
-  --gradient-mid-color: #2c5282;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+.focus\:via-blue-800:focus {
+  --gradient-via-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
 }
 
-.focus\:mid-blue-900:focus {
-  --gradient-mid-color: #2a4365;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+.focus\:via-blue-900:focus {
+  --gradient-via-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
 }
 
-.focus\:mid-indigo-100:focus {
-  --gradient-mid-color: #ebf4ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+.focus\:via-indigo-100:focus {
+  --gradient-via-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
 }
 
-.focus\:mid-indigo-200:focus {
-  --gradient-mid-color: #c3dafe;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+.focus\:via-indigo-200:focus {
+  --gradient-via-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
 }
 
-.focus\:mid-indigo-300:focus {
-  --gradient-mid-color: #a3bffa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+.focus\:via-indigo-300:focus {
+  --gradient-via-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
 }
 
-.focus\:mid-indigo-400:focus {
-  --gradient-mid-color: #7f9cf5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+.focus\:via-indigo-400:focus {
+  --gradient-via-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
 }
 
-.focus\:mid-indigo-500:focus {
-  --gradient-mid-color: #667eea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+.focus\:via-indigo-500:focus {
+  --gradient-via-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
 }
 
-.focus\:mid-indigo-600:focus {
-  --gradient-mid-color: #5a67d8;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+.focus\:via-indigo-600:focus {
+  --gradient-via-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
 }
 
-.focus\:mid-indigo-700:focus {
-  --gradient-mid-color: #4c51bf;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+.focus\:via-indigo-700:focus {
+  --gradient-via-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
 }
 
-.focus\:mid-indigo-800:focus {
-  --gradient-mid-color: #434190;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+.focus\:via-indigo-800:focus {
+  --gradient-via-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
 }
 
-.focus\:mid-indigo-900:focus {
-  --gradient-mid-color: #3c366b;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+.focus\:via-indigo-900:focus {
+  --gradient-via-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
 }
 
-.focus\:mid-purple-100:focus {
-  --gradient-mid-color: #faf5ff;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+.focus\:via-purple-100:focus {
+  --gradient-via-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
 }
 
-.focus\:mid-purple-200:focus {
-  --gradient-mid-color: #e9d8fd;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+.focus\:via-purple-200:focus {
+  --gradient-via-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
 }
 
-.focus\:mid-purple-300:focus {
-  --gradient-mid-color: #d6bcfa;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+.focus\:via-purple-300:focus {
+  --gradient-via-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
 }
 
-.focus\:mid-purple-400:focus {
-  --gradient-mid-color: #b794f4;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+.focus\:via-purple-400:focus {
+  --gradient-via-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
 }
 
-.focus\:mid-purple-500:focus {
-  --gradient-mid-color: #9f7aea;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+.focus\:via-purple-500:focus {
+  --gradient-via-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
 }
 
-.focus\:mid-purple-600:focus {
-  --gradient-mid-color: #805ad5;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+.focus\:via-purple-600:focus {
+  --gradient-via-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
 }
 
-.focus\:mid-purple-700:focus {
-  --gradient-mid-color: #6b46c1;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+.focus\:via-purple-700:focus {
+  --gradient-via-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
 }
 
-.focus\:mid-purple-800:focus {
-  --gradient-mid-color: #553c9a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+.focus\:via-purple-800:focus {
+  --gradient-via-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
 }
 
-.focus\:mid-purple-900:focus {
-  --gradient-mid-color: #44337a;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+.focus\:via-purple-900:focus {
+  --gradient-via-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
 }
 
-.focus\:mid-pink-100:focus {
-  --gradient-mid-color: #fff5f7;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+.focus\:via-pink-100:focus {
+  --gradient-via-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
 }
 
-.focus\:mid-pink-200:focus {
-  --gradient-mid-color: #fed7e2;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+.focus\:via-pink-200:focus {
+  --gradient-via-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
 }
 
-.focus\:mid-pink-300:focus {
-  --gradient-mid-color: #fbb6ce;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+.focus\:via-pink-300:focus {
+  --gradient-via-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
 }
 
-.focus\:mid-pink-400:focus {
-  --gradient-mid-color: #f687b3;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+.focus\:via-pink-400:focus {
+  --gradient-via-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
 }
 
-.focus\:mid-pink-500:focus {
-  --gradient-mid-color: #ed64a6;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+.focus\:via-pink-500:focus {
+  --gradient-via-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
 }
 
-.focus\:mid-pink-600:focus {
-  --gradient-mid-color: #d53f8c;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+.focus\:via-pink-600:focus {
+  --gradient-via-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
 }
 
-.focus\:mid-pink-700:focus {
-  --gradient-mid-color: #b83280;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+.focus\:via-pink-700:focus {
+  --gradient-via-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
 }
 
-.focus\:mid-pink-800:focus {
-  --gradient-mid-color: #97266d;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+.focus\:via-pink-800:focus {
+  --gradient-via-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
 }
 
-.focus\:mid-pink-900:focus {
-  --gradient-mid-color: #702459;
-  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+.focus\:via-pink-900:focus {
+  --gradient-via-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
 }
 
 .focus\:to-transparent:focus {
@@ -22007,474 +22007,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .sm\:mid-transparent {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:mid-current {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:mid-black {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:via-black {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:mid-white {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:via-white {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:mid-gray-100 {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .sm\:via-gray-100 {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:mid-gray-200 {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .sm\:via-gray-200 {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:mid-gray-300 {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .sm\:via-gray-300 {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:mid-gray-400 {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .sm\:via-gray-400 {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:mid-gray-500 {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .sm\:via-gray-500 {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:mid-gray-600 {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .sm\:via-gray-600 {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:mid-gray-700 {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .sm\:via-gray-700 {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:mid-gray-800 {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .sm\:via-gray-800 {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:mid-gray-900 {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .sm\:via-gray-900 {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:mid-red-100 {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .sm\:via-red-100 {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:mid-red-200 {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .sm\:via-red-200 {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:mid-red-300 {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .sm\:via-red-300 {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:mid-red-400 {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .sm\:via-red-400 {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:mid-red-500 {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .sm\:via-red-500 {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:mid-red-600 {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .sm\:via-red-600 {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:mid-red-700 {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .sm\:via-red-700 {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:mid-red-800 {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .sm\:via-red-800 {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:mid-red-900 {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .sm\:via-red-900 {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:mid-orange-100 {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .sm\:via-orange-100 {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:mid-orange-200 {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .sm\:via-orange-200 {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:mid-orange-300 {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .sm\:via-orange-300 {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:mid-orange-400 {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .sm\:via-orange-400 {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:mid-orange-500 {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .sm\:via-orange-500 {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:mid-orange-600 {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .sm\:via-orange-600 {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:mid-orange-700 {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .sm\:via-orange-700 {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:mid-orange-800 {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .sm\:via-orange-800 {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:mid-orange-900 {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .sm\:via-orange-900 {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:mid-yellow-100 {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .sm\:via-yellow-100 {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:mid-yellow-200 {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .sm\:via-yellow-200 {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:mid-yellow-300 {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .sm\:via-yellow-300 {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:mid-yellow-400 {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .sm\:via-yellow-400 {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:mid-yellow-500 {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .sm\:via-yellow-500 {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:mid-yellow-600 {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .sm\:via-yellow-600 {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:mid-yellow-700 {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .sm\:via-yellow-700 {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:mid-yellow-800 {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .sm\:via-yellow-800 {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:mid-yellow-900 {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .sm\:via-yellow-900 {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:mid-green-100 {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .sm\:via-green-100 {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:mid-green-200 {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .sm\:via-green-200 {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:mid-green-300 {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .sm\:via-green-300 {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:mid-green-400 {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .sm\:via-green-400 {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:mid-green-500 {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .sm\:via-green-500 {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:mid-green-600 {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .sm\:via-green-600 {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:mid-green-700 {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .sm\:via-green-700 {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:mid-green-800 {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .sm\:via-green-800 {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:mid-green-900 {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .sm\:via-green-900 {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:mid-teal-100 {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .sm\:via-teal-100 {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:mid-teal-200 {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .sm\:via-teal-200 {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:mid-teal-300 {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .sm\:via-teal-300 {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:mid-teal-400 {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .sm\:via-teal-400 {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:mid-teal-500 {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .sm\:via-teal-500 {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:mid-teal-600 {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .sm\:via-teal-600 {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:mid-teal-700 {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .sm\:via-teal-700 {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:mid-teal-800 {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .sm\:via-teal-800 {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:mid-teal-900 {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .sm\:via-teal-900 {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:mid-blue-100 {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .sm\:via-blue-100 {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:mid-blue-200 {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .sm\:via-blue-200 {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:mid-blue-300 {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .sm\:via-blue-300 {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:mid-blue-400 {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .sm\:via-blue-400 {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:mid-blue-500 {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .sm\:via-blue-500 {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:mid-blue-600 {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .sm\:via-blue-600 {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:mid-blue-700 {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .sm\:via-blue-700 {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:mid-blue-800 {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .sm\:via-blue-800 {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:mid-blue-900 {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .sm\:via-blue-900 {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:mid-indigo-100 {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .sm\:via-indigo-100 {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:mid-indigo-200 {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .sm\:via-indigo-200 {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:mid-indigo-300 {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .sm\:via-indigo-300 {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:mid-indigo-400 {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .sm\:via-indigo-400 {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:mid-indigo-500 {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .sm\:via-indigo-500 {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:mid-indigo-600 {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .sm\:via-indigo-600 {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:mid-indigo-700 {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .sm\:via-indigo-700 {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:mid-indigo-800 {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .sm\:via-indigo-800 {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:mid-indigo-900 {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .sm\:via-indigo-900 {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:mid-purple-100 {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .sm\:via-purple-100 {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:mid-purple-200 {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .sm\:via-purple-200 {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:mid-purple-300 {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .sm\:via-purple-300 {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:mid-purple-400 {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .sm\:via-purple-400 {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:mid-purple-500 {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .sm\:via-purple-500 {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:mid-purple-600 {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .sm\:via-purple-600 {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:mid-purple-700 {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .sm\:via-purple-700 {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:mid-purple-800 {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .sm\:via-purple-800 {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:mid-purple-900 {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .sm\:via-purple-900 {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:mid-pink-100 {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .sm\:via-pink-100 {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:mid-pink-200 {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .sm\:via-pink-200 {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:mid-pink-300 {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .sm\:via-pink-300 {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:mid-pink-400 {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .sm\:via-pink-400 {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:mid-pink-500 {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .sm\:via-pink-500 {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:mid-pink-600 {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .sm\:via-pink-600 {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:mid-pink-700 {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .sm\:via-pink-700 {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:mid-pink-800 {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .sm\:via-pink-800 {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:mid-pink-900 {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .sm\:via-pink-900 {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .sm\:to-transparent {
@@ -23323,474 +23323,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .sm\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:mid-black:hover {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:hover\:via-black:hover {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:hover\:mid-white:hover {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:hover\:via-white:hover {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .sm\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .sm\:hover\:via-gray-200:hover {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .sm\:hover\:via-gray-300:hover {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .sm\:hover\:via-gray-400:hover {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .sm\:hover\:via-gray-500:hover {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .sm\:hover\:via-gray-600:hover {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .sm\:hover\:via-gray-700:hover {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .sm\:hover\:via-gray-800:hover {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .sm\:hover\:via-gray-900:hover {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .sm\:hover\:via-red-100:hover {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .sm\:hover\:via-red-200:hover {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .sm\:hover\:via-red-300:hover {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .sm\:hover\:via-red-400:hover {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .sm\:hover\:via-red-500:hover {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .sm\:hover\:via-red-600:hover {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .sm\:hover\:via-red-700:hover {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .sm\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .sm\:hover\:via-red-900:hover {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .sm\:hover\:via-orange-100:hover {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .sm\:hover\:via-orange-200:hover {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .sm\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .sm\:hover\:via-orange-400:hover {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .sm\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .sm\:hover\:via-orange-600:hover {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .sm\:hover\:via-orange-700:hover {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .sm\:hover\:via-orange-800:hover {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .sm\:hover\:via-orange-900:hover {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .sm\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .sm\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .sm\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .sm\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .sm\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .sm\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .sm\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .sm\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .sm\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .sm\:hover\:via-green-100:hover {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .sm\:hover\:via-green-200:hover {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .sm\:hover\:via-green-300:hover {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .sm\:hover\:via-green-400:hover {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .sm\:hover\:via-green-500:hover {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .sm\:hover\:via-green-600:hover {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .sm\:hover\:via-green-700:hover {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .sm\:hover\:via-green-800:hover {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .sm\:hover\:via-green-900:hover {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .sm\:hover\:via-teal-100:hover {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .sm\:hover\:via-teal-200:hover {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .sm\:hover\:via-teal-300:hover {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .sm\:hover\:via-teal-400:hover {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .sm\:hover\:via-teal-500:hover {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .sm\:hover\:via-teal-600:hover {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .sm\:hover\:via-teal-700:hover {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .sm\:hover\:via-teal-800:hover {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .sm\:hover\:via-teal-900:hover {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .sm\:hover\:via-blue-100:hover {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .sm\:hover\:via-blue-200:hover {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .sm\:hover\:via-blue-300:hover {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .sm\:hover\:via-blue-400:hover {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .sm\:hover\:via-blue-500:hover {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .sm\:hover\:via-blue-600:hover {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .sm\:hover\:via-blue-700:hover {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .sm\:hover\:via-blue-800:hover {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .sm\:hover\:via-blue-900:hover {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .sm\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .sm\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .sm\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .sm\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .sm\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .sm\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .sm\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .sm\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .sm\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .sm\:hover\:via-purple-100:hover {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .sm\:hover\:via-purple-200:hover {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .sm\:hover\:via-purple-300:hover {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .sm\:hover\:via-purple-400:hover {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .sm\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .sm\:hover\:via-purple-600:hover {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .sm\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .sm\:hover\:via-purple-800:hover {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .sm\:hover\:via-purple-900:hover {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .sm\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .sm\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .sm\:hover\:via-pink-300:hover {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .sm\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .sm\:hover\:via-pink-500:hover {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .sm\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .sm\:hover\:via-pink-700:hover {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .sm\:hover\:via-pink-800:hover {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .sm\:hover\:via-pink-900:hover {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .sm\:hover\:to-transparent:hover {
@@ -24639,474 +24639,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .sm\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:mid-black:focus {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .sm\:focus\:via-black:focus {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .sm\:focus\:mid-white:focus {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .sm\:focus\:via-white:focus {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .sm\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .sm\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .sm\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .sm\:focus\:via-gray-200:focus {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .sm\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .sm\:focus\:via-gray-300:focus {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .sm\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .sm\:focus\:via-gray-400:focus {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .sm\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .sm\:focus\:via-gray-500:focus {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .sm\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .sm\:focus\:via-gray-600:focus {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .sm\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .sm\:focus\:via-gray-700:focus {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .sm\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .sm\:focus\:via-gray-800:focus {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .sm\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .sm\:focus\:via-gray-900:focus {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .sm\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .sm\:focus\:via-red-100:focus {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .sm\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .sm\:focus\:via-red-200:focus {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .sm\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .sm\:focus\:via-red-300:focus {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .sm\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .sm\:focus\:via-red-400:focus {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .sm\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .sm\:focus\:via-red-500:focus {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .sm\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .sm\:focus\:via-red-600:focus {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .sm\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .sm\:focus\:via-red-700:focus {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .sm\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .sm\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .sm\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .sm\:focus\:via-red-900:focus {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .sm\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .sm\:focus\:via-orange-100:focus {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .sm\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .sm\:focus\:via-orange-200:focus {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .sm\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .sm\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .sm\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .sm\:focus\:via-orange-400:focus {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .sm\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .sm\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .sm\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .sm\:focus\:via-orange-600:focus {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .sm\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .sm\:focus\:via-orange-700:focus {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .sm\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .sm\:focus\:via-orange-800:focus {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .sm\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .sm\:focus\:via-orange-900:focus {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .sm\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .sm\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .sm\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .sm\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .sm\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .sm\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .sm\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .sm\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .sm\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .sm\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .sm\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .sm\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .sm\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .sm\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .sm\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .sm\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .sm\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .sm\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .sm\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .sm\:focus\:via-green-100:focus {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .sm\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .sm\:focus\:via-green-200:focus {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .sm\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .sm\:focus\:via-green-300:focus {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .sm\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .sm\:focus\:via-green-400:focus {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .sm\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .sm\:focus\:via-green-500:focus {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .sm\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .sm\:focus\:via-green-600:focus {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .sm\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .sm\:focus\:via-green-700:focus {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .sm\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .sm\:focus\:via-green-800:focus {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .sm\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .sm\:focus\:via-green-900:focus {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .sm\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .sm\:focus\:via-teal-100:focus {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .sm\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .sm\:focus\:via-teal-200:focus {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .sm\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .sm\:focus\:via-teal-300:focus {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .sm\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .sm\:focus\:via-teal-400:focus {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .sm\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .sm\:focus\:via-teal-500:focus {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .sm\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .sm\:focus\:via-teal-600:focus {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .sm\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .sm\:focus\:via-teal-700:focus {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .sm\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .sm\:focus\:via-teal-800:focus {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .sm\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .sm\:focus\:via-teal-900:focus {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .sm\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .sm\:focus\:via-blue-100:focus {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .sm\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .sm\:focus\:via-blue-200:focus {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .sm\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .sm\:focus\:via-blue-300:focus {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .sm\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .sm\:focus\:via-blue-400:focus {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .sm\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .sm\:focus\:via-blue-500:focus {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .sm\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .sm\:focus\:via-blue-600:focus {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .sm\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .sm\:focus\:via-blue-700:focus {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .sm\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .sm\:focus\:via-blue-800:focus {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .sm\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .sm\:focus\:via-blue-900:focus {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .sm\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .sm\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .sm\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .sm\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .sm\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .sm\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .sm\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .sm\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .sm\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .sm\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .sm\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .sm\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .sm\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .sm\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .sm\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .sm\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .sm\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .sm\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .sm\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .sm\:focus\:via-purple-100:focus {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .sm\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .sm\:focus\:via-purple-200:focus {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .sm\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .sm\:focus\:via-purple-300:focus {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .sm\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .sm\:focus\:via-purple-400:focus {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .sm\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .sm\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .sm\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .sm\:focus\:via-purple-600:focus {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .sm\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .sm\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .sm\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .sm\:focus\:via-purple-800:focus {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .sm\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .sm\:focus\:via-purple-900:focus {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .sm\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .sm\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .sm\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .sm\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .sm\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .sm\:focus\:via-pink-300:focus {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .sm\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .sm\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .sm\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .sm\:focus\:via-pink-500:focus {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .sm\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .sm\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .sm\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .sm\:focus\:via-pink-700:focus {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .sm\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .sm\:focus\:via-pink-800:focus {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .sm\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .sm\:focus\:via-pink-900:focus {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .sm\:focus\:to-transparent:focus {
@@ -40019,474 +40019,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .md\:mid-transparent {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:mid-current {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:mid-black {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:via-black {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:mid-white {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:via-white {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:mid-gray-100 {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .md\:via-gray-100 {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:mid-gray-200 {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .md\:via-gray-200 {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:mid-gray-300 {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .md\:via-gray-300 {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:mid-gray-400 {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .md\:via-gray-400 {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:mid-gray-500 {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .md\:via-gray-500 {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:mid-gray-600 {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .md\:via-gray-600 {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:mid-gray-700 {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .md\:via-gray-700 {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:mid-gray-800 {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .md\:via-gray-800 {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:mid-gray-900 {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .md\:via-gray-900 {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:mid-red-100 {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .md\:via-red-100 {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:mid-red-200 {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .md\:via-red-200 {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:mid-red-300 {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .md\:via-red-300 {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:mid-red-400 {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .md\:via-red-400 {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:mid-red-500 {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .md\:via-red-500 {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:mid-red-600 {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .md\:via-red-600 {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:mid-red-700 {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .md\:via-red-700 {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:mid-red-800 {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .md\:via-red-800 {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:mid-red-900 {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .md\:via-red-900 {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:mid-orange-100 {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .md\:via-orange-100 {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:mid-orange-200 {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .md\:via-orange-200 {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:mid-orange-300 {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .md\:via-orange-300 {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:mid-orange-400 {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .md\:via-orange-400 {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:mid-orange-500 {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .md\:via-orange-500 {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:mid-orange-600 {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .md\:via-orange-600 {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:mid-orange-700 {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .md\:via-orange-700 {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:mid-orange-800 {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .md\:via-orange-800 {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:mid-orange-900 {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .md\:via-orange-900 {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:mid-yellow-100 {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .md\:via-yellow-100 {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:mid-yellow-200 {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .md\:via-yellow-200 {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:mid-yellow-300 {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .md\:via-yellow-300 {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:mid-yellow-400 {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .md\:via-yellow-400 {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:mid-yellow-500 {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .md\:via-yellow-500 {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:mid-yellow-600 {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .md\:via-yellow-600 {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:mid-yellow-700 {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .md\:via-yellow-700 {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:mid-yellow-800 {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .md\:via-yellow-800 {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:mid-yellow-900 {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .md\:via-yellow-900 {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:mid-green-100 {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .md\:via-green-100 {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:mid-green-200 {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .md\:via-green-200 {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:mid-green-300 {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .md\:via-green-300 {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:mid-green-400 {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .md\:via-green-400 {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:mid-green-500 {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .md\:via-green-500 {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:mid-green-600 {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .md\:via-green-600 {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:mid-green-700 {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .md\:via-green-700 {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:mid-green-800 {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .md\:via-green-800 {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:mid-green-900 {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .md\:via-green-900 {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:mid-teal-100 {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .md\:via-teal-100 {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:mid-teal-200 {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .md\:via-teal-200 {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:mid-teal-300 {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .md\:via-teal-300 {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:mid-teal-400 {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .md\:via-teal-400 {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:mid-teal-500 {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .md\:via-teal-500 {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:mid-teal-600 {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .md\:via-teal-600 {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:mid-teal-700 {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .md\:via-teal-700 {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:mid-teal-800 {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .md\:via-teal-800 {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:mid-teal-900 {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .md\:via-teal-900 {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:mid-blue-100 {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .md\:via-blue-100 {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:mid-blue-200 {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .md\:via-blue-200 {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:mid-blue-300 {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .md\:via-blue-300 {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:mid-blue-400 {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .md\:via-blue-400 {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:mid-blue-500 {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .md\:via-blue-500 {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:mid-blue-600 {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .md\:via-blue-600 {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:mid-blue-700 {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .md\:via-blue-700 {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:mid-blue-800 {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .md\:via-blue-800 {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:mid-blue-900 {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .md\:via-blue-900 {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:mid-indigo-100 {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .md\:via-indigo-100 {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:mid-indigo-200 {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .md\:via-indigo-200 {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:mid-indigo-300 {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .md\:via-indigo-300 {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:mid-indigo-400 {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .md\:via-indigo-400 {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:mid-indigo-500 {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .md\:via-indigo-500 {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:mid-indigo-600 {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .md\:via-indigo-600 {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:mid-indigo-700 {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .md\:via-indigo-700 {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:mid-indigo-800 {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .md\:via-indigo-800 {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:mid-indigo-900 {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .md\:via-indigo-900 {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:mid-purple-100 {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .md\:via-purple-100 {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:mid-purple-200 {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .md\:via-purple-200 {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:mid-purple-300 {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .md\:via-purple-300 {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:mid-purple-400 {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .md\:via-purple-400 {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:mid-purple-500 {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .md\:via-purple-500 {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:mid-purple-600 {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .md\:via-purple-600 {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:mid-purple-700 {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .md\:via-purple-700 {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:mid-purple-800 {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .md\:via-purple-800 {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:mid-purple-900 {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .md\:via-purple-900 {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:mid-pink-100 {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .md\:via-pink-100 {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:mid-pink-200 {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .md\:via-pink-200 {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:mid-pink-300 {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .md\:via-pink-300 {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:mid-pink-400 {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .md\:via-pink-400 {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:mid-pink-500 {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .md\:via-pink-500 {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:mid-pink-600 {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .md\:via-pink-600 {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:mid-pink-700 {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .md\:via-pink-700 {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:mid-pink-800 {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .md\:via-pink-800 {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:mid-pink-900 {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .md\:via-pink-900 {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .md\:to-transparent {
@@ -41335,474 +41335,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .md\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:mid-black:hover {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:hover\:via-black:hover {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:hover\:mid-white:hover {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:hover\:via-white:hover {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .md\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .md\:hover\:via-gray-200:hover {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .md\:hover\:via-gray-300:hover {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .md\:hover\:via-gray-400:hover {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .md\:hover\:via-gray-500:hover {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .md\:hover\:via-gray-600:hover {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .md\:hover\:via-gray-700:hover {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .md\:hover\:via-gray-800:hover {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .md\:hover\:via-gray-900:hover {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .md\:hover\:via-red-100:hover {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .md\:hover\:via-red-200:hover {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .md\:hover\:via-red-300:hover {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .md\:hover\:via-red-400:hover {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .md\:hover\:via-red-500:hover {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .md\:hover\:via-red-600:hover {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .md\:hover\:via-red-700:hover {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .md\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .md\:hover\:via-red-900:hover {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .md\:hover\:via-orange-100:hover {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .md\:hover\:via-orange-200:hover {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .md\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .md\:hover\:via-orange-400:hover {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .md\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .md\:hover\:via-orange-600:hover {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .md\:hover\:via-orange-700:hover {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .md\:hover\:via-orange-800:hover {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .md\:hover\:via-orange-900:hover {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .md\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .md\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .md\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .md\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .md\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .md\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .md\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .md\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .md\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .md\:hover\:via-green-100:hover {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .md\:hover\:via-green-200:hover {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .md\:hover\:via-green-300:hover {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .md\:hover\:via-green-400:hover {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .md\:hover\:via-green-500:hover {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .md\:hover\:via-green-600:hover {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .md\:hover\:via-green-700:hover {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .md\:hover\:via-green-800:hover {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .md\:hover\:via-green-900:hover {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .md\:hover\:via-teal-100:hover {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .md\:hover\:via-teal-200:hover {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .md\:hover\:via-teal-300:hover {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .md\:hover\:via-teal-400:hover {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .md\:hover\:via-teal-500:hover {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .md\:hover\:via-teal-600:hover {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .md\:hover\:via-teal-700:hover {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .md\:hover\:via-teal-800:hover {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .md\:hover\:via-teal-900:hover {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .md\:hover\:via-blue-100:hover {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .md\:hover\:via-blue-200:hover {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .md\:hover\:via-blue-300:hover {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .md\:hover\:via-blue-400:hover {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .md\:hover\:via-blue-500:hover {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .md\:hover\:via-blue-600:hover {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .md\:hover\:via-blue-700:hover {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .md\:hover\:via-blue-800:hover {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .md\:hover\:via-blue-900:hover {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .md\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .md\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .md\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .md\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .md\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .md\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .md\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .md\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .md\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .md\:hover\:via-purple-100:hover {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .md\:hover\:via-purple-200:hover {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .md\:hover\:via-purple-300:hover {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .md\:hover\:via-purple-400:hover {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .md\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .md\:hover\:via-purple-600:hover {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .md\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .md\:hover\:via-purple-800:hover {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .md\:hover\:via-purple-900:hover {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .md\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .md\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .md\:hover\:via-pink-300:hover {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .md\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .md\:hover\:via-pink-500:hover {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .md\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .md\:hover\:via-pink-700:hover {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .md\:hover\:via-pink-800:hover {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .md\:hover\:via-pink-900:hover {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .md\:hover\:to-transparent:hover {
@@ -42651,474 +42651,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .md\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:mid-black:focus {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .md\:focus\:via-black:focus {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .md\:focus\:mid-white:focus {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .md\:focus\:via-white:focus {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .md\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .md\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .md\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .md\:focus\:via-gray-200:focus {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .md\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .md\:focus\:via-gray-300:focus {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .md\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .md\:focus\:via-gray-400:focus {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .md\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .md\:focus\:via-gray-500:focus {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .md\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .md\:focus\:via-gray-600:focus {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .md\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .md\:focus\:via-gray-700:focus {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .md\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .md\:focus\:via-gray-800:focus {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .md\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .md\:focus\:via-gray-900:focus {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .md\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .md\:focus\:via-red-100:focus {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .md\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .md\:focus\:via-red-200:focus {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .md\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .md\:focus\:via-red-300:focus {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .md\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .md\:focus\:via-red-400:focus {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .md\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .md\:focus\:via-red-500:focus {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .md\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .md\:focus\:via-red-600:focus {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .md\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .md\:focus\:via-red-700:focus {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .md\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .md\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .md\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .md\:focus\:via-red-900:focus {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .md\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .md\:focus\:via-orange-100:focus {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .md\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .md\:focus\:via-orange-200:focus {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .md\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .md\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .md\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .md\:focus\:via-orange-400:focus {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .md\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .md\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .md\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .md\:focus\:via-orange-600:focus {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .md\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .md\:focus\:via-orange-700:focus {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .md\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .md\:focus\:via-orange-800:focus {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .md\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .md\:focus\:via-orange-900:focus {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .md\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .md\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .md\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .md\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .md\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .md\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .md\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .md\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .md\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .md\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .md\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .md\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .md\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .md\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .md\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .md\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .md\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .md\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .md\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .md\:focus\:via-green-100:focus {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .md\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .md\:focus\:via-green-200:focus {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .md\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .md\:focus\:via-green-300:focus {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .md\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .md\:focus\:via-green-400:focus {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .md\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .md\:focus\:via-green-500:focus {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .md\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .md\:focus\:via-green-600:focus {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .md\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .md\:focus\:via-green-700:focus {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .md\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .md\:focus\:via-green-800:focus {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .md\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .md\:focus\:via-green-900:focus {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .md\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .md\:focus\:via-teal-100:focus {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .md\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .md\:focus\:via-teal-200:focus {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .md\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .md\:focus\:via-teal-300:focus {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .md\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .md\:focus\:via-teal-400:focus {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .md\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .md\:focus\:via-teal-500:focus {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .md\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .md\:focus\:via-teal-600:focus {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .md\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .md\:focus\:via-teal-700:focus {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .md\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .md\:focus\:via-teal-800:focus {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .md\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .md\:focus\:via-teal-900:focus {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .md\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .md\:focus\:via-blue-100:focus {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .md\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .md\:focus\:via-blue-200:focus {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .md\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .md\:focus\:via-blue-300:focus {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .md\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .md\:focus\:via-blue-400:focus {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .md\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .md\:focus\:via-blue-500:focus {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .md\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .md\:focus\:via-blue-600:focus {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .md\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .md\:focus\:via-blue-700:focus {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .md\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .md\:focus\:via-blue-800:focus {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .md\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .md\:focus\:via-blue-900:focus {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .md\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .md\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .md\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .md\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .md\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .md\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .md\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .md\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .md\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .md\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .md\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .md\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .md\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .md\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .md\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .md\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .md\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .md\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .md\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .md\:focus\:via-purple-100:focus {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .md\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .md\:focus\:via-purple-200:focus {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .md\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .md\:focus\:via-purple-300:focus {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .md\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .md\:focus\:via-purple-400:focus {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .md\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .md\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .md\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .md\:focus\:via-purple-600:focus {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .md\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .md\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .md\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .md\:focus\:via-purple-800:focus {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .md\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .md\:focus\:via-purple-900:focus {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .md\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .md\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .md\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .md\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .md\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .md\:focus\:via-pink-300:focus {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .md\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .md\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .md\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .md\:focus\:via-pink-500:focus {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .md\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .md\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .md\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .md\:focus\:via-pink-700:focus {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .md\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .md\:focus\:via-pink-800:focus {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .md\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .md\:focus\:via-pink-900:focus {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .md\:focus\:to-transparent:focus {
@@ -58031,474 +58031,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .lg\:mid-transparent {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:mid-current {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:mid-black {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:via-black {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:mid-white {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:via-white {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:mid-gray-100 {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .lg\:via-gray-100 {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:mid-gray-200 {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .lg\:via-gray-200 {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:mid-gray-300 {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .lg\:via-gray-300 {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:mid-gray-400 {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .lg\:via-gray-400 {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:mid-gray-500 {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .lg\:via-gray-500 {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:mid-gray-600 {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .lg\:via-gray-600 {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:mid-gray-700 {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .lg\:via-gray-700 {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:mid-gray-800 {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .lg\:via-gray-800 {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:mid-gray-900 {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .lg\:via-gray-900 {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:mid-red-100 {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .lg\:via-red-100 {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:mid-red-200 {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .lg\:via-red-200 {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:mid-red-300 {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .lg\:via-red-300 {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:mid-red-400 {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .lg\:via-red-400 {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:mid-red-500 {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .lg\:via-red-500 {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:mid-red-600 {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .lg\:via-red-600 {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:mid-red-700 {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .lg\:via-red-700 {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:mid-red-800 {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .lg\:via-red-800 {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:mid-red-900 {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .lg\:via-red-900 {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:mid-orange-100 {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .lg\:via-orange-100 {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:mid-orange-200 {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .lg\:via-orange-200 {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:mid-orange-300 {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .lg\:via-orange-300 {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:mid-orange-400 {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .lg\:via-orange-400 {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:mid-orange-500 {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .lg\:via-orange-500 {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:mid-orange-600 {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .lg\:via-orange-600 {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:mid-orange-700 {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .lg\:via-orange-700 {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:mid-orange-800 {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .lg\:via-orange-800 {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:mid-orange-900 {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .lg\:via-orange-900 {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:mid-yellow-100 {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .lg\:via-yellow-100 {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:mid-yellow-200 {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .lg\:via-yellow-200 {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:mid-yellow-300 {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .lg\:via-yellow-300 {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:mid-yellow-400 {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .lg\:via-yellow-400 {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:mid-yellow-500 {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .lg\:via-yellow-500 {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:mid-yellow-600 {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .lg\:via-yellow-600 {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:mid-yellow-700 {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .lg\:via-yellow-700 {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:mid-yellow-800 {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .lg\:via-yellow-800 {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:mid-yellow-900 {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .lg\:via-yellow-900 {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:mid-green-100 {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .lg\:via-green-100 {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:mid-green-200 {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .lg\:via-green-200 {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:mid-green-300 {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .lg\:via-green-300 {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:mid-green-400 {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .lg\:via-green-400 {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:mid-green-500 {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .lg\:via-green-500 {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:mid-green-600 {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .lg\:via-green-600 {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:mid-green-700 {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .lg\:via-green-700 {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:mid-green-800 {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .lg\:via-green-800 {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:mid-green-900 {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .lg\:via-green-900 {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:mid-teal-100 {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .lg\:via-teal-100 {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:mid-teal-200 {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .lg\:via-teal-200 {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:mid-teal-300 {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .lg\:via-teal-300 {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:mid-teal-400 {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .lg\:via-teal-400 {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:mid-teal-500 {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .lg\:via-teal-500 {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:mid-teal-600 {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .lg\:via-teal-600 {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:mid-teal-700 {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .lg\:via-teal-700 {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:mid-teal-800 {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .lg\:via-teal-800 {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:mid-teal-900 {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .lg\:via-teal-900 {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:mid-blue-100 {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .lg\:via-blue-100 {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:mid-blue-200 {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .lg\:via-blue-200 {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:mid-blue-300 {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .lg\:via-blue-300 {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:mid-blue-400 {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .lg\:via-blue-400 {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:mid-blue-500 {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .lg\:via-blue-500 {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:mid-blue-600 {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .lg\:via-blue-600 {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:mid-blue-700 {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .lg\:via-blue-700 {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:mid-blue-800 {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .lg\:via-blue-800 {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:mid-blue-900 {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .lg\:via-blue-900 {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:mid-indigo-100 {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .lg\:via-indigo-100 {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:mid-indigo-200 {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .lg\:via-indigo-200 {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:mid-indigo-300 {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .lg\:via-indigo-300 {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:mid-indigo-400 {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .lg\:via-indigo-400 {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:mid-indigo-500 {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .lg\:via-indigo-500 {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:mid-indigo-600 {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .lg\:via-indigo-600 {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:mid-indigo-700 {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .lg\:via-indigo-700 {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:mid-indigo-800 {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .lg\:via-indigo-800 {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:mid-indigo-900 {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .lg\:via-indigo-900 {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:mid-purple-100 {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .lg\:via-purple-100 {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:mid-purple-200 {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .lg\:via-purple-200 {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:mid-purple-300 {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .lg\:via-purple-300 {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:mid-purple-400 {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .lg\:via-purple-400 {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:mid-purple-500 {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .lg\:via-purple-500 {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:mid-purple-600 {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .lg\:via-purple-600 {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:mid-purple-700 {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .lg\:via-purple-700 {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:mid-purple-800 {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .lg\:via-purple-800 {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:mid-purple-900 {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .lg\:via-purple-900 {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:mid-pink-100 {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .lg\:via-pink-100 {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:mid-pink-200 {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .lg\:via-pink-200 {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:mid-pink-300 {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .lg\:via-pink-300 {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:mid-pink-400 {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .lg\:via-pink-400 {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:mid-pink-500 {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .lg\:via-pink-500 {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:mid-pink-600 {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .lg\:via-pink-600 {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:mid-pink-700 {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .lg\:via-pink-700 {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:mid-pink-800 {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .lg\:via-pink-800 {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:mid-pink-900 {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .lg\:via-pink-900 {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .lg\:to-transparent {
@@ -59347,474 +59347,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .lg\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:mid-black:hover {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:hover\:via-black:hover {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:hover\:mid-white:hover {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:hover\:via-white:hover {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .lg\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .lg\:hover\:via-gray-200:hover {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .lg\:hover\:via-gray-300:hover {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .lg\:hover\:via-gray-400:hover {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .lg\:hover\:via-gray-500:hover {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .lg\:hover\:via-gray-600:hover {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .lg\:hover\:via-gray-700:hover {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .lg\:hover\:via-gray-800:hover {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .lg\:hover\:via-gray-900:hover {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .lg\:hover\:via-red-100:hover {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .lg\:hover\:via-red-200:hover {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .lg\:hover\:via-red-300:hover {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .lg\:hover\:via-red-400:hover {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .lg\:hover\:via-red-500:hover {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .lg\:hover\:via-red-600:hover {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .lg\:hover\:via-red-700:hover {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .lg\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .lg\:hover\:via-red-900:hover {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .lg\:hover\:via-orange-100:hover {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .lg\:hover\:via-orange-200:hover {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .lg\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .lg\:hover\:via-orange-400:hover {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .lg\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .lg\:hover\:via-orange-600:hover {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .lg\:hover\:via-orange-700:hover {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .lg\:hover\:via-orange-800:hover {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .lg\:hover\:via-orange-900:hover {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .lg\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .lg\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .lg\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .lg\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .lg\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .lg\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .lg\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .lg\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .lg\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .lg\:hover\:via-green-100:hover {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .lg\:hover\:via-green-200:hover {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .lg\:hover\:via-green-300:hover {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .lg\:hover\:via-green-400:hover {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .lg\:hover\:via-green-500:hover {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .lg\:hover\:via-green-600:hover {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .lg\:hover\:via-green-700:hover {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .lg\:hover\:via-green-800:hover {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .lg\:hover\:via-green-900:hover {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .lg\:hover\:via-teal-100:hover {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .lg\:hover\:via-teal-200:hover {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .lg\:hover\:via-teal-300:hover {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .lg\:hover\:via-teal-400:hover {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .lg\:hover\:via-teal-500:hover {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .lg\:hover\:via-teal-600:hover {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .lg\:hover\:via-teal-700:hover {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .lg\:hover\:via-teal-800:hover {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .lg\:hover\:via-teal-900:hover {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .lg\:hover\:via-blue-100:hover {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .lg\:hover\:via-blue-200:hover {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .lg\:hover\:via-blue-300:hover {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .lg\:hover\:via-blue-400:hover {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .lg\:hover\:via-blue-500:hover {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .lg\:hover\:via-blue-600:hover {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .lg\:hover\:via-blue-700:hover {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .lg\:hover\:via-blue-800:hover {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .lg\:hover\:via-blue-900:hover {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .lg\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .lg\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .lg\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .lg\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .lg\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .lg\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .lg\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .lg\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .lg\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .lg\:hover\:via-purple-100:hover {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .lg\:hover\:via-purple-200:hover {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .lg\:hover\:via-purple-300:hover {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .lg\:hover\:via-purple-400:hover {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .lg\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .lg\:hover\:via-purple-600:hover {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .lg\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .lg\:hover\:via-purple-800:hover {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .lg\:hover\:via-purple-900:hover {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .lg\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .lg\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .lg\:hover\:via-pink-300:hover {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .lg\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .lg\:hover\:via-pink-500:hover {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .lg\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .lg\:hover\:via-pink-700:hover {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .lg\:hover\:via-pink-800:hover {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .lg\:hover\:via-pink-900:hover {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .lg\:hover\:to-transparent:hover {
@@ -60663,474 +60663,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .lg\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:mid-black:focus {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .lg\:focus\:via-black:focus {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .lg\:focus\:mid-white:focus {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .lg\:focus\:via-white:focus {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .lg\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .lg\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .lg\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .lg\:focus\:via-gray-200:focus {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .lg\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .lg\:focus\:via-gray-300:focus {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .lg\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .lg\:focus\:via-gray-400:focus {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .lg\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .lg\:focus\:via-gray-500:focus {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .lg\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .lg\:focus\:via-gray-600:focus {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .lg\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .lg\:focus\:via-gray-700:focus {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .lg\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .lg\:focus\:via-gray-800:focus {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .lg\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .lg\:focus\:via-gray-900:focus {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .lg\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .lg\:focus\:via-red-100:focus {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .lg\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .lg\:focus\:via-red-200:focus {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .lg\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .lg\:focus\:via-red-300:focus {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .lg\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .lg\:focus\:via-red-400:focus {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .lg\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .lg\:focus\:via-red-500:focus {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .lg\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .lg\:focus\:via-red-600:focus {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .lg\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .lg\:focus\:via-red-700:focus {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .lg\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .lg\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .lg\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .lg\:focus\:via-red-900:focus {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .lg\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .lg\:focus\:via-orange-100:focus {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .lg\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .lg\:focus\:via-orange-200:focus {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .lg\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .lg\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .lg\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .lg\:focus\:via-orange-400:focus {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .lg\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .lg\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .lg\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .lg\:focus\:via-orange-600:focus {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .lg\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .lg\:focus\:via-orange-700:focus {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .lg\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .lg\:focus\:via-orange-800:focus {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .lg\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .lg\:focus\:via-orange-900:focus {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .lg\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .lg\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .lg\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .lg\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .lg\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .lg\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .lg\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .lg\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .lg\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .lg\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .lg\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .lg\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .lg\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .lg\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .lg\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .lg\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .lg\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .lg\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .lg\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .lg\:focus\:via-green-100:focus {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .lg\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .lg\:focus\:via-green-200:focus {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .lg\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .lg\:focus\:via-green-300:focus {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .lg\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .lg\:focus\:via-green-400:focus {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .lg\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .lg\:focus\:via-green-500:focus {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .lg\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .lg\:focus\:via-green-600:focus {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .lg\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .lg\:focus\:via-green-700:focus {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .lg\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .lg\:focus\:via-green-800:focus {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .lg\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .lg\:focus\:via-green-900:focus {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .lg\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .lg\:focus\:via-teal-100:focus {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .lg\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .lg\:focus\:via-teal-200:focus {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .lg\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .lg\:focus\:via-teal-300:focus {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .lg\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .lg\:focus\:via-teal-400:focus {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .lg\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .lg\:focus\:via-teal-500:focus {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .lg\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .lg\:focus\:via-teal-600:focus {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .lg\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .lg\:focus\:via-teal-700:focus {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .lg\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .lg\:focus\:via-teal-800:focus {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .lg\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .lg\:focus\:via-teal-900:focus {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .lg\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .lg\:focus\:via-blue-100:focus {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .lg\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .lg\:focus\:via-blue-200:focus {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .lg\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .lg\:focus\:via-blue-300:focus {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .lg\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .lg\:focus\:via-blue-400:focus {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .lg\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .lg\:focus\:via-blue-500:focus {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .lg\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .lg\:focus\:via-blue-600:focus {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .lg\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .lg\:focus\:via-blue-700:focus {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .lg\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .lg\:focus\:via-blue-800:focus {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .lg\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .lg\:focus\:via-blue-900:focus {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .lg\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .lg\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .lg\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .lg\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .lg\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .lg\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .lg\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .lg\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .lg\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .lg\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .lg\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .lg\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .lg\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .lg\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .lg\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .lg\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .lg\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .lg\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .lg\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .lg\:focus\:via-purple-100:focus {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .lg\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .lg\:focus\:via-purple-200:focus {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .lg\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .lg\:focus\:via-purple-300:focus {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .lg\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .lg\:focus\:via-purple-400:focus {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .lg\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .lg\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .lg\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .lg\:focus\:via-purple-600:focus {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .lg\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .lg\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .lg\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .lg\:focus\:via-purple-800:focus {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .lg\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .lg\:focus\:via-purple-900:focus {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .lg\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .lg\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .lg\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .lg\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .lg\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .lg\:focus\:via-pink-300:focus {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .lg\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .lg\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .lg\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .lg\:focus\:via-pink-500:focus {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .lg\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .lg\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .lg\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .lg\:focus\:via-pink-700:focus {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .lg\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .lg\:focus\:via-pink-800:focus {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .lg\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .lg\:focus\:via-pink-900:focus {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .lg\:focus\:to-transparent:focus {
@@ -76043,474 +76043,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .xl\:mid-transparent {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:mid-current {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:mid-black {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:via-black {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:mid-white {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:via-white {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:mid-gray-100 {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .xl\:via-gray-100 {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:mid-gray-200 {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .xl\:via-gray-200 {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:mid-gray-300 {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .xl\:via-gray-300 {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:mid-gray-400 {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .xl\:via-gray-400 {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:mid-gray-500 {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .xl\:via-gray-500 {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:mid-gray-600 {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .xl\:via-gray-600 {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:mid-gray-700 {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .xl\:via-gray-700 {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:mid-gray-800 {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .xl\:via-gray-800 {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:mid-gray-900 {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .xl\:via-gray-900 {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:mid-red-100 {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .xl\:via-red-100 {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:mid-red-200 {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .xl\:via-red-200 {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:mid-red-300 {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .xl\:via-red-300 {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:mid-red-400 {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .xl\:via-red-400 {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:mid-red-500 {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .xl\:via-red-500 {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:mid-red-600 {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .xl\:via-red-600 {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:mid-red-700 {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .xl\:via-red-700 {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:mid-red-800 {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .xl\:via-red-800 {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:mid-red-900 {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .xl\:via-red-900 {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:mid-orange-100 {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .xl\:via-orange-100 {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:mid-orange-200 {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .xl\:via-orange-200 {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:mid-orange-300 {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .xl\:via-orange-300 {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:mid-orange-400 {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .xl\:via-orange-400 {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:mid-orange-500 {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .xl\:via-orange-500 {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:mid-orange-600 {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .xl\:via-orange-600 {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:mid-orange-700 {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .xl\:via-orange-700 {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:mid-orange-800 {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .xl\:via-orange-800 {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:mid-orange-900 {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .xl\:via-orange-900 {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:mid-yellow-100 {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .xl\:via-yellow-100 {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:mid-yellow-200 {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .xl\:via-yellow-200 {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:mid-yellow-300 {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .xl\:via-yellow-300 {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:mid-yellow-400 {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .xl\:via-yellow-400 {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:mid-yellow-500 {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .xl\:via-yellow-500 {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:mid-yellow-600 {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .xl\:via-yellow-600 {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:mid-yellow-700 {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .xl\:via-yellow-700 {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:mid-yellow-800 {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .xl\:via-yellow-800 {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:mid-yellow-900 {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .xl\:via-yellow-900 {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:mid-green-100 {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .xl\:via-green-100 {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:mid-green-200 {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .xl\:via-green-200 {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:mid-green-300 {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .xl\:via-green-300 {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:mid-green-400 {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .xl\:via-green-400 {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:mid-green-500 {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .xl\:via-green-500 {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:mid-green-600 {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .xl\:via-green-600 {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:mid-green-700 {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .xl\:via-green-700 {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:mid-green-800 {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .xl\:via-green-800 {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:mid-green-900 {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .xl\:via-green-900 {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:mid-teal-100 {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .xl\:via-teal-100 {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:mid-teal-200 {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .xl\:via-teal-200 {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:mid-teal-300 {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .xl\:via-teal-300 {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:mid-teal-400 {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .xl\:via-teal-400 {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:mid-teal-500 {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .xl\:via-teal-500 {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:mid-teal-600 {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .xl\:via-teal-600 {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:mid-teal-700 {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .xl\:via-teal-700 {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:mid-teal-800 {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .xl\:via-teal-800 {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:mid-teal-900 {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .xl\:via-teal-900 {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:mid-blue-100 {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .xl\:via-blue-100 {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:mid-blue-200 {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .xl\:via-blue-200 {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:mid-blue-300 {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .xl\:via-blue-300 {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:mid-blue-400 {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .xl\:via-blue-400 {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:mid-blue-500 {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .xl\:via-blue-500 {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:mid-blue-600 {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .xl\:via-blue-600 {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:mid-blue-700 {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .xl\:via-blue-700 {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:mid-blue-800 {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .xl\:via-blue-800 {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:mid-blue-900 {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .xl\:via-blue-900 {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:mid-indigo-100 {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .xl\:via-indigo-100 {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:mid-indigo-200 {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .xl\:via-indigo-200 {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:mid-indigo-300 {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .xl\:via-indigo-300 {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:mid-indigo-400 {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .xl\:via-indigo-400 {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:mid-indigo-500 {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .xl\:via-indigo-500 {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:mid-indigo-600 {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .xl\:via-indigo-600 {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:mid-indigo-700 {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .xl\:via-indigo-700 {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:mid-indigo-800 {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .xl\:via-indigo-800 {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:mid-indigo-900 {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .xl\:via-indigo-900 {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:mid-purple-100 {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .xl\:via-purple-100 {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:mid-purple-200 {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .xl\:via-purple-200 {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:mid-purple-300 {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .xl\:via-purple-300 {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:mid-purple-400 {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .xl\:via-purple-400 {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:mid-purple-500 {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .xl\:via-purple-500 {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:mid-purple-600 {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .xl\:via-purple-600 {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:mid-purple-700 {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .xl\:via-purple-700 {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:mid-purple-800 {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .xl\:via-purple-800 {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:mid-purple-900 {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .xl\:via-purple-900 {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:mid-pink-100 {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .xl\:via-pink-100 {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:mid-pink-200 {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .xl\:via-pink-200 {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:mid-pink-300 {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .xl\:via-pink-300 {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:mid-pink-400 {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .xl\:via-pink-400 {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:mid-pink-500 {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .xl\:via-pink-500 {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:mid-pink-600 {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .xl\:via-pink-600 {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:mid-pink-700 {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .xl\:via-pink-700 {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:mid-pink-800 {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .xl\:via-pink-800 {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:mid-pink-900 {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .xl\:via-pink-900 {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .xl\:to-transparent {
@@ -77359,474 +77359,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .xl\:hover\:mid-transparent:hover {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:mid-current:hover {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:mid-black:hover {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:hover\:via-black:hover {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:hover\:mid-white:hover {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:hover\:via-white:hover {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:hover\:mid-gray-100:hover {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .xl\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:hover\:mid-gray-200:hover {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .xl\:hover\:via-gray-200:hover {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:hover\:mid-gray-300:hover {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .xl\:hover\:via-gray-300:hover {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:hover\:mid-gray-400:hover {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .xl\:hover\:via-gray-400:hover {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:hover\:mid-gray-500:hover {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .xl\:hover\:via-gray-500:hover {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:hover\:mid-gray-600:hover {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .xl\:hover\:via-gray-600:hover {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:hover\:mid-gray-700:hover {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .xl\:hover\:via-gray-700:hover {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:hover\:mid-gray-800:hover {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .xl\:hover\:via-gray-800:hover {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:hover\:mid-gray-900:hover {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .xl\:hover\:via-gray-900:hover {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:hover\:mid-red-100:hover {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .xl\:hover\:via-red-100:hover {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:hover\:mid-red-200:hover {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .xl\:hover\:via-red-200:hover {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:hover\:mid-red-300:hover {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .xl\:hover\:via-red-300:hover {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:hover\:mid-red-400:hover {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .xl\:hover\:via-red-400:hover {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:hover\:mid-red-500:hover {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .xl\:hover\:via-red-500:hover {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:hover\:mid-red-600:hover {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .xl\:hover\:via-red-600:hover {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:hover\:mid-red-700:hover {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .xl\:hover\:via-red-700:hover {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:hover\:mid-red-800:hover {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .xl\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:hover\:mid-red-900:hover {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .xl\:hover\:via-red-900:hover {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:hover\:mid-orange-100:hover {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .xl\:hover\:via-orange-100:hover {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:hover\:mid-orange-200:hover {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .xl\:hover\:via-orange-200:hover {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:hover\:mid-orange-300:hover {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .xl\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:hover\:mid-orange-400:hover {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .xl\:hover\:via-orange-400:hover {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:hover\:mid-orange-500:hover {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .xl\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:hover\:mid-orange-600:hover {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .xl\:hover\:via-orange-600:hover {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:hover\:mid-orange-700:hover {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .xl\:hover\:via-orange-700:hover {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:hover\:mid-orange-800:hover {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .xl\:hover\:via-orange-800:hover {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:hover\:mid-orange-900:hover {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .xl\:hover\:via-orange-900:hover {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:hover\:mid-yellow-100:hover {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .xl\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:hover\:mid-yellow-200:hover {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .xl\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:hover\:mid-yellow-300:hover {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .xl\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:hover\:mid-yellow-400:hover {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .xl\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:hover\:mid-yellow-500:hover {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .xl\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:hover\:mid-yellow-600:hover {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .xl\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:hover\:mid-yellow-700:hover {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .xl\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:hover\:mid-yellow-800:hover {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .xl\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:hover\:mid-yellow-900:hover {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .xl\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:hover\:mid-green-100:hover {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .xl\:hover\:via-green-100:hover {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:hover\:mid-green-200:hover {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .xl\:hover\:via-green-200:hover {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:hover\:mid-green-300:hover {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .xl\:hover\:via-green-300:hover {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:hover\:mid-green-400:hover {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .xl\:hover\:via-green-400:hover {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:hover\:mid-green-500:hover {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .xl\:hover\:via-green-500:hover {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:hover\:mid-green-600:hover {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .xl\:hover\:via-green-600:hover {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:hover\:mid-green-700:hover {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .xl\:hover\:via-green-700:hover {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:hover\:mid-green-800:hover {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .xl\:hover\:via-green-800:hover {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:hover\:mid-green-900:hover {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .xl\:hover\:via-green-900:hover {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:hover\:mid-teal-100:hover {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .xl\:hover\:via-teal-100:hover {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:hover\:mid-teal-200:hover {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .xl\:hover\:via-teal-200:hover {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:hover\:mid-teal-300:hover {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .xl\:hover\:via-teal-300:hover {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:hover\:mid-teal-400:hover {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .xl\:hover\:via-teal-400:hover {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:hover\:mid-teal-500:hover {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .xl\:hover\:via-teal-500:hover {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:hover\:mid-teal-600:hover {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .xl\:hover\:via-teal-600:hover {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:hover\:mid-teal-700:hover {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .xl\:hover\:via-teal-700:hover {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:hover\:mid-teal-800:hover {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .xl\:hover\:via-teal-800:hover {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:hover\:mid-teal-900:hover {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .xl\:hover\:via-teal-900:hover {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:hover\:mid-blue-100:hover {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .xl\:hover\:via-blue-100:hover {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:hover\:mid-blue-200:hover {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .xl\:hover\:via-blue-200:hover {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:hover\:mid-blue-300:hover {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .xl\:hover\:via-blue-300:hover {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:hover\:mid-blue-400:hover {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .xl\:hover\:via-blue-400:hover {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:hover\:mid-blue-500:hover {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .xl\:hover\:via-blue-500:hover {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:hover\:mid-blue-600:hover {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .xl\:hover\:via-blue-600:hover {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:hover\:mid-blue-700:hover {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .xl\:hover\:via-blue-700:hover {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:hover\:mid-blue-800:hover {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .xl\:hover\:via-blue-800:hover {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:hover\:mid-blue-900:hover {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .xl\:hover\:via-blue-900:hover {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:hover\:mid-indigo-100:hover {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .xl\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:hover\:mid-indigo-200:hover {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .xl\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:hover\:mid-indigo-300:hover {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .xl\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:hover\:mid-indigo-400:hover {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .xl\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:hover\:mid-indigo-500:hover {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .xl\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:hover\:mid-indigo-600:hover {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .xl\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:hover\:mid-indigo-700:hover {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .xl\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:hover\:mid-indigo-800:hover {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .xl\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:hover\:mid-indigo-900:hover {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .xl\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:hover\:mid-purple-100:hover {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .xl\:hover\:via-purple-100:hover {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:hover\:mid-purple-200:hover {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .xl\:hover\:via-purple-200:hover {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:hover\:mid-purple-300:hover {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .xl\:hover\:via-purple-300:hover {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:hover\:mid-purple-400:hover {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .xl\:hover\:via-purple-400:hover {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:hover\:mid-purple-500:hover {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .xl\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:hover\:mid-purple-600:hover {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .xl\:hover\:via-purple-600:hover {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:hover\:mid-purple-700:hover {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .xl\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:hover\:mid-purple-800:hover {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .xl\:hover\:via-purple-800:hover {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:hover\:mid-purple-900:hover {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .xl\:hover\:via-purple-900:hover {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:hover\:mid-pink-100:hover {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .xl\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:hover\:mid-pink-200:hover {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .xl\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:hover\:mid-pink-300:hover {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .xl\:hover\:via-pink-300:hover {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:hover\:mid-pink-400:hover {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .xl\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:hover\:mid-pink-500:hover {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .xl\:hover\:via-pink-500:hover {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:hover\:mid-pink-600:hover {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .xl\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:hover\:mid-pink-700:hover {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .xl\:hover\:via-pink-700:hover {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:hover\:mid-pink-800:hover {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .xl\:hover\:via-pink-800:hover {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:hover\:mid-pink-900:hover {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .xl\:hover\:via-pink-900:hover {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .xl\:hover\:to-transparent:hover {
@@ -78675,474 +78675,474 @@ video {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
-  .xl\:focus\:mid-transparent:focus {
-    --gradient-mid-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:mid-current:focus {
-    --gradient-mid-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:mid-black:focus {
-    --gradient-mid-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  .xl\:focus\:via-black:focus {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
   }
 
-  .xl\:focus\:mid-white:focus {
-    --gradient-mid-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  .xl\:focus\:via-white:focus {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
   }
 
-  .xl\:focus\:mid-gray-100:focus {
-    --gradient-mid-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  .xl\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
   }
 
-  .xl\:focus\:mid-gray-200:focus {
-    --gradient-mid-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  .xl\:focus\:via-gray-200:focus {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
   }
 
-  .xl\:focus\:mid-gray-300:focus {
-    --gradient-mid-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  .xl\:focus\:via-gray-300:focus {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
   }
 
-  .xl\:focus\:mid-gray-400:focus {
-    --gradient-mid-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  .xl\:focus\:via-gray-400:focus {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
   }
 
-  .xl\:focus\:mid-gray-500:focus {
-    --gradient-mid-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  .xl\:focus\:via-gray-500:focus {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
   }
 
-  .xl\:focus\:mid-gray-600:focus {
-    --gradient-mid-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  .xl\:focus\:via-gray-600:focus {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
   }
 
-  .xl\:focus\:mid-gray-700:focus {
-    --gradient-mid-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  .xl\:focus\:via-gray-700:focus {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
   }
 
-  .xl\:focus\:mid-gray-800:focus {
-    --gradient-mid-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  .xl\:focus\:via-gray-800:focus {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
   }
 
-  .xl\:focus\:mid-gray-900:focus {
-    --gradient-mid-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  .xl\:focus\:via-gray-900:focus {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
   }
 
-  .xl\:focus\:mid-red-100:focus {
-    --gradient-mid-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  .xl\:focus\:via-red-100:focus {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
   }
 
-  .xl\:focus\:mid-red-200:focus {
-    --gradient-mid-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  .xl\:focus\:via-red-200:focus {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
   }
 
-  .xl\:focus\:mid-red-300:focus {
-    --gradient-mid-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  .xl\:focus\:via-red-300:focus {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
   }
 
-  .xl\:focus\:mid-red-400:focus {
-    --gradient-mid-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  .xl\:focus\:via-red-400:focus {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
   }
 
-  .xl\:focus\:mid-red-500:focus {
-    --gradient-mid-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  .xl\:focus\:via-red-500:focus {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
   }
 
-  .xl\:focus\:mid-red-600:focus {
-    --gradient-mid-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  .xl\:focus\:via-red-600:focus {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
   }
 
-  .xl\:focus\:mid-red-700:focus {
-    --gradient-mid-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  .xl\:focus\:via-red-700:focus {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
   }
 
-  .xl\:focus\:mid-red-800:focus {
-    --gradient-mid-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  .xl\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
   }
 
-  .xl\:focus\:mid-red-900:focus {
-    --gradient-mid-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  .xl\:focus\:via-red-900:focus {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
   }
 
-  .xl\:focus\:mid-orange-100:focus {
-    --gradient-mid-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  .xl\:focus\:via-orange-100:focus {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
   }
 
-  .xl\:focus\:mid-orange-200:focus {
-    --gradient-mid-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  .xl\:focus\:via-orange-200:focus {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
   }
 
-  .xl\:focus\:mid-orange-300:focus {
-    --gradient-mid-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  .xl\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
   }
 
-  .xl\:focus\:mid-orange-400:focus {
-    --gradient-mid-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  .xl\:focus\:via-orange-400:focus {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
   }
 
-  .xl\:focus\:mid-orange-500:focus {
-    --gradient-mid-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  .xl\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
   }
 
-  .xl\:focus\:mid-orange-600:focus {
-    --gradient-mid-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  .xl\:focus\:via-orange-600:focus {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
   }
 
-  .xl\:focus\:mid-orange-700:focus {
-    --gradient-mid-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  .xl\:focus\:via-orange-700:focus {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
   }
 
-  .xl\:focus\:mid-orange-800:focus {
-    --gradient-mid-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  .xl\:focus\:via-orange-800:focus {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
   }
 
-  .xl\:focus\:mid-orange-900:focus {
-    --gradient-mid-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  .xl\:focus\:via-orange-900:focus {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
   }
 
-  .xl\:focus\:mid-yellow-100:focus {
-    --gradient-mid-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  .xl\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
   }
 
-  .xl\:focus\:mid-yellow-200:focus {
-    --gradient-mid-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  .xl\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
   }
 
-  .xl\:focus\:mid-yellow-300:focus {
-    --gradient-mid-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  .xl\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
   }
 
-  .xl\:focus\:mid-yellow-400:focus {
-    --gradient-mid-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  .xl\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
   }
 
-  .xl\:focus\:mid-yellow-500:focus {
-    --gradient-mid-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  .xl\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
   }
 
-  .xl\:focus\:mid-yellow-600:focus {
-    --gradient-mid-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  .xl\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
   }
 
-  .xl\:focus\:mid-yellow-700:focus {
-    --gradient-mid-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  .xl\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
   }
 
-  .xl\:focus\:mid-yellow-800:focus {
-    --gradient-mid-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  .xl\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
   }
 
-  .xl\:focus\:mid-yellow-900:focus {
-    --gradient-mid-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  .xl\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
   }
 
-  .xl\:focus\:mid-green-100:focus {
-    --gradient-mid-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  .xl\:focus\:via-green-100:focus {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
   }
 
-  .xl\:focus\:mid-green-200:focus {
-    --gradient-mid-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  .xl\:focus\:via-green-200:focus {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
   }
 
-  .xl\:focus\:mid-green-300:focus {
-    --gradient-mid-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  .xl\:focus\:via-green-300:focus {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
   }
 
-  .xl\:focus\:mid-green-400:focus {
-    --gradient-mid-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  .xl\:focus\:via-green-400:focus {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
   }
 
-  .xl\:focus\:mid-green-500:focus {
-    --gradient-mid-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  .xl\:focus\:via-green-500:focus {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
   }
 
-  .xl\:focus\:mid-green-600:focus {
-    --gradient-mid-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  .xl\:focus\:via-green-600:focus {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
   }
 
-  .xl\:focus\:mid-green-700:focus {
-    --gradient-mid-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  .xl\:focus\:via-green-700:focus {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
   }
 
-  .xl\:focus\:mid-green-800:focus {
-    --gradient-mid-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  .xl\:focus\:via-green-800:focus {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
   }
 
-  .xl\:focus\:mid-green-900:focus {
-    --gradient-mid-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  .xl\:focus\:via-green-900:focus {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
   }
 
-  .xl\:focus\:mid-teal-100:focus {
-    --gradient-mid-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  .xl\:focus\:via-teal-100:focus {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
   }
 
-  .xl\:focus\:mid-teal-200:focus {
-    --gradient-mid-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  .xl\:focus\:via-teal-200:focus {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
   }
 
-  .xl\:focus\:mid-teal-300:focus {
-    --gradient-mid-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  .xl\:focus\:via-teal-300:focus {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
   }
 
-  .xl\:focus\:mid-teal-400:focus {
-    --gradient-mid-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  .xl\:focus\:via-teal-400:focus {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
   }
 
-  .xl\:focus\:mid-teal-500:focus {
-    --gradient-mid-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  .xl\:focus\:via-teal-500:focus {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
   }
 
-  .xl\:focus\:mid-teal-600:focus {
-    --gradient-mid-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  .xl\:focus\:via-teal-600:focus {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
   }
 
-  .xl\:focus\:mid-teal-700:focus {
-    --gradient-mid-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  .xl\:focus\:via-teal-700:focus {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
   }
 
-  .xl\:focus\:mid-teal-800:focus {
-    --gradient-mid-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  .xl\:focus\:via-teal-800:focus {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
   }
 
-  .xl\:focus\:mid-teal-900:focus {
-    --gradient-mid-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  .xl\:focus\:via-teal-900:focus {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
   }
 
-  .xl\:focus\:mid-blue-100:focus {
-    --gradient-mid-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  .xl\:focus\:via-blue-100:focus {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
   }
 
-  .xl\:focus\:mid-blue-200:focus {
-    --gradient-mid-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  .xl\:focus\:via-blue-200:focus {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
   }
 
-  .xl\:focus\:mid-blue-300:focus {
-    --gradient-mid-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  .xl\:focus\:via-blue-300:focus {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
   }
 
-  .xl\:focus\:mid-blue-400:focus {
-    --gradient-mid-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  .xl\:focus\:via-blue-400:focus {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
   }
 
-  .xl\:focus\:mid-blue-500:focus {
-    --gradient-mid-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  .xl\:focus\:via-blue-500:focus {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
   }
 
-  .xl\:focus\:mid-blue-600:focus {
-    --gradient-mid-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  .xl\:focus\:via-blue-600:focus {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
   }
 
-  .xl\:focus\:mid-blue-700:focus {
-    --gradient-mid-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  .xl\:focus\:via-blue-700:focus {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
   }
 
-  .xl\:focus\:mid-blue-800:focus {
-    --gradient-mid-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  .xl\:focus\:via-blue-800:focus {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
   }
 
-  .xl\:focus\:mid-blue-900:focus {
-    --gradient-mid-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  .xl\:focus\:via-blue-900:focus {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
   }
 
-  .xl\:focus\:mid-indigo-100:focus {
-    --gradient-mid-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  .xl\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
   }
 
-  .xl\:focus\:mid-indigo-200:focus {
-    --gradient-mid-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  .xl\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
   }
 
-  .xl\:focus\:mid-indigo-300:focus {
-    --gradient-mid-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  .xl\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
   }
 
-  .xl\:focus\:mid-indigo-400:focus {
-    --gradient-mid-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  .xl\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
   }
 
-  .xl\:focus\:mid-indigo-500:focus {
-    --gradient-mid-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  .xl\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
   }
 
-  .xl\:focus\:mid-indigo-600:focus {
-    --gradient-mid-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  .xl\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
   }
 
-  .xl\:focus\:mid-indigo-700:focus {
-    --gradient-mid-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  .xl\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
   }
 
-  .xl\:focus\:mid-indigo-800:focus {
-    --gradient-mid-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  .xl\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
   }
 
-  .xl\:focus\:mid-indigo-900:focus {
-    --gradient-mid-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  .xl\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
   }
 
-  .xl\:focus\:mid-purple-100:focus {
-    --gradient-mid-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  .xl\:focus\:via-purple-100:focus {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
   }
 
-  .xl\:focus\:mid-purple-200:focus {
-    --gradient-mid-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  .xl\:focus\:via-purple-200:focus {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
   }
 
-  .xl\:focus\:mid-purple-300:focus {
-    --gradient-mid-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  .xl\:focus\:via-purple-300:focus {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
   }
 
-  .xl\:focus\:mid-purple-400:focus {
-    --gradient-mid-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  .xl\:focus\:via-purple-400:focus {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
   }
 
-  .xl\:focus\:mid-purple-500:focus {
-    --gradient-mid-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  .xl\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
   }
 
-  .xl\:focus\:mid-purple-600:focus {
-    --gradient-mid-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  .xl\:focus\:via-purple-600:focus {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
   }
 
-  .xl\:focus\:mid-purple-700:focus {
-    --gradient-mid-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  .xl\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
   }
 
-  .xl\:focus\:mid-purple-800:focus {
-    --gradient-mid-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  .xl\:focus\:via-purple-800:focus {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
   }
 
-  .xl\:focus\:mid-purple-900:focus {
-    --gradient-mid-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  .xl\:focus\:via-purple-900:focus {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
   }
 
-  .xl\:focus\:mid-pink-100:focus {
-    --gradient-mid-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  .xl\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
   }
 
-  .xl\:focus\:mid-pink-200:focus {
-    --gradient-mid-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  .xl\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
   }
 
-  .xl\:focus\:mid-pink-300:focus {
-    --gradient-mid-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  .xl\:focus\:via-pink-300:focus {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
   }
 
-  .xl\:focus\:mid-pink-400:focus {
-    --gradient-mid-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  .xl\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
   }
 
-  .xl\:focus\:mid-pink-500:focus {
-    --gradient-mid-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  .xl\:focus\:via-pink-500:focus {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
   }
 
-  .xl\:focus\:mid-pink-600:focus {
-    --gradient-mid-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  .xl\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
   }
 
-  .xl\:focus\:mid-pink-700:focus {
-    --gradient-mid-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  .xl\:focus\:via-pink-700:focus {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
   }
 
-  .xl\:focus\:mid-pink-800:focus {
-    --gradient-mid-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  .xl\:focus\:via-pink-800:focus {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
   }
 
-  .xl\:focus\:mid-pink-900:focus {
-    --gradient-mid-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  .xl\:focus\:via-pink-900:focus {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
   }
 
   .xl\:focus\:to-transparent:focus {
diff --git a/src/plugins/gradientColorStops.js b/src/plugins/gradientColorStops.js
index fb491ab85..222ed4fa3 100644
--- a/src/plugins/gradientColorStops.js
+++ b/src/plugins/gradientColorStops.js
@@ -30,10 +30,10 @@ export default function() {
             },
           ],
           [
-            `.${e(`mid-${modifier}`)}`,
+            `.${e(`via-${modifier}`)}`,
             {
-              '--gradient-mid-color': value,
-              '--gradient-color-stops': `var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color, ${transparentTo})`,
+              '--gradient-via-color': value,
+              '--gradient-color-stops': `var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, ${transparentTo})`,
             },
           ],
           [

From 4ca48dbde558432bafab50713e064433fdb674a7 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Mon, 17 Aug 2020 14:18:42 -0400
Subject: [PATCH 5/5] Add catch arg

---
 src/plugins/gradientColorStops.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/plugins/gradientColorStops.js b/src/plugins/gradientColorStops.js
index 222ed4fa3..01d3c9341 100644
--- a/src/plugins/gradientColorStops.js
+++ b/src/plugins/gradientColorStops.js
@@ -16,7 +16,7 @@ export default function() {
           try {
             const [r, g, b] = toRgba(value)
             return `rgba(${r}, ${g}, ${b}, 0)`
-          } catch {
+          } catch (_error) {
             return `rgba(255, 255, 255, 0)`
           }
         })()