From 3b565d1f9c7f3c56fb1ff875ff99719f222df40b Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Sun, 26 Apr 2020 09:48:54 -0400
Subject: [PATCH 1/3] Add opacity modifiers for color utilities

---
 .../fixtures/tailwind-output-important.css    | 12240 ++++++++++++++++
 __tests__/fixtures/tailwind-output.css        | 12240 ++++++++++++++++
 __tests__/flattenColorPalette.test.js         |    45 +
 __tests__/plugins/backgroundColor.test.js     |    83 -
 __tests__/plugins/borderColor.test.js         |    83 -
 __tests__/plugins/divideColor.test.js         |    89 -
 __tests__/plugins/fill.test.js                |    83 -
 __tests__/plugins/stroke.test.js              |    83 -
 __tests__/plugins/textColor.test.js           |    83 -
 __tests__/withAlphaVariable.test.js           |    97 +
 package.json                                  |     1 +
 src/corePlugins.js                            |    10 +
 src/plugins/backgroundColor.js                |     9 +-
 src/plugins/backgroundOpacity.js              |     5 +
 src/plugins/borderColor.js                    |     9 +-
 src/plugins/borderOpacity.js                  |     5 +
 src/plugins/divideColor.js                    |     9 +-
 src/plugins/divideOpacity.js                  |     5 +
 src/plugins/placeholderColor.js               |     5 +-
 src/plugins/placeholderOpacity.js             |     7 +
 src/plugins/textColor.js                      |     5 +-
 src/plugins/textOpacity.js                    |     5 +
 src/util/withAlphaVariable.js                 |    39 +
 stubs/defaultConfig.stub.js                   |    10 +
 yarn.lock                                     |    32 +-
 25 files changed, 24761 insertions(+), 521 deletions(-)
 create mode 100644 __tests__/flattenColorPalette.test.js
 delete mode 100644 __tests__/plugins/backgroundColor.test.js
 delete mode 100644 __tests__/plugins/borderColor.test.js
 delete mode 100644 __tests__/plugins/divideColor.test.js
 delete mode 100644 __tests__/plugins/fill.test.js
 delete mode 100644 __tests__/plugins/stroke.test.js
 delete mode 100644 __tests__/plugins/textColor.test.js
 create mode 100644 __tests__/withAlphaVariable.test.js
 create mode 100644 src/plugins/backgroundOpacity.js
 create mode 100644 src/plugins/borderOpacity.js
 create mode 100644 src/plugins/divideOpacity.js
 create mode 100644 src/plugins/placeholderOpacity.js
 create mode 100644 src/plugins/textOpacity.js
 create mode 100644 src/util/withAlphaVariable.js

diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index 5dccc6853..814d35e34 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -1135,371 +1135,575 @@ video {
 }
 
 .divide-black > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #000 !important;
+  border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
 }
 
 .divide-white > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #fff !important;
+  border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
 }
 
 .divide-gray-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #f7fafc !important;
+  border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
 }
 
 .divide-gray-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #edf2f7 !important;
+  border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
 }
 
 .divide-gray-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #e2e8f0 !important;
+  border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
 }
 
 .divide-gray-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #cbd5e0 !important;
+  border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
 }
 
 .divide-gray-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #a0aec0 !important;
+  border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
 }
 
 .divide-gray-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #718096 !important;
+  border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
 }
 
 .divide-gray-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #4a5568 !important;
+  border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
 }
 
 .divide-gray-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #2d3748 !important;
+  border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
 }
 
 .divide-gray-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #1a202c !important;
+  border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
 }
 
 .divide-red-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #fff5f5 !important;
+  border-color: rgba(255, 245, 245, var(--divide-opacity)) !important;
 }
 
 .divide-red-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #fed7d7 !important;
+  border-color: rgba(254, 215, 215, var(--divide-opacity)) !important;
 }
 
 .divide-red-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #feb2b2 !important;
+  border-color: rgba(254, 178, 178, var(--divide-opacity)) !important;
 }
 
 .divide-red-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #fc8181 !important;
+  border-color: rgba(252, 129, 129, var(--divide-opacity)) !important;
 }
 
 .divide-red-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #f56565 !important;
+  border-color: rgba(245, 101, 101, var(--divide-opacity)) !important;
 }
 
 .divide-red-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #e53e3e !important;
+  border-color: rgba(229, 62, 62, var(--divide-opacity)) !important;
 }
 
 .divide-red-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #c53030 !important;
+  border-color: rgba(197, 48, 48, var(--divide-opacity)) !important;
 }
 
 .divide-red-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #9b2c2c !important;
+  border-color: rgba(155, 44, 44, var(--divide-opacity)) !important;
 }
 
 .divide-red-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #742a2a !important;
+  border-color: rgba(116, 42, 42, var(--divide-opacity)) !important;
 }
 
 .divide-orange-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #fffaf0 !important;
+  border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
 }
 
 .divide-orange-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #feebc8 !important;
+  border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
 }
 
 .divide-orange-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #fbd38d !important;
+  border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
 }
 
 .divide-orange-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #f6ad55 !important;
+  border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
 }
 
 .divide-orange-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #ed8936 !important;
+  border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
 }
 
 .divide-orange-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #dd6b20 !important;
+  border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
 }
 
 .divide-orange-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #c05621 !important;
+  border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
 }
 
 .divide-orange-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #9c4221 !important;
+  border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
 }
 
 .divide-orange-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #7b341e !important;
+  border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
 }
 
 .divide-yellow-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #fffff0 !important;
+  border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
 }
 
 .divide-yellow-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #fefcbf !important;
+  border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
 }
 
 .divide-yellow-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #faf089 !important;
+  border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
 }
 
 .divide-yellow-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #f6e05e !important;
+  border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
 }
 
 .divide-yellow-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #ecc94b !important;
+  border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
 }
 
 .divide-yellow-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #d69e2e !important;
+  border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
 }
 
 .divide-yellow-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #b7791f !important;
+  border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
 }
 
 .divide-yellow-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #975a16 !important;
+  border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
 }
 
 .divide-yellow-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #744210 !important;
+  border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
 }
 
 .divide-green-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #f0fff4 !important;
+  border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
 }
 
 .divide-green-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #c6f6d5 !important;
+  border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
 }
 
 .divide-green-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #9ae6b4 !important;
+  border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
 }
 
 .divide-green-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #68d391 !important;
+  border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
 }
 
 .divide-green-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #48bb78 !important;
+  border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
 }
 
 .divide-green-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #38a169 !important;
+  border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
 }
 
 .divide-green-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #2f855a !important;
+  border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
 }
 
 .divide-green-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #276749 !important;
+  border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
 }
 
 .divide-green-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #22543d !important;
+  border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
 }
 
 .divide-teal-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #e6fffa !important;
+  border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
 }
 
 .divide-teal-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #b2f5ea !important;
+  border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
 }
 
 .divide-teal-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #81e6d9 !important;
+  border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
 }
 
 .divide-teal-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #4fd1c5 !important;
+  border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
 }
 
 .divide-teal-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #38b2ac !important;
+  border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
 }
 
 .divide-teal-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #319795 !important;
+  border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
 }
 
 .divide-teal-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #2c7a7b !important;
+  border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
 }
 
 .divide-teal-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #285e61 !important;
+  border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
 }
 
 .divide-teal-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #234e52 !important;
+  border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
 }
 
 .divide-blue-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #ebf8ff !important;
+  border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
 }
 
 .divide-blue-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #bee3f8 !important;
+  border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
 }
 
 .divide-blue-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #90cdf4 !important;
+  border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
 }
 
 .divide-blue-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #63b3ed !important;
+  border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
 }
 
 .divide-blue-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #4299e1 !important;
+  border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
 }
 
 .divide-blue-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #3182ce !important;
+  border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
 }
 
 .divide-blue-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #2b6cb0 !important;
+  border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
 }
 
 .divide-blue-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #2c5282 !important;
+  border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
 }
 
 .divide-blue-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #2a4365 !important;
+  border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
 }
 
 .divide-indigo-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #ebf4ff !important;
+  border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
 }
 
 .divide-indigo-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #c3dafe !important;
+  border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
 }
 
 .divide-indigo-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #a3bffa !important;
+  border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
 }
 
 .divide-indigo-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #7f9cf5 !important;
+  border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
 }
 
 .divide-indigo-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #667eea !important;
+  border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
 }
 
 .divide-indigo-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #5a67d8 !important;
+  border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
 }
 
 .divide-indigo-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #4c51bf !important;
+  border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
 }
 
 .divide-indigo-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #434190 !important;
+  border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
 }
 
 .divide-indigo-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #3c366b !important;
+  border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
 }
 
 .divide-purple-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #faf5ff !important;
+  border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
 }
 
 .divide-purple-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #e9d8fd !important;
+  border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
 }
 
 .divide-purple-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #d6bcfa !important;
+  border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
 }
 
 .divide-purple-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #b794f4 !important;
+  border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
 }
 
 .divide-purple-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #9f7aea !important;
+  border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
 }
 
 .divide-purple-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #805ad5 !important;
+  border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
 }
 
 .divide-purple-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #6b46c1 !important;
+  border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
 }
 
 .divide-purple-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #553c9a !important;
+  border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
 }
 
 .divide-purple-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #44337a !important;
+  border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
 }
 
 .divide-pink-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #fff5f7 !important;
+  border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
 }
 
 .divide-pink-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #fed7e2 !important;
+  border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
 }
 
 .divide-pink-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #fbb6ce !important;
+  border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
 }
 
 .divide-pink-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #f687b3 !important;
+  border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
 }
 
 .divide-pink-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #ed64a6 !important;
+  border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
 }
 
 .divide-pink-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #d53f8c !important;
+  border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
 }
 
 .divide-pink-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #b83280 !important;
+  border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
 }
 
 .divide-pink-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #97266d !important;
+  border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
 }
 
 .divide-pink-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1 !important;
   border-color: #702459 !important;
+  border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
+}
+
+.divide-opacity-0 {
+  --divide-opacity: 0 !important;
+}
+
+.divide-opacity-25 {
+  --divide-opacity: 0.25 !important;
+}
+
+.divide-opacity-50 {
+  --divide-opacity: 0.5 !important;
+}
+
+.divide-opacity-75 {
+  --divide-opacity: 0.75 !important;
+}
+
+.divide-opacity-100 {
+  --divide-opacity: 1 !important;
 }
 
 .sr-only {
@@ -1573,371 +1777,555 @@ video {
 }
 
 .bg-black {
+  --bg-opacity: 1 !important;
   background-color: #000 !important;
+  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
 }
 
 .bg-white {
+  --bg-opacity: 1 !important;
   background-color: #fff !important;
+  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
 }
 
 .bg-gray-100 {
+  --bg-opacity: 1 !important;
   background-color: #f7fafc !important;
+  background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
 }
 
 .bg-gray-200 {
+  --bg-opacity: 1 !important;
   background-color: #edf2f7 !important;
+  background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
 }
 
 .bg-gray-300 {
+  --bg-opacity: 1 !important;
   background-color: #e2e8f0 !important;
+  background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
 }
 
 .bg-gray-400 {
+  --bg-opacity: 1 !important;
   background-color: #cbd5e0 !important;
+  background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
 }
 
 .bg-gray-500 {
+  --bg-opacity: 1 !important;
   background-color: #a0aec0 !important;
+  background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
 }
 
 .bg-gray-600 {
+  --bg-opacity: 1 !important;
   background-color: #718096 !important;
+  background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
 }
 
 .bg-gray-700 {
+  --bg-opacity: 1 !important;
   background-color: #4a5568 !important;
+  background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
 }
 
 .bg-gray-800 {
+  --bg-opacity: 1 !important;
   background-color: #2d3748 !important;
+  background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
 }
 
 .bg-gray-900 {
+  --bg-opacity: 1 !important;
   background-color: #1a202c !important;
+  background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
 }
 
 .bg-red-100 {
+  --bg-opacity: 1 !important;
   background-color: #fff5f5 !important;
+  background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
 }
 
 .bg-red-200 {
+  --bg-opacity: 1 !important;
   background-color: #fed7d7 !important;
+  background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
 }
 
 .bg-red-300 {
+  --bg-opacity: 1 !important;
   background-color: #feb2b2 !important;
+  background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
 }
 
 .bg-red-400 {
+  --bg-opacity: 1 !important;
   background-color: #fc8181 !important;
+  background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
 }
 
 .bg-red-500 {
+  --bg-opacity: 1 !important;
   background-color: #f56565 !important;
+  background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
 }
 
 .bg-red-600 {
+  --bg-opacity: 1 !important;
   background-color: #e53e3e !important;
+  background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
 }
 
 .bg-red-700 {
+  --bg-opacity: 1 !important;
   background-color: #c53030 !important;
+  background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
 }
 
 .bg-red-800 {
+  --bg-opacity: 1 !important;
   background-color: #9b2c2c !important;
+  background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
 }
 
 .bg-red-900 {
+  --bg-opacity: 1 !important;
   background-color: #742a2a !important;
+  background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
 }
 
 .bg-orange-100 {
+  --bg-opacity: 1 !important;
   background-color: #fffaf0 !important;
+  background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
 }
 
 .bg-orange-200 {
+  --bg-opacity: 1 !important;
   background-color: #feebc8 !important;
+  background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
 }
 
 .bg-orange-300 {
+  --bg-opacity: 1 !important;
   background-color: #fbd38d !important;
+  background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
 }
 
 .bg-orange-400 {
+  --bg-opacity: 1 !important;
   background-color: #f6ad55 !important;
+  background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
 }
 
 .bg-orange-500 {
+  --bg-opacity: 1 !important;
   background-color: #ed8936 !important;
+  background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
 }
 
 .bg-orange-600 {
+  --bg-opacity: 1 !important;
   background-color: #dd6b20 !important;
+  background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
 }
 
 .bg-orange-700 {
+  --bg-opacity: 1 !important;
   background-color: #c05621 !important;
+  background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
 }
 
 .bg-orange-800 {
+  --bg-opacity: 1 !important;
   background-color: #9c4221 !important;
+  background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
 }
 
 .bg-orange-900 {
+  --bg-opacity: 1 !important;
   background-color: #7b341e !important;
+  background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
 }
 
 .bg-yellow-100 {
+  --bg-opacity: 1 !important;
   background-color: #fffff0 !important;
+  background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
 }
 
 .bg-yellow-200 {
+  --bg-opacity: 1 !important;
   background-color: #fefcbf !important;
+  background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
 }
 
 .bg-yellow-300 {
+  --bg-opacity: 1 !important;
   background-color: #faf089 !important;
+  background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
 }
 
 .bg-yellow-400 {
+  --bg-opacity: 1 !important;
   background-color: #f6e05e !important;
+  background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
 }
 
 .bg-yellow-500 {
+  --bg-opacity: 1 !important;
   background-color: #ecc94b !important;
+  background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
 }
 
 .bg-yellow-600 {
+  --bg-opacity: 1 !important;
   background-color: #d69e2e !important;
+  background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
 }
 
 .bg-yellow-700 {
+  --bg-opacity: 1 !important;
   background-color: #b7791f !important;
+  background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
 }
 
 .bg-yellow-800 {
+  --bg-opacity: 1 !important;
   background-color: #975a16 !important;
+  background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
 }
 
 .bg-yellow-900 {
+  --bg-opacity: 1 !important;
   background-color: #744210 !important;
+  background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
 }
 
 .bg-green-100 {
+  --bg-opacity: 1 !important;
   background-color: #f0fff4 !important;
+  background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
 }
 
 .bg-green-200 {
+  --bg-opacity: 1 !important;
   background-color: #c6f6d5 !important;
+  background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
 }
 
 .bg-green-300 {
+  --bg-opacity: 1 !important;
   background-color: #9ae6b4 !important;
+  background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
 }
 
 .bg-green-400 {
+  --bg-opacity: 1 !important;
   background-color: #68d391 !important;
+  background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
 }
 
 .bg-green-500 {
+  --bg-opacity: 1 !important;
   background-color: #48bb78 !important;
+  background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
 }
 
 .bg-green-600 {
+  --bg-opacity: 1 !important;
   background-color: #38a169 !important;
+  background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
 }
 
 .bg-green-700 {
+  --bg-opacity: 1 !important;
   background-color: #2f855a !important;
+  background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
 }
 
 .bg-green-800 {
+  --bg-opacity: 1 !important;
   background-color: #276749 !important;
+  background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
 }
 
 .bg-green-900 {
+  --bg-opacity: 1 !important;
   background-color: #22543d !important;
+  background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
 }
 
 .bg-teal-100 {
+  --bg-opacity: 1 !important;
   background-color: #e6fffa !important;
+  background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
 }
 
 .bg-teal-200 {
+  --bg-opacity: 1 !important;
   background-color: #b2f5ea !important;
+  background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
 }
 
 .bg-teal-300 {
+  --bg-opacity: 1 !important;
   background-color: #81e6d9 !important;
+  background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
 }
 
 .bg-teal-400 {
+  --bg-opacity: 1 !important;
   background-color: #4fd1c5 !important;
+  background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
 }
 
 .bg-teal-500 {
+  --bg-opacity: 1 !important;
   background-color: #38b2ac !important;
+  background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
 }
 
 .bg-teal-600 {
+  --bg-opacity: 1 !important;
   background-color: #319795 !important;
+  background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
 }
 
 .bg-teal-700 {
+  --bg-opacity: 1 !important;
   background-color: #2c7a7b !important;
+  background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
 }
 
 .bg-teal-800 {
+  --bg-opacity: 1 !important;
   background-color: #285e61 !important;
+  background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
 }
 
 .bg-teal-900 {
+  --bg-opacity: 1 !important;
   background-color: #234e52 !important;
+  background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
 }
 
 .bg-blue-100 {
+  --bg-opacity: 1 !important;
   background-color: #ebf8ff !important;
+  background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
 }
 
 .bg-blue-200 {
+  --bg-opacity: 1 !important;
   background-color: #bee3f8 !important;
+  background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
 }
 
 .bg-blue-300 {
+  --bg-opacity: 1 !important;
   background-color: #90cdf4 !important;
+  background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
 }
 
 .bg-blue-400 {
+  --bg-opacity: 1 !important;
   background-color: #63b3ed !important;
+  background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
 }
 
 .bg-blue-500 {
+  --bg-opacity: 1 !important;
   background-color: #4299e1 !important;
+  background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
 }
 
 .bg-blue-600 {
+  --bg-opacity: 1 !important;
   background-color: #3182ce !important;
+  background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
 }
 
 .bg-blue-700 {
+  --bg-opacity: 1 !important;
   background-color: #2b6cb0 !important;
+  background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
 }
 
 .bg-blue-800 {
+  --bg-opacity: 1 !important;
   background-color: #2c5282 !important;
+  background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
 }
 
 .bg-blue-900 {
+  --bg-opacity: 1 !important;
   background-color: #2a4365 !important;
+  background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
 }
 
 .bg-indigo-100 {
+  --bg-opacity: 1 !important;
   background-color: #ebf4ff !important;
+  background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
 }
 
 .bg-indigo-200 {
+  --bg-opacity: 1 !important;
   background-color: #c3dafe !important;
+  background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
 }
 
 .bg-indigo-300 {
+  --bg-opacity: 1 !important;
   background-color: #a3bffa !important;
+  background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
 }
 
 .bg-indigo-400 {
+  --bg-opacity: 1 !important;
   background-color: #7f9cf5 !important;
+  background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
 }
 
 .bg-indigo-500 {
+  --bg-opacity: 1 !important;
   background-color: #667eea !important;
+  background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
 }
 
 .bg-indigo-600 {
+  --bg-opacity: 1 !important;
   background-color: #5a67d8 !important;
+  background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
 }
 
 .bg-indigo-700 {
+  --bg-opacity: 1 !important;
   background-color: #4c51bf !important;
+  background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
 }
 
 .bg-indigo-800 {
+  --bg-opacity: 1 !important;
   background-color: #434190 !important;
+  background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
 }
 
 .bg-indigo-900 {
+  --bg-opacity: 1 !important;
   background-color: #3c366b !important;
+  background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
 }
 
 .bg-purple-100 {
+  --bg-opacity: 1 !important;
   background-color: #faf5ff !important;
+  background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
 }
 
 .bg-purple-200 {
+  --bg-opacity: 1 !important;
   background-color: #e9d8fd !important;
+  background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
 }
 
 .bg-purple-300 {
+  --bg-opacity: 1 !important;
   background-color: #d6bcfa !important;
+  background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
 }
 
 .bg-purple-400 {
+  --bg-opacity: 1 !important;
   background-color: #b794f4 !important;
+  background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
 }
 
 .bg-purple-500 {
+  --bg-opacity: 1 !important;
   background-color: #9f7aea !important;
+  background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
 }
 
 .bg-purple-600 {
+  --bg-opacity: 1 !important;
   background-color: #805ad5 !important;
+  background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
 }
 
 .bg-purple-700 {
+  --bg-opacity: 1 !important;
   background-color: #6b46c1 !important;
+  background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
 }
 
 .bg-purple-800 {
+  --bg-opacity: 1 !important;
   background-color: #553c9a !important;
+  background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
 }
 
 .bg-purple-900 {
+  --bg-opacity: 1 !important;
   background-color: #44337a !important;
+  background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
 }
 
 .bg-pink-100 {
+  --bg-opacity: 1 !important;
   background-color: #fff5f7 !important;
+  background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
 }
 
 .bg-pink-200 {
+  --bg-opacity: 1 !important;
   background-color: #fed7e2 !important;
+  background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
 }
 
 .bg-pink-300 {
+  --bg-opacity: 1 !important;
   background-color: #fbb6ce !important;
+  background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
 }
 
 .bg-pink-400 {
+  --bg-opacity: 1 !important;
   background-color: #f687b3 !important;
+  background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
 }
 
 .bg-pink-500 {
+  --bg-opacity: 1 !important;
   background-color: #ed64a6 !important;
+  background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
 }
 
 .bg-pink-600 {
+  --bg-opacity: 1 !important;
   background-color: #d53f8c !important;
+  background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
 }
 
 .bg-pink-700 {
+  --bg-opacity: 1 !important;
   background-color: #b83280 !important;
+  background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
 }
 
 .bg-pink-800 {
+  --bg-opacity: 1 !important;
   background-color: #97266d !important;
+  background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
 }
 
 .bg-pink-900 {
+  --bg-opacity: 1 !important;
   background-color: #702459 !important;
+  background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-transparent:hover {
@@ -1949,371 +2337,555 @@ video {
 }
 
 .hover\:bg-black:hover {
+  --bg-opacity: 1 !important;
   background-color: #000 !important;
+  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-white:hover {
+  --bg-opacity: 1 !important;
   background-color: #fff !important;
+  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-gray-100:hover {
+  --bg-opacity: 1 !important;
   background-color: #f7fafc !important;
+  background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-gray-200:hover {
+  --bg-opacity: 1 !important;
   background-color: #edf2f7 !important;
+  background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-gray-300:hover {
+  --bg-opacity: 1 !important;
   background-color: #e2e8f0 !important;
+  background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-gray-400:hover {
+  --bg-opacity: 1 !important;
   background-color: #cbd5e0 !important;
+  background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-gray-500:hover {
+  --bg-opacity: 1 !important;
   background-color: #a0aec0 !important;
+  background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-gray-600:hover {
+  --bg-opacity: 1 !important;
   background-color: #718096 !important;
+  background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-gray-700:hover {
+  --bg-opacity: 1 !important;
   background-color: #4a5568 !important;
+  background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-gray-800:hover {
+  --bg-opacity: 1 !important;
   background-color: #2d3748 !important;
+  background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-gray-900:hover {
+  --bg-opacity: 1 !important;
   background-color: #1a202c !important;
+  background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-red-100:hover {
+  --bg-opacity: 1 !important;
   background-color: #fff5f5 !important;
+  background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-red-200:hover {
+  --bg-opacity: 1 !important;
   background-color: #fed7d7 !important;
+  background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-red-300:hover {
+  --bg-opacity: 1 !important;
   background-color: #feb2b2 !important;
+  background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-red-400:hover {
+  --bg-opacity: 1 !important;
   background-color: #fc8181 !important;
+  background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-red-500:hover {
+  --bg-opacity: 1 !important;
   background-color: #f56565 !important;
+  background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-red-600:hover {
+  --bg-opacity: 1 !important;
   background-color: #e53e3e !important;
+  background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-red-700:hover {
+  --bg-opacity: 1 !important;
   background-color: #c53030 !important;
+  background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-red-800:hover {
+  --bg-opacity: 1 !important;
   background-color: #9b2c2c !important;
+  background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-red-900:hover {
+  --bg-opacity: 1 !important;
   background-color: #742a2a !important;
+  background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-orange-100:hover {
+  --bg-opacity: 1 !important;
   background-color: #fffaf0 !important;
+  background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-orange-200:hover {
+  --bg-opacity: 1 !important;
   background-color: #feebc8 !important;
+  background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-orange-300:hover {
+  --bg-opacity: 1 !important;
   background-color: #fbd38d !important;
+  background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-orange-400:hover {
+  --bg-opacity: 1 !important;
   background-color: #f6ad55 !important;
+  background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-orange-500:hover {
+  --bg-opacity: 1 !important;
   background-color: #ed8936 !important;
+  background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-orange-600:hover {
+  --bg-opacity: 1 !important;
   background-color: #dd6b20 !important;
+  background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-orange-700:hover {
+  --bg-opacity: 1 !important;
   background-color: #c05621 !important;
+  background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-orange-800:hover {
+  --bg-opacity: 1 !important;
   background-color: #9c4221 !important;
+  background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-orange-900:hover {
+  --bg-opacity: 1 !important;
   background-color: #7b341e !important;
+  background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-yellow-100:hover {
+  --bg-opacity: 1 !important;
   background-color: #fffff0 !important;
+  background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-yellow-200:hover {
+  --bg-opacity: 1 !important;
   background-color: #fefcbf !important;
+  background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-yellow-300:hover {
+  --bg-opacity: 1 !important;
   background-color: #faf089 !important;
+  background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-yellow-400:hover {
+  --bg-opacity: 1 !important;
   background-color: #f6e05e !important;
+  background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-yellow-500:hover {
+  --bg-opacity: 1 !important;
   background-color: #ecc94b !important;
+  background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-yellow-600:hover {
+  --bg-opacity: 1 !important;
   background-color: #d69e2e !important;
+  background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-yellow-700:hover {
+  --bg-opacity: 1 !important;
   background-color: #b7791f !important;
+  background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-yellow-800:hover {
+  --bg-opacity: 1 !important;
   background-color: #975a16 !important;
+  background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-yellow-900:hover {
+  --bg-opacity: 1 !important;
   background-color: #744210 !important;
+  background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-green-100:hover {
+  --bg-opacity: 1 !important;
   background-color: #f0fff4 !important;
+  background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-green-200:hover {
+  --bg-opacity: 1 !important;
   background-color: #c6f6d5 !important;
+  background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-green-300:hover {
+  --bg-opacity: 1 !important;
   background-color: #9ae6b4 !important;
+  background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-green-400:hover {
+  --bg-opacity: 1 !important;
   background-color: #68d391 !important;
+  background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-green-500:hover {
+  --bg-opacity: 1 !important;
   background-color: #48bb78 !important;
+  background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-green-600:hover {
+  --bg-opacity: 1 !important;
   background-color: #38a169 !important;
+  background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-green-700:hover {
+  --bg-opacity: 1 !important;
   background-color: #2f855a !important;
+  background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-green-800:hover {
+  --bg-opacity: 1 !important;
   background-color: #276749 !important;
+  background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-green-900:hover {
+  --bg-opacity: 1 !important;
   background-color: #22543d !important;
+  background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-teal-100:hover {
+  --bg-opacity: 1 !important;
   background-color: #e6fffa !important;
+  background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-teal-200:hover {
+  --bg-opacity: 1 !important;
   background-color: #b2f5ea !important;
+  background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-teal-300:hover {
+  --bg-opacity: 1 !important;
   background-color: #81e6d9 !important;
+  background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-teal-400:hover {
+  --bg-opacity: 1 !important;
   background-color: #4fd1c5 !important;
+  background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-teal-500:hover {
+  --bg-opacity: 1 !important;
   background-color: #38b2ac !important;
+  background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-teal-600:hover {
+  --bg-opacity: 1 !important;
   background-color: #319795 !important;
+  background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-teal-700:hover {
+  --bg-opacity: 1 !important;
   background-color: #2c7a7b !important;
+  background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-teal-800:hover {
+  --bg-opacity: 1 !important;
   background-color: #285e61 !important;
+  background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-teal-900:hover {
+  --bg-opacity: 1 !important;
   background-color: #234e52 !important;
+  background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-blue-100:hover {
+  --bg-opacity: 1 !important;
   background-color: #ebf8ff !important;
+  background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-blue-200:hover {
+  --bg-opacity: 1 !important;
   background-color: #bee3f8 !important;
+  background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-blue-300:hover {
+  --bg-opacity: 1 !important;
   background-color: #90cdf4 !important;
+  background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-blue-400:hover {
+  --bg-opacity: 1 !important;
   background-color: #63b3ed !important;
+  background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-blue-500:hover {
+  --bg-opacity: 1 !important;
   background-color: #4299e1 !important;
+  background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-blue-600:hover {
+  --bg-opacity: 1 !important;
   background-color: #3182ce !important;
+  background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-blue-700:hover {
+  --bg-opacity: 1 !important;
   background-color: #2b6cb0 !important;
+  background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-blue-800:hover {
+  --bg-opacity: 1 !important;
   background-color: #2c5282 !important;
+  background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-blue-900:hover {
+  --bg-opacity: 1 !important;
   background-color: #2a4365 !important;
+  background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-indigo-100:hover {
+  --bg-opacity: 1 !important;
   background-color: #ebf4ff !important;
+  background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-indigo-200:hover {
+  --bg-opacity: 1 !important;
   background-color: #c3dafe !important;
+  background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-indigo-300:hover {
+  --bg-opacity: 1 !important;
   background-color: #a3bffa !important;
+  background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-indigo-400:hover {
+  --bg-opacity: 1 !important;
   background-color: #7f9cf5 !important;
+  background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-indigo-500:hover {
+  --bg-opacity: 1 !important;
   background-color: #667eea !important;
+  background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-indigo-600:hover {
+  --bg-opacity: 1 !important;
   background-color: #5a67d8 !important;
+  background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-indigo-700:hover {
+  --bg-opacity: 1 !important;
   background-color: #4c51bf !important;
+  background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-indigo-800:hover {
+  --bg-opacity: 1 !important;
   background-color: #434190 !important;
+  background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-indigo-900:hover {
+  --bg-opacity: 1 !important;
   background-color: #3c366b !important;
+  background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-purple-100:hover {
+  --bg-opacity: 1 !important;
   background-color: #faf5ff !important;
+  background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-purple-200:hover {
+  --bg-opacity: 1 !important;
   background-color: #e9d8fd !important;
+  background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-purple-300:hover {
+  --bg-opacity: 1 !important;
   background-color: #d6bcfa !important;
+  background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-purple-400:hover {
+  --bg-opacity: 1 !important;
   background-color: #b794f4 !important;
+  background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-purple-500:hover {
+  --bg-opacity: 1 !important;
   background-color: #9f7aea !important;
+  background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-purple-600:hover {
+  --bg-opacity: 1 !important;
   background-color: #805ad5 !important;
+  background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-purple-700:hover {
+  --bg-opacity: 1 !important;
   background-color: #6b46c1 !important;
+  background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-purple-800:hover {
+  --bg-opacity: 1 !important;
   background-color: #553c9a !important;
+  background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-purple-900:hover {
+  --bg-opacity: 1 !important;
   background-color: #44337a !important;
+  background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-pink-100:hover {
+  --bg-opacity: 1 !important;
   background-color: #fff5f7 !important;
+  background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-pink-200:hover {
+  --bg-opacity: 1 !important;
   background-color: #fed7e2 !important;
+  background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-pink-300:hover {
+  --bg-opacity: 1 !important;
   background-color: #fbb6ce !important;
+  background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-pink-400:hover {
+  --bg-opacity: 1 !important;
   background-color: #f687b3 !important;
+  background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-pink-500:hover {
+  --bg-opacity: 1 !important;
   background-color: #ed64a6 !important;
+  background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-pink-600:hover {
+  --bg-opacity: 1 !important;
   background-color: #d53f8c !important;
+  background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-pink-700:hover {
+  --bg-opacity: 1 !important;
   background-color: #b83280 !important;
+  background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-pink-800:hover {
+  --bg-opacity: 1 !important;
   background-color: #97266d !important;
+  background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
 }
 
 .hover\:bg-pink-900:hover {
+  --bg-opacity: 1 !important;
   background-color: #702459 !important;
+  background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-transparent:focus {
@@ -2325,371 +2897,615 @@ video {
 }
 
 .focus\:bg-black:focus {
+  --bg-opacity: 1 !important;
   background-color: #000 !important;
+  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-white:focus {
+  --bg-opacity: 1 !important;
   background-color: #fff !important;
+  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-gray-100:focus {
+  --bg-opacity: 1 !important;
   background-color: #f7fafc !important;
+  background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-gray-200:focus {
+  --bg-opacity: 1 !important;
   background-color: #edf2f7 !important;
+  background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-gray-300:focus {
+  --bg-opacity: 1 !important;
   background-color: #e2e8f0 !important;
+  background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-gray-400:focus {
+  --bg-opacity: 1 !important;
   background-color: #cbd5e0 !important;
+  background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-gray-500:focus {
+  --bg-opacity: 1 !important;
   background-color: #a0aec0 !important;
+  background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-gray-600:focus {
+  --bg-opacity: 1 !important;
   background-color: #718096 !important;
+  background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-gray-700:focus {
+  --bg-opacity: 1 !important;
   background-color: #4a5568 !important;
+  background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-gray-800:focus {
+  --bg-opacity: 1 !important;
   background-color: #2d3748 !important;
+  background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-gray-900:focus {
+  --bg-opacity: 1 !important;
   background-color: #1a202c !important;
+  background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-red-100:focus {
+  --bg-opacity: 1 !important;
   background-color: #fff5f5 !important;
+  background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-red-200:focus {
+  --bg-opacity: 1 !important;
   background-color: #fed7d7 !important;
+  background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-red-300:focus {
+  --bg-opacity: 1 !important;
   background-color: #feb2b2 !important;
+  background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-red-400:focus {
+  --bg-opacity: 1 !important;
   background-color: #fc8181 !important;
+  background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-red-500:focus {
+  --bg-opacity: 1 !important;
   background-color: #f56565 !important;
+  background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-red-600:focus {
+  --bg-opacity: 1 !important;
   background-color: #e53e3e !important;
+  background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-red-700:focus {
+  --bg-opacity: 1 !important;
   background-color: #c53030 !important;
+  background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-red-800:focus {
+  --bg-opacity: 1 !important;
   background-color: #9b2c2c !important;
+  background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-red-900:focus {
+  --bg-opacity: 1 !important;
   background-color: #742a2a !important;
+  background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-orange-100:focus {
+  --bg-opacity: 1 !important;
   background-color: #fffaf0 !important;
+  background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-orange-200:focus {
+  --bg-opacity: 1 !important;
   background-color: #feebc8 !important;
+  background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-orange-300:focus {
+  --bg-opacity: 1 !important;
   background-color: #fbd38d !important;
+  background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-orange-400:focus {
+  --bg-opacity: 1 !important;
   background-color: #f6ad55 !important;
+  background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-orange-500:focus {
+  --bg-opacity: 1 !important;
   background-color: #ed8936 !important;
+  background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-orange-600:focus {
+  --bg-opacity: 1 !important;
   background-color: #dd6b20 !important;
+  background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-orange-700:focus {
+  --bg-opacity: 1 !important;
   background-color: #c05621 !important;
+  background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-orange-800:focus {
+  --bg-opacity: 1 !important;
   background-color: #9c4221 !important;
+  background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-orange-900:focus {
+  --bg-opacity: 1 !important;
   background-color: #7b341e !important;
+  background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-yellow-100:focus {
+  --bg-opacity: 1 !important;
   background-color: #fffff0 !important;
+  background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-yellow-200:focus {
+  --bg-opacity: 1 !important;
   background-color: #fefcbf !important;
+  background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-yellow-300:focus {
+  --bg-opacity: 1 !important;
   background-color: #faf089 !important;
+  background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-yellow-400:focus {
+  --bg-opacity: 1 !important;
   background-color: #f6e05e !important;
+  background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-yellow-500:focus {
+  --bg-opacity: 1 !important;
   background-color: #ecc94b !important;
+  background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-yellow-600:focus {
+  --bg-opacity: 1 !important;
   background-color: #d69e2e !important;
+  background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-yellow-700:focus {
+  --bg-opacity: 1 !important;
   background-color: #b7791f !important;
+  background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-yellow-800:focus {
+  --bg-opacity: 1 !important;
   background-color: #975a16 !important;
+  background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-yellow-900:focus {
+  --bg-opacity: 1 !important;
   background-color: #744210 !important;
+  background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-green-100:focus {
+  --bg-opacity: 1 !important;
   background-color: #f0fff4 !important;
+  background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-green-200:focus {
+  --bg-opacity: 1 !important;
   background-color: #c6f6d5 !important;
+  background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-green-300:focus {
+  --bg-opacity: 1 !important;
   background-color: #9ae6b4 !important;
+  background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-green-400:focus {
+  --bg-opacity: 1 !important;
   background-color: #68d391 !important;
+  background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-green-500:focus {
+  --bg-opacity: 1 !important;
   background-color: #48bb78 !important;
+  background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-green-600:focus {
+  --bg-opacity: 1 !important;
   background-color: #38a169 !important;
+  background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-green-700:focus {
+  --bg-opacity: 1 !important;
   background-color: #2f855a !important;
+  background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-green-800:focus {
+  --bg-opacity: 1 !important;
   background-color: #276749 !important;
+  background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-green-900:focus {
+  --bg-opacity: 1 !important;
   background-color: #22543d !important;
+  background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-teal-100:focus {
+  --bg-opacity: 1 !important;
   background-color: #e6fffa !important;
+  background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-teal-200:focus {
+  --bg-opacity: 1 !important;
   background-color: #b2f5ea !important;
+  background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-teal-300:focus {
+  --bg-opacity: 1 !important;
   background-color: #81e6d9 !important;
+  background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-teal-400:focus {
+  --bg-opacity: 1 !important;
   background-color: #4fd1c5 !important;
+  background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-teal-500:focus {
+  --bg-opacity: 1 !important;
   background-color: #38b2ac !important;
+  background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-teal-600:focus {
+  --bg-opacity: 1 !important;
   background-color: #319795 !important;
+  background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-teal-700:focus {
+  --bg-opacity: 1 !important;
   background-color: #2c7a7b !important;
+  background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-teal-800:focus {
+  --bg-opacity: 1 !important;
   background-color: #285e61 !important;
+  background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-teal-900:focus {
+  --bg-opacity: 1 !important;
   background-color: #234e52 !important;
+  background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-blue-100:focus {
+  --bg-opacity: 1 !important;
   background-color: #ebf8ff !important;
+  background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-blue-200:focus {
+  --bg-opacity: 1 !important;
   background-color: #bee3f8 !important;
+  background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-blue-300:focus {
+  --bg-opacity: 1 !important;
   background-color: #90cdf4 !important;
+  background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-blue-400:focus {
+  --bg-opacity: 1 !important;
   background-color: #63b3ed !important;
+  background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-blue-500:focus {
+  --bg-opacity: 1 !important;
   background-color: #4299e1 !important;
+  background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-blue-600:focus {
+  --bg-opacity: 1 !important;
   background-color: #3182ce !important;
+  background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-blue-700:focus {
+  --bg-opacity: 1 !important;
   background-color: #2b6cb0 !important;
+  background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-blue-800:focus {
+  --bg-opacity: 1 !important;
   background-color: #2c5282 !important;
+  background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-blue-900:focus {
+  --bg-opacity: 1 !important;
   background-color: #2a4365 !important;
+  background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-indigo-100:focus {
+  --bg-opacity: 1 !important;
   background-color: #ebf4ff !important;
+  background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-indigo-200:focus {
+  --bg-opacity: 1 !important;
   background-color: #c3dafe !important;
+  background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-indigo-300:focus {
+  --bg-opacity: 1 !important;
   background-color: #a3bffa !important;
+  background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-indigo-400:focus {
+  --bg-opacity: 1 !important;
   background-color: #7f9cf5 !important;
+  background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-indigo-500:focus {
+  --bg-opacity: 1 !important;
   background-color: #667eea !important;
+  background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-indigo-600:focus {
+  --bg-opacity: 1 !important;
   background-color: #5a67d8 !important;
+  background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-indigo-700:focus {
+  --bg-opacity: 1 !important;
   background-color: #4c51bf !important;
+  background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-indigo-800:focus {
+  --bg-opacity: 1 !important;
   background-color: #434190 !important;
+  background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-indigo-900:focus {
+  --bg-opacity: 1 !important;
   background-color: #3c366b !important;
+  background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-purple-100:focus {
+  --bg-opacity: 1 !important;
   background-color: #faf5ff !important;
+  background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-purple-200:focus {
+  --bg-opacity: 1 !important;
   background-color: #e9d8fd !important;
+  background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-purple-300:focus {
+  --bg-opacity: 1 !important;
   background-color: #d6bcfa !important;
+  background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-purple-400:focus {
+  --bg-opacity: 1 !important;
   background-color: #b794f4 !important;
+  background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-purple-500:focus {
+  --bg-opacity: 1 !important;
   background-color: #9f7aea !important;
+  background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-purple-600:focus {
+  --bg-opacity: 1 !important;
   background-color: #805ad5 !important;
+  background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-purple-700:focus {
+  --bg-opacity: 1 !important;
   background-color: #6b46c1 !important;
+  background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-purple-800:focus {
+  --bg-opacity: 1 !important;
   background-color: #553c9a !important;
+  background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-purple-900:focus {
+  --bg-opacity: 1 !important;
   background-color: #44337a !important;
+  background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-pink-100:focus {
+  --bg-opacity: 1 !important;
   background-color: #fff5f7 !important;
+  background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-pink-200:focus {
+  --bg-opacity: 1 !important;
   background-color: #fed7e2 !important;
+  background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-pink-300:focus {
+  --bg-opacity: 1 !important;
   background-color: #fbb6ce !important;
+  background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-pink-400:focus {
+  --bg-opacity: 1 !important;
   background-color: #f687b3 !important;
+  background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-pink-500:focus {
+  --bg-opacity: 1 !important;
   background-color: #ed64a6 !important;
+  background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-pink-600:focus {
+  --bg-opacity: 1 !important;
   background-color: #d53f8c !important;
+  background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-pink-700:focus {
+  --bg-opacity: 1 !important;
   background-color: #b83280 !important;
+  background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-pink-800:focus {
+  --bg-opacity: 1 !important;
   background-color: #97266d !important;
+  background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
 }
 
 .focus\:bg-pink-900:focus {
+  --bg-opacity: 1 !important;
   background-color: #702459 !important;
+  background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
+}
+
+.bg-opacity-0 {
+  --bg-opacity: 0 !important;
+}
+
+.bg-opacity-25 {
+  --bg-opacity: 0.25 !important;
+}
+
+.bg-opacity-50 {
+  --bg-opacity: 0.5 !important;
+}
+
+.bg-opacity-75 {
+  --bg-opacity: 0.75 !important;
+}
+
+.bg-opacity-100 {
+  --bg-opacity: 1 !important;
+}
+
+.hover\:bg-opacity-0:hover {
+  --bg-opacity: 0 !important;
+}
+
+.hover\:bg-opacity-25:hover {
+  --bg-opacity: 0.25 !important;
+}
+
+.hover\:bg-opacity-50:hover {
+  --bg-opacity: 0.5 !important;
+}
+
+.hover\:bg-opacity-75:hover {
+  --bg-opacity: 0.75 !important;
+}
+
+.hover\:bg-opacity-100:hover {
+  --bg-opacity: 1 !important;
+}
+
+.focus\:bg-opacity-0:focus {
+  --bg-opacity: 0 !important;
+}
+
+.focus\:bg-opacity-25:focus {
+  --bg-opacity: 0.25 !important;
+}
+
+.focus\:bg-opacity-50:focus {
+  --bg-opacity: 0.5 !important;
+}
+
+.focus\:bg-opacity-75:focus {
+  --bg-opacity: 0.75 !important;
+}
+
+.focus\:bg-opacity-100:focus {
+  --bg-opacity: 1 !important;
 }
 
 .bg-bottom {
@@ -2781,371 +3597,555 @@ video {
 }
 
 .border-black {
+  --border-opacity: 1 !important;
   border-color: #000 !important;
+  border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
 }
 
 .border-white {
+  --border-opacity: 1 !important;
   border-color: #fff !important;
+  border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
 }
 
 .border-gray-100 {
+  --border-opacity: 1 !important;
   border-color: #f7fafc !important;
+  border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
 }
 
 .border-gray-200 {
+  --border-opacity: 1 !important;
   border-color: #edf2f7 !important;
+  border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
 }
 
 .border-gray-300 {
+  --border-opacity: 1 !important;
   border-color: #e2e8f0 !important;
+  border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
 }
 
 .border-gray-400 {
+  --border-opacity: 1 !important;
   border-color: #cbd5e0 !important;
+  border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
 }
 
 .border-gray-500 {
+  --border-opacity: 1 !important;
   border-color: #a0aec0 !important;
+  border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
 }
 
 .border-gray-600 {
+  --border-opacity: 1 !important;
   border-color: #718096 !important;
+  border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
 }
 
 .border-gray-700 {
+  --border-opacity: 1 !important;
   border-color: #4a5568 !important;
+  border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
 }
 
 .border-gray-800 {
+  --border-opacity: 1 !important;
   border-color: #2d3748 !important;
+  border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
 }
 
 .border-gray-900 {
+  --border-opacity: 1 !important;
   border-color: #1a202c !important;
+  border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
 }
 
 .border-red-100 {
+  --border-opacity: 1 !important;
   border-color: #fff5f5 !important;
+  border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
 }
 
 .border-red-200 {
+  --border-opacity: 1 !important;
   border-color: #fed7d7 !important;
+  border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
 }
 
 .border-red-300 {
+  --border-opacity: 1 !important;
   border-color: #feb2b2 !important;
+  border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
 }
 
 .border-red-400 {
+  --border-opacity: 1 !important;
   border-color: #fc8181 !important;
+  border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
 }
 
 .border-red-500 {
+  --border-opacity: 1 !important;
   border-color: #f56565 !important;
+  border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
 }
 
 .border-red-600 {
+  --border-opacity: 1 !important;
   border-color: #e53e3e !important;
+  border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
 }
 
 .border-red-700 {
+  --border-opacity: 1 !important;
   border-color: #c53030 !important;
+  border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
 }
 
 .border-red-800 {
+  --border-opacity: 1 !important;
   border-color: #9b2c2c !important;
+  border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
 }
 
 .border-red-900 {
+  --border-opacity: 1 !important;
   border-color: #742a2a !important;
+  border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
 }
 
 .border-orange-100 {
+  --border-opacity: 1 !important;
   border-color: #fffaf0 !important;
+  border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
 }
 
 .border-orange-200 {
+  --border-opacity: 1 !important;
   border-color: #feebc8 !important;
+  border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
 }
 
 .border-orange-300 {
+  --border-opacity: 1 !important;
   border-color: #fbd38d !important;
+  border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
 }
 
 .border-orange-400 {
+  --border-opacity: 1 !important;
   border-color: #f6ad55 !important;
+  border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
 }
 
 .border-orange-500 {
+  --border-opacity: 1 !important;
   border-color: #ed8936 !important;
+  border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
 }
 
 .border-orange-600 {
+  --border-opacity: 1 !important;
   border-color: #dd6b20 !important;
+  border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
 }
 
 .border-orange-700 {
+  --border-opacity: 1 !important;
   border-color: #c05621 !important;
+  border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
 }
 
 .border-orange-800 {
+  --border-opacity: 1 !important;
   border-color: #9c4221 !important;
+  border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
 }
 
 .border-orange-900 {
+  --border-opacity: 1 !important;
   border-color: #7b341e !important;
+  border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
 }
 
 .border-yellow-100 {
+  --border-opacity: 1 !important;
   border-color: #fffff0 !important;
+  border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
 }
 
 .border-yellow-200 {
+  --border-opacity: 1 !important;
   border-color: #fefcbf !important;
+  border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
 }
 
 .border-yellow-300 {
+  --border-opacity: 1 !important;
   border-color: #faf089 !important;
+  border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
 }
 
 .border-yellow-400 {
+  --border-opacity: 1 !important;
   border-color: #f6e05e !important;
+  border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
 }
 
 .border-yellow-500 {
+  --border-opacity: 1 !important;
   border-color: #ecc94b !important;
+  border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
 }
 
 .border-yellow-600 {
+  --border-opacity: 1 !important;
   border-color: #d69e2e !important;
+  border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
 }
 
 .border-yellow-700 {
+  --border-opacity: 1 !important;
   border-color: #b7791f !important;
+  border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
 }
 
 .border-yellow-800 {
+  --border-opacity: 1 !important;
   border-color: #975a16 !important;
+  border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
 }
 
 .border-yellow-900 {
+  --border-opacity: 1 !important;
   border-color: #744210 !important;
+  border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
 }
 
 .border-green-100 {
+  --border-opacity: 1 !important;
   border-color: #f0fff4 !important;
+  border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
 }
 
 .border-green-200 {
+  --border-opacity: 1 !important;
   border-color: #c6f6d5 !important;
+  border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
 }
 
 .border-green-300 {
+  --border-opacity: 1 !important;
   border-color: #9ae6b4 !important;
+  border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
 }
 
 .border-green-400 {
+  --border-opacity: 1 !important;
   border-color: #68d391 !important;
+  border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
 }
 
 .border-green-500 {
+  --border-opacity: 1 !important;
   border-color: #48bb78 !important;
+  border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
 }
 
 .border-green-600 {
+  --border-opacity: 1 !important;
   border-color: #38a169 !important;
+  border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
 }
 
 .border-green-700 {
+  --border-opacity: 1 !important;
   border-color: #2f855a !important;
+  border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
 }
 
 .border-green-800 {
+  --border-opacity: 1 !important;
   border-color: #276749 !important;
+  border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
 }
 
 .border-green-900 {
+  --border-opacity: 1 !important;
   border-color: #22543d !important;
+  border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
 }
 
 .border-teal-100 {
+  --border-opacity: 1 !important;
   border-color: #e6fffa !important;
+  border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
 }
 
 .border-teal-200 {
+  --border-opacity: 1 !important;
   border-color: #b2f5ea !important;
+  border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
 }
 
 .border-teal-300 {
+  --border-opacity: 1 !important;
   border-color: #81e6d9 !important;
+  border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
 }
 
 .border-teal-400 {
+  --border-opacity: 1 !important;
   border-color: #4fd1c5 !important;
+  border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
 }
 
 .border-teal-500 {
+  --border-opacity: 1 !important;
   border-color: #38b2ac !important;
+  border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
 }
 
 .border-teal-600 {
+  --border-opacity: 1 !important;
   border-color: #319795 !important;
+  border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
 }
 
 .border-teal-700 {
+  --border-opacity: 1 !important;
   border-color: #2c7a7b !important;
+  border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
 }
 
 .border-teal-800 {
+  --border-opacity: 1 !important;
   border-color: #285e61 !important;
+  border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
 }
 
 .border-teal-900 {
+  --border-opacity: 1 !important;
   border-color: #234e52 !important;
+  border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
 }
 
 .border-blue-100 {
+  --border-opacity: 1 !important;
   border-color: #ebf8ff !important;
+  border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
 }
 
 .border-blue-200 {
+  --border-opacity: 1 !important;
   border-color: #bee3f8 !important;
+  border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
 }
 
 .border-blue-300 {
+  --border-opacity: 1 !important;
   border-color: #90cdf4 !important;
+  border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
 }
 
 .border-blue-400 {
+  --border-opacity: 1 !important;
   border-color: #63b3ed !important;
+  border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
 }
 
 .border-blue-500 {
+  --border-opacity: 1 !important;
   border-color: #4299e1 !important;
+  border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
 }
 
 .border-blue-600 {
+  --border-opacity: 1 !important;
   border-color: #3182ce !important;
+  border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
 }
 
 .border-blue-700 {
+  --border-opacity: 1 !important;
   border-color: #2b6cb0 !important;
+  border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
 }
 
 .border-blue-800 {
+  --border-opacity: 1 !important;
   border-color: #2c5282 !important;
+  border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
 }
 
 .border-blue-900 {
+  --border-opacity: 1 !important;
   border-color: #2a4365 !important;
+  border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
 }
 
 .border-indigo-100 {
+  --border-opacity: 1 !important;
   border-color: #ebf4ff !important;
+  border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
 }
 
 .border-indigo-200 {
+  --border-opacity: 1 !important;
   border-color: #c3dafe !important;
+  border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
 }
 
 .border-indigo-300 {
+  --border-opacity: 1 !important;
   border-color: #a3bffa !important;
+  border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
 }
 
 .border-indigo-400 {
+  --border-opacity: 1 !important;
   border-color: #7f9cf5 !important;
+  border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
 }
 
 .border-indigo-500 {
+  --border-opacity: 1 !important;
   border-color: #667eea !important;
+  border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
 }
 
 .border-indigo-600 {
+  --border-opacity: 1 !important;
   border-color: #5a67d8 !important;
+  border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
 }
 
 .border-indigo-700 {
+  --border-opacity: 1 !important;
   border-color: #4c51bf !important;
+  border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
 }
 
 .border-indigo-800 {
+  --border-opacity: 1 !important;
   border-color: #434190 !important;
+  border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
 }
 
 .border-indigo-900 {
+  --border-opacity: 1 !important;
   border-color: #3c366b !important;
+  border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
 }
 
 .border-purple-100 {
+  --border-opacity: 1 !important;
   border-color: #faf5ff !important;
+  border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
 }
 
 .border-purple-200 {
+  --border-opacity: 1 !important;
   border-color: #e9d8fd !important;
+  border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
 }
 
 .border-purple-300 {
+  --border-opacity: 1 !important;
   border-color: #d6bcfa !important;
+  border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
 }
 
 .border-purple-400 {
+  --border-opacity: 1 !important;
   border-color: #b794f4 !important;
+  border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
 }
 
 .border-purple-500 {
+  --border-opacity: 1 !important;
   border-color: #9f7aea !important;
+  border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
 }
 
 .border-purple-600 {
+  --border-opacity: 1 !important;
   border-color: #805ad5 !important;
+  border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
 }
 
 .border-purple-700 {
+  --border-opacity: 1 !important;
   border-color: #6b46c1 !important;
+  border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
 }
 
 .border-purple-800 {
+  --border-opacity: 1 !important;
   border-color: #553c9a !important;
+  border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
 }
 
 .border-purple-900 {
+  --border-opacity: 1 !important;
   border-color: #44337a !important;
+  border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
 }
 
 .border-pink-100 {
+  --border-opacity: 1 !important;
   border-color: #fff5f7 !important;
+  border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
 }
 
 .border-pink-200 {
+  --border-opacity: 1 !important;
   border-color: #fed7e2 !important;
+  border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
 }
 
 .border-pink-300 {
+  --border-opacity: 1 !important;
   border-color: #fbb6ce !important;
+  border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
 }
 
 .border-pink-400 {
+  --border-opacity: 1 !important;
   border-color: #f687b3 !important;
+  border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
 }
 
 .border-pink-500 {
+  --border-opacity: 1 !important;
   border-color: #ed64a6 !important;
+  border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
 }
 
 .border-pink-600 {
+  --border-opacity: 1 !important;
   border-color: #d53f8c !important;
+  border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
 }
 
 .border-pink-700 {
+  --border-opacity: 1 !important;
   border-color: #b83280 !important;
+  border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
 }
 
 .border-pink-800 {
+  --border-opacity: 1 !important;
   border-color: #97266d !important;
+  border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
 }
 
 .border-pink-900 {
+  --border-opacity: 1 !important;
   border-color: #702459 !important;
+  border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
 }
 
 .hover\:border-transparent:hover {
@@ -3157,371 +4157,555 @@ video {
 }
 
 .hover\:border-black:hover {
+  --border-opacity: 1 !important;
   border-color: #000 !important;
+  border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
 }
 
 .hover\:border-white:hover {
+  --border-opacity: 1 !important;
   border-color: #fff !important;
+  border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
 }
 
 .hover\:border-gray-100:hover {
+  --border-opacity: 1 !important;
   border-color: #f7fafc !important;
+  border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
 }
 
 .hover\:border-gray-200:hover {
+  --border-opacity: 1 !important;
   border-color: #edf2f7 !important;
+  border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
 }
 
 .hover\:border-gray-300:hover {
+  --border-opacity: 1 !important;
   border-color: #e2e8f0 !important;
+  border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
 }
 
 .hover\:border-gray-400:hover {
+  --border-opacity: 1 !important;
   border-color: #cbd5e0 !important;
+  border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
 }
 
 .hover\:border-gray-500:hover {
+  --border-opacity: 1 !important;
   border-color: #a0aec0 !important;
+  border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
 }
 
 .hover\:border-gray-600:hover {
+  --border-opacity: 1 !important;
   border-color: #718096 !important;
+  border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
 }
 
 .hover\:border-gray-700:hover {
+  --border-opacity: 1 !important;
   border-color: #4a5568 !important;
+  border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
 }
 
 .hover\:border-gray-800:hover {
+  --border-opacity: 1 !important;
   border-color: #2d3748 !important;
+  border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
 }
 
 .hover\:border-gray-900:hover {
+  --border-opacity: 1 !important;
   border-color: #1a202c !important;
+  border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
 }
 
 .hover\:border-red-100:hover {
+  --border-opacity: 1 !important;
   border-color: #fff5f5 !important;
+  border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
 }
 
 .hover\:border-red-200:hover {
+  --border-opacity: 1 !important;
   border-color: #fed7d7 !important;
+  border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
 }
 
 .hover\:border-red-300:hover {
+  --border-opacity: 1 !important;
   border-color: #feb2b2 !important;
+  border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
 }
 
 .hover\:border-red-400:hover {
+  --border-opacity: 1 !important;
   border-color: #fc8181 !important;
+  border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
 }
 
 .hover\:border-red-500:hover {
+  --border-opacity: 1 !important;
   border-color: #f56565 !important;
+  border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
 }
 
 .hover\:border-red-600:hover {
+  --border-opacity: 1 !important;
   border-color: #e53e3e !important;
+  border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
 }
 
 .hover\:border-red-700:hover {
+  --border-opacity: 1 !important;
   border-color: #c53030 !important;
+  border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
 }
 
 .hover\:border-red-800:hover {
+  --border-opacity: 1 !important;
   border-color: #9b2c2c !important;
+  border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
 }
 
 .hover\:border-red-900:hover {
+  --border-opacity: 1 !important;
   border-color: #742a2a !important;
+  border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
 }
 
 .hover\:border-orange-100:hover {
+  --border-opacity: 1 !important;
   border-color: #fffaf0 !important;
+  border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
 }
 
 .hover\:border-orange-200:hover {
+  --border-opacity: 1 !important;
   border-color: #feebc8 !important;
+  border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
 }
 
 .hover\:border-orange-300:hover {
+  --border-opacity: 1 !important;
   border-color: #fbd38d !important;
+  border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
 }
 
 .hover\:border-orange-400:hover {
+  --border-opacity: 1 !important;
   border-color: #f6ad55 !important;
+  border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
 }
 
 .hover\:border-orange-500:hover {
+  --border-opacity: 1 !important;
   border-color: #ed8936 !important;
+  border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
 }
 
 .hover\:border-orange-600:hover {
+  --border-opacity: 1 !important;
   border-color: #dd6b20 !important;
+  border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
 }
 
 .hover\:border-orange-700:hover {
+  --border-opacity: 1 !important;
   border-color: #c05621 !important;
+  border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
 }
 
 .hover\:border-orange-800:hover {
+  --border-opacity: 1 !important;
   border-color: #9c4221 !important;
+  border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
 }
 
 .hover\:border-orange-900:hover {
+  --border-opacity: 1 !important;
   border-color: #7b341e !important;
+  border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
 }
 
 .hover\:border-yellow-100:hover {
+  --border-opacity: 1 !important;
   border-color: #fffff0 !important;
+  border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
 }
 
 .hover\:border-yellow-200:hover {
+  --border-opacity: 1 !important;
   border-color: #fefcbf !important;
+  border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
 }
 
 .hover\:border-yellow-300:hover {
+  --border-opacity: 1 !important;
   border-color: #faf089 !important;
+  border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
 }
 
 .hover\:border-yellow-400:hover {
+  --border-opacity: 1 !important;
   border-color: #f6e05e !important;
+  border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
 }
 
 .hover\:border-yellow-500:hover {
+  --border-opacity: 1 !important;
   border-color: #ecc94b !important;
+  border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
 }
 
 .hover\:border-yellow-600:hover {
+  --border-opacity: 1 !important;
   border-color: #d69e2e !important;
+  border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
 }
 
 .hover\:border-yellow-700:hover {
+  --border-opacity: 1 !important;
   border-color: #b7791f !important;
+  border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
 }
 
 .hover\:border-yellow-800:hover {
+  --border-opacity: 1 !important;
   border-color: #975a16 !important;
+  border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
 }
 
 .hover\:border-yellow-900:hover {
+  --border-opacity: 1 !important;
   border-color: #744210 !important;
+  border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
 }
 
 .hover\:border-green-100:hover {
+  --border-opacity: 1 !important;
   border-color: #f0fff4 !important;
+  border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
 }
 
 .hover\:border-green-200:hover {
+  --border-opacity: 1 !important;
   border-color: #c6f6d5 !important;
+  border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
 }
 
 .hover\:border-green-300:hover {
+  --border-opacity: 1 !important;
   border-color: #9ae6b4 !important;
+  border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
 }
 
 .hover\:border-green-400:hover {
+  --border-opacity: 1 !important;
   border-color: #68d391 !important;
+  border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
 }
 
 .hover\:border-green-500:hover {
+  --border-opacity: 1 !important;
   border-color: #48bb78 !important;
+  border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
 }
 
 .hover\:border-green-600:hover {
+  --border-opacity: 1 !important;
   border-color: #38a169 !important;
+  border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
 }
 
 .hover\:border-green-700:hover {
+  --border-opacity: 1 !important;
   border-color: #2f855a !important;
+  border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
 }
 
 .hover\:border-green-800:hover {
+  --border-opacity: 1 !important;
   border-color: #276749 !important;
+  border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
 }
 
 .hover\:border-green-900:hover {
+  --border-opacity: 1 !important;
   border-color: #22543d !important;
+  border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
 }
 
 .hover\:border-teal-100:hover {
+  --border-opacity: 1 !important;
   border-color: #e6fffa !important;
+  border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
 }
 
 .hover\:border-teal-200:hover {
+  --border-opacity: 1 !important;
   border-color: #b2f5ea !important;
+  border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
 }
 
 .hover\:border-teal-300:hover {
+  --border-opacity: 1 !important;
   border-color: #81e6d9 !important;
+  border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
 }
 
 .hover\:border-teal-400:hover {
+  --border-opacity: 1 !important;
   border-color: #4fd1c5 !important;
+  border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
 }
 
 .hover\:border-teal-500:hover {
+  --border-opacity: 1 !important;
   border-color: #38b2ac !important;
+  border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
 }
 
 .hover\:border-teal-600:hover {
+  --border-opacity: 1 !important;
   border-color: #319795 !important;
+  border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
 }
 
 .hover\:border-teal-700:hover {
+  --border-opacity: 1 !important;
   border-color: #2c7a7b !important;
+  border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
 }
 
 .hover\:border-teal-800:hover {
+  --border-opacity: 1 !important;
   border-color: #285e61 !important;
+  border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
 }
 
 .hover\:border-teal-900:hover {
+  --border-opacity: 1 !important;
   border-color: #234e52 !important;
+  border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
 }
 
 .hover\:border-blue-100:hover {
+  --border-opacity: 1 !important;
   border-color: #ebf8ff !important;
+  border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
 }
 
 .hover\:border-blue-200:hover {
+  --border-opacity: 1 !important;
   border-color: #bee3f8 !important;
+  border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
 }
 
 .hover\:border-blue-300:hover {
+  --border-opacity: 1 !important;
   border-color: #90cdf4 !important;
+  border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
 }
 
 .hover\:border-blue-400:hover {
+  --border-opacity: 1 !important;
   border-color: #63b3ed !important;
+  border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
 }
 
 .hover\:border-blue-500:hover {
+  --border-opacity: 1 !important;
   border-color: #4299e1 !important;
+  border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
 }
 
 .hover\:border-blue-600:hover {
+  --border-opacity: 1 !important;
   border-color: #3182ce !important;
+  border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
 }
 
 .hover\:border-blue-700:hover {
+  --border-opacity: 1 !important;
   border-color: #2b6cb0 !important;
+  border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
 }
 
 .hover\:border-blue-800:hover {
+  --border-opacity: 1 !important;
   border-color: #2c5282 !important;
+  border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
 }
 
 .hover\:border-blue-900:hover {
+  --border-opacity: 1 !important;
   border-color: #2a4365 !important;
+  border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
 }
 
 .hover\:border-indigo-100:hover {
+  --border-opacity: 1 !important;
   border-color: #ebf4ff !important;
+  border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
 }
 
 .hover\:border-indigo-200:hover {
+  --border-opacity: 1 !important;
   border-color: #c3dafe !important;
+  border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
 }
 
 .hover\:border-indigo-300:hover {
+  --border-opacity: 1 !important;
   border-color: #a3bffa !important;
+  border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
 }
 
 .hover\:border-indigo-400:hover {
+  --border-opacity: 1 !important;
   border-color: #7f9cf5 !important;
+  border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
 }
 
 .hover\:border-indigo-500:hover {
+  --border-opacity: 1 !important;
   border-color: #667eea !important;
+  border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
 }
 
 .hover\:border-indigo-600:hover {
+  --border-opacity: 1 !important;
   border-color: #5a67d8 !important;
+  border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
 }
 
 .hover\:border-indigo-700:hover {
+  --border-opacity: 1 !important;
   border-color: #4c51bf !important;
+  border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
 }
 
 .hover\:border-indigo-800:hover {
+  --border-opacity: 1 !important;
   border-color: #434190 !important;
+  border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
 }
 
 .hover\:border-indigo-900:hover {
+  --border-opacity: 1 !important;
   border-color: #3c366b !important;
+  border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
 }
 
 .hover\:border-purple-100:hover {
+  --border-opacity: 1 !important;
   border-color: #faf5ff !important;
+  border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
 }
 
 .hover\:border-purple-200:hover {
+  --border-opacity: 1 !important;
   border-color: #e9d8fd !important;
+  border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
 }
 
 .hover\:border-purple-300:hover {
+  --border-opacity: 1 !important;
   border-color: #d6bcfa !important;
+  border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
 }
 
 .hover\:border-purple-400:hover {
+  --border-opacity: 1 !important;
   border-color: #b794f4 !important;
+  border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
 }
 
 .hover\:border-purple-500:hover {
+  --border-opacity: 1 !important;
   border-color: #9f7aea !important;
+  border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
 }
 
 .hover\:border-purple-600:hover {
+  --border-opacity: 1 !important;
   border-color: #805ad5 !important;
+  border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
 }
 
 .hover\:border-purple-700:hover {
+  --border-opacity: 1 !important;
   border-color: #6b46c1 !important;
+  border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
 }
 
 .hover\:border-purple-800:hover {
+  --border-opacity: 1 !important;
   border-color: #553c9a !important;
+  border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
 }
 
 .hover\:border-purple-900:hover {
+  --border-opacity: 1 !important;
   border-color: #44337a !important;
+  border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
 }
 
 .hover\:border-pink-100:hover {
+  --border-opacity: 1 !important;
   border-color: #fff5f7 !important;
+  border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
 }
 
 .hover\:border-pink-200:hover {
+  --border-opacity: 1 !important;
   border-color: #fed7e2 !important;
+  border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
 }
 
 .hover\:border-pink-300:hover {
+  --border-opacity: 1 !important;
   border-color: #fbb6ce !important;
+  border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
 }
 
 .hover\:border-pink-400:hover {
+  --border-opacity: 1 !important;
   border-color: #f687b3 !important;
+  border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
 }
 
 .hover\:border-pink-500:hover {
+  --border-opacity: 1 !important;
   border-color: #ed64a6 !important;
+  border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
 }
 
 .hover\:border-pink-600:hover {
+  --border-opacity: 1 !important;
   border-color: #d53f8c !important;
+  border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
 }
 
 .hover\:border-pink-700:hover {
+  --border-opacity: 1 !important;
   border-color: #b83280 !important;
+  border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
 }
 
 .hover\:border-pink-800:hover {
+  --border-opacity: 1 !important;
   border-color: #97266d !important;
+  border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
 }
 
 .hover\:border-pink-900:hover {
+  --border-opacity: 1 !important;
   border-color: #702459 !important;
+  border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
 }
 
 .focus\:border-transparent:focus {
@@ -3533,371 +4717,615 @@ video {
 }
 
 .focus\:border-black:focus {
+  --border-opacity: 1 !important;
   border-color: #000 !important;
+  border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
 }
 
 .focus\:border-white:focus {
+  --border-opacity: 1 !important;
   border-color: #fff !important;
+  border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
 }
 
 .focus\:border-gray-100:focus {
+  --border-opacity: 1 !important;
   border-color: #f7fafc !important;
+  border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
 }
 
 .focus\:border-gray-200:focus {
+  --border-opacity: 1 !important;
   border-color: #edf2f7 !important;
+  border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
 }
 
 .focus\:border-gray-300:focus {
+  --border-opacity: 1 !important;
   border-color: #e2e8f0 !important;
+  border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
 }
 
 .focus\:border-gray-400:focus {
+  --border-opacity: 1 !important;
   border-color: #cbd5e0 !important;
+  border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
 }
 
 .focus\:border-gray-500:focus {
+  --border-opacity: 1 !important;
   border-color: #a0aec0 !important;
+  border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
 }
 
 .focus\:border-gray-600:focus {
+  --border-opacity: 1 !important;
   border-color: #718096 !important;
+  border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
 }
 
 .focus\:border-gray-700:focus {
+  --border-opacity: 1 !important;
   border-color: #4a5568 !important;
+  border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
 }
 
 .focus\:border-gray-800:focus {
+  --border-opacity: 1 !important;
   border-color: #2d3748 !important;
+  border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
 }
 
 .focus\:border-gray-900:focus {
+  --border-opacity: 1 !important;
   border-color: #1a202c !important;
+  border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
 }
 
 .focus\:border-red-100:focus {
+  --border-opacity: 1 !important;
   border-color: #fff5f5 !important;
+  border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
 }
 
 .focus\:border-red-200:focus {
+  --border-opacity: 1 !important;
   border-color: #fed7d7 !important;
+  border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
 }
 
 .focus\:border-red-300:focus {
+  --border-opacity: 1 !important;
   border-color: #feb2b2 !important;
+  border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
 }
 
 .focus\:border-red-400:focus {
+  --border-opacity: 1 !important;
   border-color: #fc8181 !important;
+  border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
 }
 
 .focus\:border-red-500:focus {
+  --border-opacity: 1 !important;
   border-color: #f56565 !important;
+  border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
 }
 
 .focus\:border-red-600:focus {
+  --border-opacity: 1 !important;
   border-color: #e53e3e !important;
+  border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
 }
 
 .focus\:border-red-700:focus {
+  --border-opacity: 1 !important;
   border-color: #c53030 !important;
+  border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
 }
 
 .focus\:border-red-800:focus {
+  --border-opacity: 1 !important;
   border-color: #9b2c2c !important;
+  border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
 }
 
 .focus\:border-red-900:focus {
+  --border-opacity: 1 !important;
   border-color: #742a2a !important;
+  border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
 }
 
 .focus\:border-orange-100:focus {
+  --border-opacity: 1 !important;
   border-color: #fffaf0 !important;
+  border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
 }
 
 .focus\:border-orange-200:focus {
+  --border-opacity: 1 !important;
   border-color: #feebc8 !important;
+  border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
 }
 
 .focus\:border-orange-300:focus {
+  --border-opacity: 1 !important;
   border-color: #fbd38d !important;
+  border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
 }
 
 .focus\:border-orange-400:focus {
+  --border-opacity: 1 !important;
   border-color: #f6ad55 !important;
+  border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
 }
 
 .focus\:border-orange-500:focus {
+  --border-opacity: 1 !important;
   border-color: #ed8936 !important;
+  border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
 }
 
 .focus\:border-orange-600:focus {
+  --border-opacity: 1 !important;
   border-color: #dd6b20 !important;
+  border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
 }
 
 .focus\:border-orange-700:focus {
+  --border-opacity: 1 !important;
   border-color: #c05621 !important;
+  border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
 }
 
 .focus\:border-orange-800:focus {
+  --border-opacity: 1 !important;
   border-color: #9c4221 !important;
+  border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
 }
 
 .focus\:border-orange-900:focus {
+  --border-opacity: 1 !important;
   border-color: #7b341e !important;
+  border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
 }
 
 .focus\:border-yellow-100:focus {
+  --border-opacity: 1 !important;
   border-color: #fffff0 !important;
+  border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
 }
 
 .focus\:border-yellow-200:focus {
+  --border-opacity: 1 !important;
   border-color: #fefcbf !important;
+  border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
 }
 
 .focus\:border-yellow-300:focus {
+  --border-opacity: 1 !important;
   border-color: #faf089 !important;
+  border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
 }
 
 .focus\:border-yellow-400:focus {
+  --border-opacity: 1 !important;
   border-color: #f6e05e !important;
+  border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
 }
 
 .focus\:border-yellow-500:focus {
+  --border-opacity: 1 !important;
   border-color: #ecc94b !important;
+  border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
 }
 
 .focus\:border-yellow-600:focus {
+  --border-opacity: 1 !important;
   border-color: #d69e2e !important;
+  border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
 }
 
 .focus\:border-yellow-700:focus {
+  --border-opacity: 1 !important;
   border-color: #b7791f !important;
+  border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
 }
 
 .focus\:border-yellow-800:focus {
+  --border-opacity: 1 !important;
   border-color: #975a16 !important;
+  border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
 }
 
 .focus\:border-yellow-900:focus {
+  --border-opacity: 1 !important;
   border-color: #744210 !important;
+  border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
 }
 
 .focus\:border-green-100:focus {
+  --border-opacity: 1 !important;
   border-color: #f0fff4 !important;
+  border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
 }
 
 .focus\:border-green-200:focus {
+  --border-opacity: 1 !important;
   border-color: #c6f6d5 !important;
+  border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
 }
 
 .focus\:border-green-300:focus {
+  --border-opacity: 1 !important;
   border-color: #9ae6b4 !important;
+  border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
 }
 
 .focus\:border-green-400:focus {
+  --border-opacity: 1 !important;
   border-color: #68d391 !important;
+  border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
 }
 
 .focus\:border-green-500:focus {
+  --border-opacity: 1 !important;
   border-color: #48bb78 !important;
+  border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
 }
 
 .focus\:border-green-600:focus {
+  --border-opacity: 1 !important;
   border-color: #38a169 !important;
+  border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
 }
 
 .focus\:border-green-700:focus {
+  --border-opacity: 1 !important;
   border-color: #2f855a !important;
+  border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
 }
 
 .focus\:border-green-800:focus {
+  --border-opacity: 1 !important;
   border-color: #276749 !important;
+  border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
 }
 
 .focus\:border-green-900:focus {
+  --border-opacity: 1 !important;
   border-color: #22543d !important;
+  border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
 }
 
 .focus\:border-teal-100:focus {
+  --border-opacity: 1 !important;
   border-color: #e6fffa !important;
+  border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
 }
 
 .focus\:border-teal-200:focus {
+  --border-opacity: 1 !important;
   border-color: #b2f5ea !important;
+  border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
 }
 
 .focus\:border-teal-300:focus {
+  --border-opacity: 1 !important;
   border-color: #81e6d9 !important;
+  border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
 }
 
 .focus\:border-teal-400:focus {
+  --border-opacity: 1 !important;
   border-color: #4fd1c5 !important;
+  border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
 }
 
 .focus\:border-teal-500:focus {
+  --border-opacity: 1 !important;
   border-color: #38b2ac !important;
+  border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
 }
 
 .focus\:border-teal-600:focus {
+  --border-opacity: 1 !important;
   border-color: #319795 !important;
+  border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
 }
 
 .focus\:border-teal-700:focus {
+  --border-opacity: 1 !important;
   border-color: #2c7a7b !important;
+  border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
 }
 
 .focus\:border-teal-800:focus {
+  --border-opacity: 1 !important;
   border-color: #285e61 !important;
+  border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
 }
 
 .focus\:border-teal-900:focus {
+  --border-opacity: 1 !important;
   border-color: #234e52 !important;
+  border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
 }
 
 .focus\:border-blue-100:focus {
+  --border-opacity: 1 !important;
   border-color: #ebf8ff !important;
+  border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
 }
 
 .focus\:border-blue-200:focus {
+  --border-opacity: 1 !important;
   border-color: #bee3f8 !important;
+  border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
 }
 
 .focus\:border-blue-300:focus {
+  --border-opacity: 1 !important;
   border-color: #90cdf4 !important;
+  border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
 }
 
 .focus\:border-blue-400:focus {
+  --border-opacity: 1 !important;
   border-color: #63b3ed !important;
+  border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
 }
 
 .focus\:border-blue-500:focus {
+  --border-opacity: 1 !important;
   border-color: #4299e1 !important;
+  border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
 }
 
 .focus\:border-blue-600:focus {
+  --border-opacity: 1 !important;
   border-color: #3182ce !important;
+  border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
 }
 
 .focus\:border-blue-700:focus {
+  --border-opacity: 1 !important;
   border-color: #2b6cb0 !important;
+  border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
 }
 
 .focus\:border-blue-800:focus {
+  --border-opacity: 1 !important;
   border-color: #2c5282 !important;
+  border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
 }
 
 .focus\:border-blue-900:focus {
+  --border-opacity: 1 !important;
   border-color: #2a4365 !important;
+  border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
 }
 
 .focus\:border-indigo-100:focus {
+  --border-opacity: 1 !important;
   border-color: #ebf4ff !important;
+  border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
 }
 
 .focus\:border-indigo-200:focus {
+  --border-opacity: 1 !important;
   border-color: #c3dafe !important;
+  border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
 }
 
 .focus\:border-indigo-300:focus {
+  --border-opacity: 1 !important;
   border-color: #a3bffa !important;
+  border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
 }
 
 .focus\:border-indigo-400:focus {
+  --border-opacity: 1 !important;
   border-color: #7f9cf5 !important;
+  border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
 }
 
 .focus\:border-indigo-500:focus {
+  --border-opacity: 1 !important;
   border-color: #667eea !important;
+  border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
 }
 
 .focus\:border-indigo-600:focus {
+  --border-opacity: 1 !important;
   border-color: #5a67d8 !important;
+  border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
 }
 
 .focus\:border-indigo-700:focus {
+  --border-opacity: 1 !important;
   border-color: #4c51bf !important;
+  border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
 }
 
 .focus\:border-indigo-800:focus {
+  --border-opacity: 1 !important;
   border-color: #434190 !important;
+  border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
 }
 
 .focus\:border-indigo-900:focus {
+  --border-opacity: 1 !important;
   border-color: #3c366b !important;
+  border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
 }
 
 .focus\:border-purple-100:focus {
+  --border-opacity: 1 !important;
   border-color: #faf5ff !important;
+  border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
 }
 
 .focus\:border-purple-200:focus {
+  --border-opacity: 1 !important;
   border-color: #e9d8fd !important;
+  border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
 }
 
 .focus\:border-purple-300:focus {
+  --border-opacity: 1 !important;
   border-color: #d6bcfa !important;
+  border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
 }
 
 .focus\:border-purple-400:focus {
+  --border-opacity: 1 !important;
   border-color: #b794f4 !important;
+  border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
 }
 
 .focus\:border-purple-500:focus {
+  --border-opacity: 1 !important;
   border-color: #9f7aea !important;
+  border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
 }
 
 .focus\:border-purple-600:focus {
+  --border-opacity: 1 !important;
   border-color: #805ad5 !important;
+  border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
 }
 
 .focus\:border-purple-700:focus {
+  --border-opacity: 1 !important;
   border-color: #6b46c1 !important;
+  border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
 }
 
 .focus\:border-purple-800:focus {
+  --border-opacity: 1 !important;
   border-color: #553c9a !important;
+  border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
 }
 
 .focus\:border-purple-900:focus {
+  --border-opacity: 1 !important;
   border-color: #44337a !important;
+  border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
 }
 
 .focus\:border-pink-100:focus {
+  --border-opacity: 1 !important;
   border-color: #fff5f7 !important;
+  border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
 }
 
 .focus\:border-pink-200:focus {
+  --border-opacity: 1 !important;
   border-color: #fed7e2 !important;
+  border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
 }
 
 .focus\:border-pink-300:focus {
+  --border-opacity: 1 !important;
   border-color: #fbb6ce !important;
+  border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
 }
 
 .focus\:border-pink-400:focus {
+  --border-opacity: 1 !important;
   border-color: #f687b3 !important;
+  border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
 }
 
 .focus\:border-pink-500:focus {
+  --border-opacity: 1 !important;
   border-color: #ed64a6 !important;
+  border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
 }
 
 .focus\:border-pink-600:focus {
+  --border-opacity: 1 !important;
   border-color: #d53f8c !important;
+  border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
 }
 
 .focus\:border-pink-700:focus {
+  --border-opacity: 1 !important;
   border-color: #b83280 !important;
+  border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
 }
 
 .focus\:border-pink-800:focus {
+  --border-opacity: 1 !important;
   border-color: #97266d !important;
+  border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
 }
 
 .focus\:border-pink-900:focus {
+  --border-opacity: 1 !important;
   border-color: #702459 !important;
+  border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
+}
+
+.border-opacity-0 {
+  --border-opacity: 0 !important;
+}
+
+.border-opacity-25 {
+  --border-opacity: 0.25 !important;
+}
+
+.border-opacity-50 {
+  --border-opacity: 0.5 !important;
+}
+
+.border-opacity-75 {
+  --border-opacity: 0.75 !important;
+}
+
+.border-opacity-100 {
+  --border-opacity: 1 !important;
+}
+
+.hover\:border-opacity-0:hover {
+  --border-opacity: 0 !important;
+}
+
+.hover\:border-opacity-25:hover {
+  --border-opacity: 0.25 !important;
+}
+
+.hover\:border-opacity-50:hover {
+  --border-opacity: 0.5 !important;
+}
+
+.hover\:border-opacity-75:hover {
+  --border-opacity: 0.75 !important;
+}
+
+.hover\:border-opacity-100:hover {
+  --border-opacity: 1 !important;
+}
+
+.focus\:border-opacity-0:focus {
+  --border-opacity: 0 !important;
+}
+
+.focus\:border-opacity-25:focus {
+  --border-opacity: 0.25 !important;
+}
+
+.focus\:border-opacity-50:focus {
+  --border-opacity: 0.5 !important;
+}
+
+.focus\:border-opacity-75:focus {
+  --border-opacity: 0.75 !important;
+}
+
+.focus\:border-opacity-100:focus {
+  --border-opacity: 1 !important;
 }
 
 .rounded-none {
@@ -6921,371 +8349,555 @@ video {
 }
 
 .placeholder-black::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #000 !important;
+  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-white::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fff !important;
+  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-gray-100::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #f7fafc !important;
+  color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-gray-200::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #edf2f7 !important;
+  color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-gray-300::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #e2e8f0 !important;
+  color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-gray-400::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #cbd5e0 !important;
+  color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-gray-500::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #a0aec0 !important;
+  color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-gray-600::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #718096 !important;
+  color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-gray-700::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #4a5568 !important;
+  color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-gray-800::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #2d3748 !important;
+  color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-gray-900::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #1a202c !important;
+  color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-red-100::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fff5f5 !important;
+  color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-red-200::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fed7d7 !important;
+  color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-red-300::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #feb2b2 !important;
+  color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-red-400::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fc8181 !important;
+  color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-red-500::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #f56565 !important;
+  color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-red-600::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #e53e3e !important;
+  color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-red-700::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #c53030 !important;
+  color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-red-800::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #9b2c2c !important;
+  color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-red-900::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #742a2a !important;
+  color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-orange-100::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fffaf0 !important;
+  color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-orange-200::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #feebc8 !important;
+  color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-orange-300::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fbd38d !important;
+  color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-orange-400::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #f6ad55 !important;
+  color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-orange-500::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #ed8936 !important;
+  color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-orange-600::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #dd6b20 !important;
+  color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-orange-700::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #c05621 !important;
+  color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-orange-800::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #9c4221 !important;
+  color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-orange-900::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #7b341e !important;
+  color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-yellow-100::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fffff0 !important;
+  color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-yellow-200::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fefcbf !important;
+  color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-yellow-300::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #faf089 !important;
+  color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-yellow-400::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #f6e05e !important;
+  color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-yellow-500::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #ecc94b !important;
+  color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-yellow-600::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #d69e2e !important;
+  color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-yellow-700::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #b7791f !important;
+  color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-yellow-800::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #975a16 !important;
+  color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-yellow-900::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #744210 !important;
+  color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-green-100::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #f0fff4 !important;
+  color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-green-200::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #c6f6d5 !important;
+  color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-green-300::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #9ae6b4 !important;
+  color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-green-400::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #68d391 !important;
+  color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-green-500::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #48bb78 !important;
+  color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-green-600::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #38a169 !important;
+  color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-green-700::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #2f855a !important;
+  color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-green-800::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #276749 !important;
+  color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-green-900::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #22543d !important;
+  color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-teal-100::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #e6fffa !important;
+  color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-teal-200::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #b2f5ea !important;
+  color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-teal-300::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #81e6d9 !important;
+  color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-teal-400::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #4fd1c5 !important;
+  color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-teal-500::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #38b2ac !important;
+  color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-teal-600::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #319795 !important;
+  color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-teal-700::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #2c7a7b !important;
+  color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-teal-800::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #285e61 !important;
+  color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-teal-900::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #234e52 !important;
+  color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-blue-100::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #ebf8ff !important;
+  color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-blue-200::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #bee3f8 !important;
+  color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-blue-300::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #90cdf4 !important;
+  color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-blue-400::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #63b3ed !important;
+  color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-blue-500::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #4299e1 !important;
+  color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-blue-600::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #3182ce !important;
+  color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-blue-700::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #2b6cb0 !important;
+  color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-blue-800::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #2c5282 !important;
+  color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-blue-900::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #2a4365 !important;
+  color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-indigo-100::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #ebf4ff !important;
+  color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-indigo-200::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #c3dafe !important;
+  color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-indigo-300::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #a3bffa !important;
+  color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-indigo-400::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #7f9cf5 !important;
+  color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-indigo-500::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #667eea !important;
+  color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-indigo-600::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #5a67d8 !important;
+  color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-indigo-700::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #4c51bf !important;
+  color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-indigo-800::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #434190 !important;
+  color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-indigo-900::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #3c366b !important;
+  color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-purple-100::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #faf5ff !important;
+  color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-purple-200::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #e9d8fd !important;
+  color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-purple-300::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #d6bcfa !important;
+  color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-purple-400::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #b794f4 !important;
+  color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-purple-500::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #9f7aea !important;
+  color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-purple-600::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #805ad5 !important;
+  color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-purple-700::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #6b46c1 !important;
+  color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-purple-800::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #553c9a !important;
+  color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-purple-900::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #44337a !important;
+  color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-pink-100::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fff5f7 !important;
+  color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-pink-200::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fed7e2 !important;
+  color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-pink-300::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fbb6ce !important;
+  color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-pink-400::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #f687b3 !important;
+  color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-pink-500::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #ed64a6 !important;
+  color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-pink-600::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #d53f8c !important;
+  color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-pink-700::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #b83280 !important;
+  color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-pink-800::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #97266d !important;
+  color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
 }
 
 .placeholder-pink-900::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #702459 !important;
+  color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-transparent:focus::placeholder {
@@ -7297,371 +8909,595 @@ video {
 }
 
 .focus\:placeholder-black:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #000 !important;
+  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-white:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fff !important;
+  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-gray-100:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #f7fafc !important;
+  color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-gray-200:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #edf2f7 !important;
+  color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-gray-300:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #e2e8f0 !important;
+  color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-gray-400:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #cbd5e0 !important;
+  color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-gray-500:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #a0aec0 !important;
+  color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-gray-600:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #718096 !important;
+  color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-gray-700:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #4a5568 !important;
+  color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-gray-800:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #2d3748 !important;
+  color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-gray-900:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #1a202c !important;
+  color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-red-100:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fff5f5 !important;
+  color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-red-200:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fed7d7 !important;
+  color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-red-300:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #feb2b2 !important;
+  color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-red-400:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fc8181 !important;
+  color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-red-500:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #f56565 !important;
+  color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-red-600:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #e53e3e !important;
+  color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-red-700:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #c53030 !important;
+  color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-red-800:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #9b2c2c !important;
+  color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-red-900:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #742a2a !important;
+  color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-orange-100:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fffaf0 !important;
+  color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-orange-200:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #feebc8 !important;
+  color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-orange-300:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fbd38d !important;
+  color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-orange-400:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #f6ad55 !important;
+  color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-orange-500:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #ed8936 !important;
+  color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-orange-600:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #dd6b20 !important;
+  color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-orange-700:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #c05621 !important;
+  color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-orange-800:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #9c4221 !important;
+  color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-orange-900:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #7b341e !important;
+  color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-yellow-100:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fffff0 !important;
+  color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-yellow-200:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fefcbf !important;
+  color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-yellow-300:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #faf089 !important;
+  color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-yellow-400:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #f6e05e !important;
+  color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-yellow-500:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #ecc94b !important;
+  color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-yellow-600:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #d69e2e !important;
+  color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-yellow-700:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #b7791f !important;
+  color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-yellow-800:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #975a16 !important;
+  color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-yellow-900:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #744210 !important;
+  color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-green-100:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #f0fff4 !important;
+  color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-green-200:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #c6f6d5 !important;
+  color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-green-300:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #9ae6b4 !important;
+  color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-green-400:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #68d391 !important;
+  color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-green-500:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #48bb78 !important;
+  color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-green-600:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #38a169 !important;
+  color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-green-700:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #2f855a !important;
+  color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-green-800:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #276749 !important;
+  color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-green-900:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #22543d !important;
+  color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-teal-100:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #e6fffa !important;
+  color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-teal-200:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #b2f5ea !important;
+  color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-teal-300:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #81e6d9 !important;
+  color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-teal-400:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #4fd1c5 !important;
+  color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-teal-500:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #38b2ac !important;
+  color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-teal-600:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #319795 !important;
+  color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-teal-700:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #2c7a7b !important;
+  color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-teal-800:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #285e61 !important;
+  color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-teal-900:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #234e52 !important;
+  color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-blue-100:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #ebf8ff !important;
+  color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-blue-200:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #bee3f8 !important;
+  color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-blue-300:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #90cdf4 !important;
+  color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-blue-400:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #63b3ed !important;
+  color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-blue-500:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #4299e1 !important;
+  color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-blue-600:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #3182ce !important;
+  color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-blue-700:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #2b6cb0 !important;
+  color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-blue-800:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #2c5282 !important;
+  color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-blue-900:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #2a4365 !important;
+  color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-indigo-100:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #ebf4ff !important;
+  color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-indigo-200:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #c3dafe !important;
+  color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-indigo-300:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #a3bffa !important;
+  color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-indigo-400:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #7f9cf5 !important;
+  color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-indigo-500:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #667eea !important;
+  color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-indigo-600:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #5a67d8 !important;
+  color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-indigo-700:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #4c51bf !important;
+  color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-indigo-800:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #434190 !important;
+  color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-indigo-900:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #3c366b !important;
+  color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-purple-100:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #faf5ff !important;
+  color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-purple-200:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #e9d8fd !important;
+  color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-purple-300:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #d6bcfa !important;
+  color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-purple-400:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #b794f4 !important;
+  color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-purple-500:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #9f7aea !important;
+  color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-purple-600:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #805ad5 !important;
+  color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-purple-700:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #6b46c1 !important;
+  color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-purple-800:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #553c9a !important;
+  color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-purple-900:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #44337a !important;
+  color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-pink-100:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fff5f7 !important;
+  color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-pink-200:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fed7e2 !important;
+  color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-pink-300:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #fbb6ce !important;
+  color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-pink-400:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #f687b3 !important;
+  color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-pink-500:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #ed64a6 !important;
+  color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-pink-600:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #d53f8c !important;
+  color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-pink-700:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #b83280 !important;
+  color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-pink-800:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #97266d !important;
+  color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
 }
 
 .focus\:placeholder-pink-900:focus::placeholder {
+  --placeholder-opacity: 1 !important;
   color: #702459 !important;
+  color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
+}
+
+.placeholder-opacity-0 {
+  --placeholder-opacity: 0 !important;
+}
+
+.placeholder-opacity-25 {
+  --placeholder-opacity: 0.25 !important;
+}
+
+.placeholder-opacity-50 {
+  --placeholder-opacity: 0.5 !important;
+}
+
+.placeholder-opacity-75 {
+  --placeholder-opacity: 0.75 !important;
+}
+
+.placeholder-opacity-100 {
+  --placeholder-opacity: 1 !important;
+}
+
+.focus\:placeholder-opacity-0:focus {
+  --placeholder-opacity: 0 !important;
+}
+
+.focus\:placeholder-opacity-25:focus {
+  --placeholder-opacity: 0.25 !important;
+}
+
+.focus\:placeholder-opacity-50:focus {
+  --placeholder-opacity: 0.5 !important;
+}
+
+.focus\:placeholder-opacity-75:focus {
+  --placeholder-opacity: 0.75 !important;
+}
+
+.focus\:placeholder-opacity-100:focus {
+  --placeholder-opacity: 1 !important;
 }
 
 .pointer-events-none {
@@ -7947,371 +9783,555 @@ video {
 }
 
 .text-black {
+  --text-opacity: 1 !important;
   color: #000 !important;
+  color: rgba(0, 0, 0, var(--text-opacity)) !important;
 }
 
 .text-white {
+  --text-opacity: 1 !important;
   color: #fff !important;
+  color: rgba(255, 255, 255, var(--text-opacity)) !important;
 }
 
 .text-gray-100 {
+  --text-opacity: 1 !important;
   color: #f7fafc !important;
+  color: rgba(247, 250, 252, var(--text-opacity)) !important;
 }
 
 .text-gray-200 {
+  --text-opacity: 1 !important;
   color: #edf2f7 !important;
+  color: rgba(237, 242, 247, var(--text-opacity)) !important;
 }
 
 .text-gray-300 {
+  --text-opacity: 1 !important;
   color: #e2e8f0 !important;
+  color: rgba(226, 232, 240, var(--text-opacity)) !important;
 }
 
 .text-gray-400 {
+  --text-opacity: 1 !important;
   color: #cbd5e0 !important;
+  color: rgba(203, 213, 224, var(--text-opacity)) !important;
 }
 
 .text-gray-500 {
+  --text-opacity: 1 !important;
   color: #a0aec0 !important;
+  color: rgba(160, 174, 192, var(--text-opacity)) !important;
 }
 
 .text-gray-600 {
+  --text-opacity: 1 !important;
   color: #718096 !important;
+  color: rgba(113, 128, 150, var(--text-opacity)) !important;
 }
 
 .text-gray-700 {
+  --text-opacity: 1 !important;
   color: #4a5568 !important;
+  color: rgba(74, 85, 104, var(--text-opacity)) !important;
 }
 
 .text-gray-800 {
+  --text-opacity: 1 !important;
   color: #2d3748 !important;
+  color: rgba(45, 55, 72, var(--text-opacity)) !important;
 }
 
 .text-gray-900 {
+  --text-opacity: 1 !important;
   color: #1a202c !important;
+  color: rgba(26, 32, 44, var(--text-opacity)) !important;
 }
 
 .text-red-100 {
+  --text-opacity: 1 !important;
   color: #fff5f5 !important;
+  color: rgba(255, 245, 245, var(--text-opacity)) !important;
 }
 
 .text-red-200 {
+  --text-opacity: 1 !important;
   color: #fed7d7 !important;
+  color: rgba(254, 215, 215, var(--text-opacity)) !important;
 }
 
 .text-red-300 {
+  --text-opacity: 1 !important;
   color: #feb2b2 !important;
+  color: rgba(254, 178, 178, var(--text-opacity)) !important;
 }
 
 .text-red-400 {
+  --text-opacity: 1 !important;
   color: #fc8181 !important;
+  color: rgba(252, 129, 129, var(--text-opacity)) !important;
 }
 
 .text-red-500 {
+  --text-opacity: 1 !important;
   color: #f56565 !important;
+  color: rgba(245, 101, 101, var(--text-opacity)) !important;
 }
 
 .text-red-600 {
+  --text-opacity: 1 !important;
   color: #e53e3e !important;
+  color: rgba(229, 62, 62, var(--text-opacity)) !important;
 }
 
 .text-red-700 {
+  --text-opacity: 1 !important;
   color: #c53030 !important;
+  color: rgba(197, 48, 48, var(--text-opacity)) !important;
 }
 
 .text-red-800 {
+  --text-opacity: 1 !important;
   color: #9b2c2c !important;
+  color: rgba(155, 44, 44, var(--text-opacity)) !important;
 }
 
 .text-red-900 {
+  --text-opacity: 1 !important;
   color: #742a2a !important;
+  color: rgba(116, 42, 42, var(--text-opacity)) !important;
 }
 
 .text-orange-100 {
+  --text-opacity: 1 !important;
   color: #fffaf0 !important;
+  color: rgba(255, 250, 240, var(--text-opacity)) !important;
 }
 
 .text-orange-200 {
+  --text-opacity: 1 !important;
   color: #feebc8 !important;
+  color: rgba(254, 235, 200, var(--text-opacity)) !important;
 }
 
 .text-orange-300 {
+  --text-opacity: 1 !important;
   color: #fbd38d !important;
+  color: rgba(251, 211, 141, var(--text-opacity)) !important;
 }
 
 .text-orange-400 {
+  --text-opacity: 1 !important;
   color: #f6ad55 !important;
+  color: rgba(246, 173, 85, var(--text-opacity)) !important;
 }
 
 .text-orange-500 {
+  --text-opacity: 1 !important;
   color: #ed8936 !important;
+  color: rgba(237, 137, 54, var(--text-opacity)) !important;
 }
 
 .text-orange-600 {
+  --text-opacity: 1 !important;
   color: #dd6b20 !important;
+  color: rgba(221, 107, 32, var(--text-opacity)) !important;
 }
 
 .text-orange-700 {
+  --text-opacity: 1 !important;
   color: #c05621 !important;
+  color: rgba(192, 86, 33, var(--text-opacity)) !important;
 }
 
 .text-orange-800 {
+  --text-opacity: 1 !important;
   color: #9c4221 !important;
+  color: rgba(156, 66, 33, var(--text-opacity)) !important;
 }
 
 .text-orange-900 {
+  --text-opacity: 1 !important;
   color: #7b341e !important;
+  color: rgba(123, 52, 30, var(--text-opacity)) !important;
 }
 
 .text-yellow-100 {
+  --text-opacity: 1 !important;
   color: #fffff0 !important;
+  color: rgba(255, 255, 240, var(--text-opacity)) !important;
 }
 
 .text-yellow-200 {
+  --text-opacity: 1 !important;
   color: #fefcbf !important;
+  color: rgba(254, 252, 191, var(--text-opacity)) !important;
 }
 
 .text-yellow-300 {
+  --text-opacity: 1 !important;
   color: #faf089 !important;
+  color: rgba(250, 240, 137, var(--text-opacity)) !important;
 }
 
 .text-yellow-400 {
+  --text-opacity: 1 !important;
   color: #f6e05e !important;
+  color: rgba(246, 224, 94, var(--text-opacity)) !important;
 }
 
 .text-yellow-500 {
+  --text-opacity: 1 !important;
   color: #ecc94b !important;
+  color: rgba(236, 201, 75, var(--text-opacity)) !important;
 }
 
 .text-yellow-600 {
+  --text-opacity: 1 !important;
   color: #d69e2e !important;
+  color: rgba(214, 158, 46, var(--text-opacity)) !important;
 }
 
 .text-yellow-700 {
+  --text-opacity: 1 !important;
   color: #b7791f !important;
+  color: rgba(183, 121, 31, var(--text-opacity)) !important;
 }
 
 .text-yellow-800 {
+  --text-opacity: 1 !important;
   color: #975a16 !important;
+  color: rgba(151, 90, 22, var(--text-opacity)) !important;
 }
 
 .text-yellow-900 {
+  --text-opacity: 1 !important;
   color: #744210 !important;
+  color: rgba(116, 66, 16, var(--text-opacity)) !important;
 }
 
 .text-green-100 {
+  --text-opacity: 1 !important;
   color: #f0fff4 !important;
+  color: rgba(240, 255, 244, var(--text-opacity)) !important;
 }
 
 .text-green-200 {
+  --text-opacity: 1 !important;
   color: #c6f6d5 !important;
+  color: rgba(198, 246, 213, var(--text-opacity)) !important;
 }
 
 .text-green-300 {
+  --text-opacity: 1 !important;
   color: #9ae6b4 !important;
+  color: rgba(154, 230, 180, var(--text-opacity)) !important;
 }
 
 .text-green-400 {
+  --text-opacity: 1 !important;
   color: #68d391 !important;
+  color: rgba(104, 211, 145, var(--text-opacity)) !important;
 }
 
 .text-green-500 {
+  --text-opacity: 1 !important;
   color: #48bb78 !important;
+  color: rgba(72, 187, 120, var(--text-opacity)) !important;
 }
 
 .text-green-600 {
+  --text-opacity: 1 !important;
   color: #38a169 !important;
+  color: rgba(56, 161, 105, var(--text-opacity)) !important;
 }
 
 .text-green-700 {
+  --text-opacity: 1 !important;
   color: #2f855a !important;
+  color: rgba(47, 133, 90, var(--text-opacity)) !important;
 }
 
 .text-green-800 {
+  --text-opacity: 1 !important;
   color: #276749 !important;
+  color: rgba(39, 103, 73, var(--text-opacity)) !important;
 }
 
 .text-green-900 {
+  --text-opacity: 1 !important;
   color: #22543d !important;
+  color: rgba(34, 84, 61, var(--text-opacity)) !important;
 }
 
 .text-teal-100 {
+  --text-opacity: 1 !important;
   color: #e6fffa !important;
+  color: rgba(230, 255, 250, var(--text-opacity)) !important;
 }
 
 .text-teal-200 {
+  --text-opacity: 1 !important;
   color: #b2f5ea !important;
+  color: rgba(178, 245, 234, var(--text-opacity)) !important;
 }
 
 .text-teal-300 {
+  --text-opacity: 1 !important;
   color: #81e6d9 !important;
+  color: rgba(129, 230, 217, var(--text-opacity)) !important;
 }
 
 .text-teal-400 {
+  --text-opacity: 1 !important;
   color: #4fd1c5 !important;
+  color: rgba(79, 209, 197, var(--text-opacity)) !important;
 }
 
 .text-teal-500 {
+  --text-opacity: 1 !important;
   color: #38b2ac !important;
+  color: rgba(56, 178, 172, var(--text-opacity)) !important;
 }
 
 .text-teal-600 {
+  --text-opacity: 1 !important;
   color: #319795 !important;
+  color: rgba(49, 151, 149, var(--text-opacity)) !important;
 }
 
 .text-teal-700 {
+  --text-opacity: 1 !important;
   color: #2c7a7b !important;
+  color: rgba(44, 122, 123, var(--text-opacity)) !important;
 }
 
 .text-teal-800 {
+  --text-opacity: 1 !important;
   color: #285e61 !important;
+  color: rgba(40, 94, 97, var(--text-opacity)) !important;
 }
 
 .text-teal-900 {
+  --text-opacity: 1 !important;
   color: #234e52 !important;
+  color: rgba(35, 78, 82, var(--text-opacity)) !important;
 }
 
 .text-blue-100 {
+  --text-opacity: 1 !important;
   color: #ebf8ff !important;
+  color: rgba(235, 248, 255, var(--text-opacity)) !important;
 }
 
 .text-blue-200 {
+  --text-opacity: 1 !important;
   color: #bee3f8 !important;
+  color: rgba(190, 227, 248, var(--text-opacity)) !important;
 }
 
 .text-blue-300 {
+  --text-opacity: 1 !important;
   color: #90cdf4 !important;
+  color: rgba(144, 205, 244, var(--text-opacity)) !important;
 }
 
 .text-blue-400 {
+  --text-opacity: 1 !important;
   color: #63b3ed !important;
+  color: rgba(99, 179, 237, var(--text-opacity)) !important;
 }
 
 .text-blue-500 {
+  --text-opacity: 1 !important;
   color: #4299e1 !important;
+  color: rgba(66, 153, 225, var(--text-opacity)) !important;
 }
 
 .text-blue-600 {
+  --text-opacity: 1 !important;
   color: #3182ce !important;
+  color: rgba(49, 130, 206, var(--text-opacity)) !important;
 }
 
 .text-blue-700 {
+  --text-opacity: 1 !important;
   color: #2b6cb0 !important;
+  color: rgba(43, 108, 176, var(--text-opacity)) !important;
 }
 
 .text-blue-800 {
+  --text-opacity: 1 !important;
   color: #2c5282 !important;
+  color: rgba(44, 82, 130, var(--text-opacity)) !important;
 }
 
 .text-blue-900 {
+  --text-opacity: 1 !important;
   color: #2a4365 !important;
+  color: rgba(42, 67, 101, var(--text-opacity)) !important;
 }
 
 .text-indigo-100 {
+  --text-opacity: 1 !important;
   color: #ebf4ff !important;
+  color: rgba(235, 244, 255, var(--text-opacity)) !important;
 }
 
 .text-indigo-200 {
+  --text-opacity: 1 !important;
   color: #c3dafe !important;
+  color: rgba(195, 218, 254, var(--text-opacity)) !important;
 }
 
 .text-indigo-300 {
+  --text-opacity: 1 !important;
   color: #a3bffa !important;
+  color: rgba(163, 191, 250, var(--text-opacity)) !important;
 }
 
 .text-indigo-400 {
+  --text-opacity: 1 !important;
   color: #7f9cf5 !important;
+  color: rgba(127, 156, 245, var(--text-opacity)) !important;
 }
 
 .text-indigo-500 {
+  --text-opacity: 1 !important;
   color: #667eea !important;
+  color: rgba(102, 126, 234, var(--text-opacity)) !important;
 }
 
 .text-indigo-600 {
+  --text-opacity: 1 !important;
   color: #5a67d8 !important;
+  color: rgba(90, 103, 216, var(--text-opacity)) !important;
 }
 
 .text-indigo-700 {
+  --text-opacity: 1 !important;
   color: #4c51bf !important;
+  color: rgba(76, 81, 191, var(--text-opacity)) !important;
 }
 
 .text-indigo-800 {
+  --text-opacity: 1 !important;
   color: #434190 !important;
+  color: rgba(67, 65, 144, var(--text-opacity)) !important;
 }
 
 .text-indigo-900 {
+  --text-opacity: 1 !important;
   color: #3c366b !important;
+  color: rgba(60, 54, 107, var(--text-opacity)) !important;
 }
 
 .text-purple-100 {
+  --text-opacity: 1 !important;
   color: #faf5ff !important;
+  color: rgba(250, 245, 255, var(--text-opacity)) !important;
 }
 
 .text-purple-200 {
+  --text-opacity: 1 !important;
   color: #e9d8fd !important;
+  color: rgba(233, 216, 253, var(--text-opacity)) !important;
 }
 
 .text-purple-300 {
+  --text-opacity: 1 !important;
   color: #d6bcfa !important;
+  color: rgba(214, 188, 250, var(--text-opacity)) !important;
 }
 
 .text-purple-400 {
+  --text-opacity: 1 !important;
   color: #b794f4 !important;
+  color: rgba(183, 148, 244, var(--text-opacity)) !important;
 }
 
 .text-purple-500 {
+  --text-opacity: 1 !important;
   color: #9f7aea !important;
+  color: rgba(159, 122, 234, var(--text-opacity)) !important;
 }
 
 .text-purple-600 {
+  --text-opacity: 1 !important;
   color: #805ad5 !important;
+  color: rgba(128, 90, 213, var(--text-opacity)) !important;
 }
 
 .text-purple-700 {
+  --text-opacity: 1 !important;
   color: #6b46c1 !important;
+  color: rgba(107, 70, 193, var(--text-opacity)) !important;
 }
 
 .text-purple-800 {
+  --text-opacity: 1 !important;
   color: #553c9a !important;
+  color: rgba(85, 60, 154, var(--text-opacity)) !important;
 }
 
 .text-purple-900 {
+  --text-opacity: 1 !important;
   color: #44337a !important;
+  color: rgba(68, 51, 122, var(--text-opacity)) !important;
 }
 
 .text-pink-100 {
+  --text-opacity: 1 !important;
   color: #fff5f7 !important;
+  color: rgba(255, 245, 247, var(--text-opacity)) !important;
 }
 
 .text-pink-200 {
+  --text-opacity: 1 !important;
   color: #fed7e2 !important;
+  color: rgba(254, 215, 226, var(--text-opacity)) !important;
 }
 
 .text-pink-300 {
+  --text-opacity: 1 !important;
   color: #fbb6ce !important;
+  color: rgba(251, 182, 206, var(--text-opacity)) !important;
 }
 
 .text-pink-400 {
+  --text-opacity: 1 !important;
   color: #f687b3 !important;
+  color: rgba(246, 135, 179, var(--text-opacity)) !important;
 }
 
 .text-pink-500 {
+  --text-opacity: 1 !important;
   color: #ed64a6 !important;
+  color: rgba(237, 100, 166, var(--text-opacity)) !important;
 }
 
 .text-pink-600 {
+  --text-opacity: 1 !important;
   color: #d53f8c !important;
+  color: rgba(213, 63, 140, var(--text-opacity)) !important;
 }
 
 .text-pink-700 {
+  --text-opacity: 1 !important;
   color: #b83280 !important;
+  color: rgba(184, 50, 128, var(--text-opacity)) !important;
 }
 
 .text-pink-800 {
+  --text-opacity: 1 !important;
   color: #97266d !important;
+  color: rgba(151, 38, 109, var(--text-opacity)) !important;
 }
 
 .text-pink-900 {
+  --text-opacity: 1 !important;
   color: #702459 !important;
+  color: rgba(112, 36, 89, var(--text-opacity)) !important;
 }
 
 .hover\:text-transparent:hover {
@@ -8323,371 +10343,555 @@ video {
 }
 
 .hover\:text-black:hover {
+  --text-opacity: 1 !important;
   color: #000 !important;
+  color: rgba(0, 0, 0, var(--text-opacity)) !important;
 }
 
 .hover\:text-white:hover {
+  --text-opacity: 1 !important;
   color: #fff !important;
+  color: rgba(255, 255, 255, var(--text-opacity)) !important;
 }
 
 .hover\:text-gray-100:hover {
+  --text-opacity: 1 !important;
   color: #f7fafc !important;
+  color: rgba(247, 250, 252, var(--text-opacity)) !important;
 }
 
 .hover\:text-gray-200:hover {
+  --text-opacity: 1 !important;
   color: #edf2f7 !important;
+  color: rgba(237, 242, 247, var(--text-opacity)) !important;
 }
 
 .hover\:text-gray-300:hover {
+  --text-opacity: 1 !important;
   color: #e2e8f0 !important;
+  color: rgba(226, 232, 240, var(--text-opacity)) !important;
 }
 
 .hover\:text-gray-400:hover {
+  --text-opacity: 1 !important;
   color: #cbd5e0 !important;
+  color: rgba(203, 213, 224, var(--text-opacity)) !important;
 }
 
 .hover\:text-gray-500:hover {
+  --text-opacity: 1 !important;
   color: #a0aec0 !important;
+  color: rgba(160, 174, 192, var(--text-opacity)) !important;
 }
 
 .hover\:text-gray-600:hover {
+  --text-opacity: 1 !important;
   color: #718096 !important;
+  color: rgba(113, 128, 150, var(--text-opacity)) !important;
 }
 
 .hover\:text-gray-700:hover {
+  --text-opacity: 1 !important;
   color: #4a5568 !important;
+  color: rgba(74, 85, 104, var(--text-opacity)) !important;
 }
 
 .hover\:text-gray-800:hover {
+  --text-opacity: 1 !important;
   color: #2d3748 !important;
+  color: rgba(45, 55, 72, var(--text-opacity)) !important;
 }
 
 .hover\:text-gray-900:hover {
+  --text-opacity: 1 !important;
   color: #1a202c !important;
+  color: rgba(26, 32, 44, var(--text-opacity)) !important;
 }
 
 .hover\:text-red-100:hover {
+  --text-opacity: 1 !important;
   color: #fff5f5 !important;
+  color: rgba(255, 245, 245, var(--text-opacity)) !important;
 }
 
 .hover\:text-red-200:hover {
+  --text-opacity: 1 !important;
   color: #fed7d7 !important;
+  color: rgba(254, 215, 215, var(--text-opacity)) !important;
 }
 
 .hover\:text-red-300:hover {
+  --text-opacity: 1 !important;
   color: #feb2b2 !important;
+  color: rgba(254, 178, 178, var(--text-opacity)) !important;
 }
 
 .hover\:text-red-400:hover {
+  --text-opacity: 1 !important;
   color: #fc8181 !important;
+  color: rgba(252, 129, 129, var(--text-opacity)) !important;
 }
 
 .hover\:text-red-500:hover {
+  --text-opacity: 1 !important;
   color: #f56565 !important;
+  color: rgba(245, 101, 101, var(--text-opacity)) !important;
 }
 
 .hover\:text-red-600:hover {
+  --text-opacity: 1 !important;
   color: #e53e3e !important;
+  color: rgba(229, 62, 62, var(--text-opacity)) !important;
 }
 
 .hover\:text-red-700:hover {
+  --text-opacity: 1 !important;
   color: #c53030 !important;
+  color: rgba(197, 48, 48, var(--text-opacity)) !important;
 }
 
 .hover\:text-red-800:hover {
+  --text-opacity: 1 !important;
   color: #9b2c2c !important;
+  color: rgba(155, 44, 44, var(--text-opacity)) !important;
 }
 
 .hover\:text-red-900:hover {
+  --text-opacity: 1 !important;
   color: #742a2a !important;
+  color: rgba(116, 42, 42, var(--text-opacity)) !important;
 }
 
 .hover\:text-orange-100:hover {
+  --text-opacity: 1 !important;
   color: #fffaf0 !important;
+  color: rgba(255, 250, 240, var(--text-opacity)) !important;
 }
 
 .hover\:text-orange-200:hover {
+  --text-opacity: 1 !important;
   color: #feebc8 !important;
+  color: rgba(254, 235, 200, var(--text-opacity)) !important;
 }
 
 .hover\:text-orange-300:hover {
+  --text-opacity: 1 !important;
   color: #fbd38d !important;
+  color: rgba(251, 211, 141, var(--text-opacity)) !important;
 }
 
 .hover\:text-orange-400:hover {
+  --text-opacity: 1 !important;
   color: #f6ad55 !important;
+  color: rgba(246, 173, 85, var(--text-opacity)) !important;
 }
 
 .hover\:text-orange-500:hover {
+  --text-opacity: 1 !important;
   color: #ed8936 !important;
+  color: rgba(237, 137, 54, var(--text-opacity)) !important;
 }
 
 .hover\:text-orange-600:hover {
+  --text-opacity: 1 !important;
   color: #dd6b20 !important;
+  color: rgba(221, 107, 32, var(--text-opacity)) !important;
 }
 
 .hover\:text-orange-700:hover {
+  --text-opacity: 1 !important;
   color: #c05621 !important;
+  color: rgba(192, 86, 33, var(--text-opacity)) !important;
 }
 
 .hover\:text-orange-800:hover {
+  --text-opacity: 1 !important;
   color: #9c4221 !important;
+  color: rgba(156, 66, 33, var(--text-opacity)) !important;
 }
 
 .hover\:text-orange-900:hover {
+  --text-opacity: 1 !important;
   color: #7b341e !important;
+  color: rgba(123, 52, 30, var(--text-opacity)) !important;
 }
 
 .hover\:text-yellow-100:hover {
+  --text-opacity: 1 !important;
   color: #fffff0 !important;
+  color: rgba(255, 255, 240, var(--text-opacity)) !important;
 }
 
 .hover\:text-yellow-200:hover {
+  --text-opacity: 1 !important;
   color: #fefcbf !important;
+  color: rgba(254, 252, 191, var(--text-opacity)) !important;
 }
 
 .hover\:text-yellow-300:hover {
+  --text-opacity: 1 !important;
   color: #faf089 !important;
+  color: rgba(250, 240, 137, var(--text-opacity)) !important;
 }
 
 .hover\:text-yellow-400:hover {
+  --text-opacity: 1 !important;
   color: #f6e05e !important;
+  color: rgba(246, 224, 94, var(--text-opacity)) !important;
 }
 
 .hover\:text-yellow-500:hover {
+  --text-opacity: 1 !important;
   color: #ecc94b !important;
+  color: rgba(236, 201, 75, var(--text-opacity)) !important;
 }
 
 .hover\:text-yellow-600:hover {
+  --text-opacity: 1 !important;
   color: #d69e2e !important;
+  color: rgba(214, 158, 46, var(--text-opacity)) !important;
 }
 
 .hover\:text-yellow-700:hover {
+  --text-opacity: 1 !important;
   color: #b7791f !important;
+  color: rgba(183, 121, 31, var(--text-opacity)) !important;
 }
 
 .hover\:text-yellow-800:hover {
+  --text-opacity: 1 !important;
   color: #975a16 !important;
+  color: rgba(151, 90, 22, var(--text-opacity)) !important;
 }
 
 .hover\:text-yellow-900:hover {
+  --text-opacity: 1 !important;
   color: #744210 !important;
+  color: rgba(116, 66, 16, var(--text-opacity)) !important;
 }
 
 .hover\:text-green-100:hover {
+  --text-opacity: 1 !important;
   color: #f0fff4 !important;
+  color: rgba(240, 255, 244, var(--text-opacity)) !important;
 }
 
 .hover\:text-green-200:hover {
+  --text-opacity: 1 !important;
   color: #c6f6d5 !important;
+  color: rgba(198, 246, 213, var(--text-opacity)) !important;
 }
 
 .hover\:text-green-300:hover {
+  --text-opacity: 1 !important;
   color: #9ae6b4 !important;
+  color: rgba(154, 230, 180, var(--text-opacity)) !important;
 }
 
 .hover\:text-green-400:hover {
+  --text-opacity: 1 !important;
   color: #68d391 !important;
+  color: rgba(104, 211, 145, var(--text-opacity)) !important;
 }
 
 .hover\:text-green-500:hover {
+  --text-opacity: 1 !important;
   color: #48bb78 !important;
+  color: rgba(72, 187, 120, var(--text-opacity)) !important;
 }
 
 .hover\:text-green-600:hover {
+  --text-opacity: 1 !important;
   color: #38a169 !important;
+  color: rgba(56, 161, 105, var(--text-opacity)) !important;
 }
 
 .hover\:text-green-700:hover {
+  --text-opacity: 1 !important;
   color: #2f855a !important;
+  color: rgba(47, 133, 90, var(--text-opacity)) !important;
 }
 
 .hover\:text-green-800:hover {
+  --text-opacity: 1 !important;
   color: #276749 !important;
+  color: rgba(39, 103, 73, var(--text-opacity)) !important;
 }
 
 .hover\:text-green-900:hover {
+  --text-opacity: 1 !important;
   color: #22543d !important;
+  color: rgba(34, 84, 61, var(--text-opacity)) !important;
 }
 
 .hover\:text-teal-100:hover {
+  --text-opacity: 1 !important;
   color: #e6fffa !important;
+  color: rgba(230, 255, 250, var(--text-opacity)) !important;
 }
 
 .hover\:text-teal-200:hover {
+  --text-opacity: 1 !important;
   color: #b2f5ea !important;
+  color: rgba(178, 245, 234, var(--text-opacity)) !important;
 }
 
 .hover\:text-teal-300:hover {
+  --text-opacity: 1 !important;
   color: #81e6d9 !important;
+  color: rgba(129, 230, 217, var(--text-opacity)) !important;
 }
 
 .hover\:text-teal-400:hover {
+  --text-opacity: 1 !important;
   color: #4fd1c5 !important;
+  color: rgba(79, 209, 197, var(--text-opacity)) !important;
 }
 
 .hover\:text-teal-500:hover {
+  --text-opacity: 1 !important;
   color: #38b2ac !important;
+  color: rgba(56, 178, 172, var(--text-opacity)) !important;
 }
 
 .hover\:text-teal-600:hover {
+  --text-opacity: 1 !important;
   color: #319795 !important;
+  color: rgba(49, 151, 149, var(--text-opacity)) !important;
 }
 
 .hover\:text-teal-700:hover {
+  --text-opacity: 1 !important;
   color: #2c7a7b !important;
+  color: rgba(44, 122, 123, var(--text-opacity)) !important;
 }
 
 .hover\:text-teal-800:hover {
+  --text-opacity: 1 !important;
   color: #285e61 !important;
+  color: rgba(40, 94, 97, var(--text-opacity)) !important;
 }
 
 .hover\:text-teal-900:hover {
+  --text-opacity: 1 !important;
   color: #234e52 !important;
+  color: rgba(35, 78, 82, var(--text-opacity)) !important;
 }
 
 .hover\:text-blue-100:hover {
+  --text-opacity: 1 !important;
   color: #ebf8ff !important;
+  color: rgba(235, 248, 255, var(--text-opacity)) !important;
 }
 
 .hover\:text-blue-200:hover {
+  --text-opacity: 1 !important;
   color: #bee3f8 !important;
+  color: rgba(190, 227, 248, var(--text-opacity)) !important;
 }
 
 .hover\:text-blue-300:hover {
+  --text-opacity: 1 !important;
   color: #90cdf4 !important;
+  color: rgba(144, 205, 244, var(--text-opacity)) !important;
 }
 
 .hover\:text-blue-400:hover {
+  --text-opacity: 1 !important;
   color: #63b3ed !important;
+  color: rgba(99, 179, 237, var(--text-opacity)) !important;
 }
 
 .hover\:text-blue-500:hover {
+  --text-opacity: 1 !important;
   color: #4299e1 !important;
+  color: rgba(66, 153, 225, var(--text-opacity)) !important;
 }
 
 .hover\:text-blue-600:hover {
+  --text-opacity: 1 !important;
   color: #3182ce !important;
+  color: rgba(49, 130, 206, var(--text-opacity)) !important;
 }
 
 .hover\:text-blue-700:hover {
+  --text-opacity: 1 !important;
   color: #2b6cb0 !important;
+  color: rgba(43, 108, 176, var(--text-opacity)) !important;
 }
 
 .hover\:text-blue-800:hover {
+  --text-opacity: 1 !important;
   color: #2c5282 !important;
+  color: rgba(44, 82, 130, var(--text-opacity)) !important;
 }
 
 .hover\:text-blue-900:hover {
+  --text-opacity: 1 !important;
   color: #2a4365 !important;
+  color: rgba(42, 67, 101, var(--text-opacity)) !important;
 }
 
 .hover\:text-indigo-100:hover {
+  --text-opacity: 1 !important;
   color: #ebf4ff !important;
+  color: rgba(235, 244, 255, var(--text-opacity)) !important;
 }
 
 .hover\:text-indigo-200:hover {
+  --text-opacity: 1 !important;
   color: #c3dafe !important;
+  color: rgba(195, 218, 254, var(--text-opacity)) !important;
 }
 
 .hover\:text-indigo-300:hover {
+  --text-opacity: 1 !important;
   color: #a3bffa !important;
+  color: rgba(163, 191, 250, var(--text-opacity)) !important;
 }
 
 .hover\:text-indigo-400:hover {
+  --text-opacity: 1 !important;
   color: #7f9cf5 !important;
+  color: rgba(127, 156, 245, var(--text-opacity)) !important;
 }
 
 .hover\:text-indigo-500:hover {
+  --text-opacity: 1 !important;
   color: #667eea !important;
+  color: rgba(102, 126, 234, var(--text-opacity)) !important;
 }
 
 .hover\:text-indigo-600:hover {
+  --text-opacity: 1 !important;
   color: #5a67d8 !important;
+  color: rgba(90, 103, 216, var(--text-opacity)) !important;
 }
 
 .hover\:text-indigo-700:hover {
+  --text-opacity: 1 !important;
   color: #4c51bf !important;
+  color: rgba(76, 81, 191, var(--text-opacity)) !important;
 }
 
 .hover\:text-indigo-800:hover {
+  --text-opacity: 1 !important;
   color: #434190 !important;
+  color: rgba(67, 65, 144, var(--text-opacity)) !important;
 }
 
 .hover\:text-indigo-900:hover {
+  --text-opacity: 1 !important;
   color: #3c366b !important;
+  color: rgba(60, 54, 107, var(--text-opacity)) !important;
 }
 
 .hover\:text-purple-100:hover {
+  --text-opacity: 1 !important;
   color: #faf5ff !important;
+  color: rgba(250, 245, 255, var(--text-opacity)) !important;
 }
 
 .hover\:text-purple-200:hover {
+  --text-opacity: 1 !important;
   color: #e9d8fd !important;
+  color: rgba(233, 216, 253, var(--text-opacity)) !important;
 }
 
 .hover\:text-purple-300:hover {
+  --text-opacity: 1 !important;
   color: #d6bcfa !important;
+  color: rgba(214, 188, 250, var(--text-opacity)) !important;
 }
 
 .hover\:text-purple-400:hover {
+  --text-opacity: 1 !important;
   color: #b794f4 !important;
+  color: rgba(183, 148, 244, var(--text-opacity)) !important;
 }
 
 .hover\:text-purple-500:hover {
+  --text-opacity: 1 !important;
   color: #9f7aea !important;
+  color: rgba(159, 122, 234, var(--text-opacity)) !important;
 }
 
 .hover\:text-purple-600:hover {
+  --text-opacity: 1 !important;
   color: #805ad5 !important;
+  color: rgba(128, 90, 213, var(--text-opacity)) !important;
 }
 
 .hover\:text-purple-700:hover {
+  --text-opacity: 1 !important;
   color: #6b46c1 !important;
+  color: rgba(107, 70, 193, var(--text-opacity)) !important;
 }
 
 .hover\:text-purple-800:hover {
+  --text-opacity: 1 !important;
   color: #553c9a !important;
+  color: rgba(85, 60, 154, var(--text-opacity)) !important;
 }
 
 .hover\:text-purple-900:hover {
+  --text-opacity: 1 !important;
   color: #44337a !important;
+  color: rgba(68, 51, 122, var(--text-opacity)) !important;
 }
 
 .hover\:text-pink-100:hover {
+  --text-opacity: 1 !important;
   color: #fff5f7 !important;
+  color: rgba(255, 245, 247, var(--text-opacity)) !important;
 }
 
 .hover\:text-pink-200:hover {
+  --text-opacity: 1 !important;
   color: #fed7e2 !important;
+  color: rgba(254, 215, 226, var(--text-opacity)) !important;
 }
 
 .hover\:text-pink-300:hover {
+  --text-opacity: 1 !important;
   color: #fbb6ce !important;
+  color: rgba(251, 182, 206, var(--text-opacity)) !important;
 }
 
 .hover\:text-pink-400:hover {
+  --text-opacity: 1 !important;
   color: #f687b3 !important;
+  color: rgba(246, 135, 179, var(--text-opacity)) !important;
 }
 
 .hover\:text-pink-500:hover {
+  --text-opacity: 1 !important;
   color: #ed64a6 !important;
+  color: rgba(237, 100, 166, var(--text-opacity)) !important;
 }
 
 .hover\:text-pink-600:hover {
+  --text-opacity: 1 !important;
   color: #d53f8c !important;
+  color: rgba(213, 63, 140, var(--text-opacity)) !important;
 }
 
 .hover\:text-pink-700:hover {
+  --text-opacity: 1 !important;
   color: #b83280 !important;
+  color: rgba(184, 50, 128, var(--text-opacity)) !important;
 }
 
 .hover\:text-pink-800:hover {
+  --text-opacity: 1 !important;
   color: #97266d !important;
+  color: rgba(151, 38, 109, var(--text-opacity)) !important;
 }
 
 .hover\:text-pink-900:hover {
+  --text-opacity: 1 !important;
   color: #702459 !important;
+  color: rgba(112, 36, 89, var(--text-opacity)) !important;
 }
 
 .focus\:text-transparent:focus {
@@ -8699,371 +10903,615 @@ video {
 }
 
 .focus\:text-black:focus {
+  --text-opacity: 1 !important;
   color: #000 !important;
+  color: rgba(0, 0, 0, var(--text-opacity)) !important;
 }
 
 .focus\:text-white:focus {
+  --text-opacity: 1 !important;
   color: #fff !important;
+  color: rgba(255, 255, 255, var(--text-opacity)) !important;
 }
 
 .focus\:text-gray-100:focus {
+  --text-opacity: 1 !important;
   color: #f7fafc !important;
+  color: rgba(247, 250, 252, var(--text-opacity)) !important;
 }
 
 .focus\:text-gray-200:focus {
+  --text-opacity: 1 !important;
   color: #edf2f7 !important;
+  color: rgba(237, 242, 247, var(--text-opacity)) !important;
 }
 
 .focus\:text-gray-300:focus {
+  --text-opacity: 1 !important;
   color: #e2e8f0 !important;
+  color: rgba(226, 232, 240, var(--text-opacity)) !important;
 }
 
 .focus\:text-gray-400:focus {
+  --text-opacity: 1 !important;
   color: #cbd5e0 !important;
+  color: rgba(203, 213, 224, var(--text-opacity)) !important;
 }
 
 .focus\:text-gray-500:focus {
+  --text-opacity: 1 !important;
   color: #a0aec0 !important;
+  color: rgba(160, 174, 192, var(--text-opacity)) !important;
 }
 
 .focus\:text-gray-600:focus {
+  --text-opacity: 1 !important;
   color: #718096 !important;
+  color: rgba(113, 128, 150, var(--text-opacity)) !important;
 }
 
 .focus\:text-gray-700:focus {
+  --text-opacity: 1 !important;
   color: #4a5568 !important;
+  color: rgba(74, 85, 104, var(--text-opacity)) !important;
 }
 
 .focus\:text-gray-800:focus {
+  --text-opacity: 1 !important;
   color: #2d3748 !important;
+  color: rgba(45, 55, 72, var(--text-opacity)) !important;
 }
 
 .focus\:text-gray-900:focus {
+  --text-opacity: 1 !important;
   color: #1a202c !important;
+  color: rgba(26, 32, 44, var(--text-opacity)) !important;
 }
 
 .focus\:text-red-100:focus {
+  --text-opacity: 1 !important;
   color: #fff5f5 !important;
+  color: rgba(255, 245, 245, var(--text-opacity)) !important;
 }
 
 .focus\:text-red-200:focus {
+  --text-opacity: 1 !important;
   color: #fed7d7 !important;
+  color: rgba(254, 215, 215, var(--text-opacity)) !important;
 }
 
 .focus\:text-red-300:focus {
+  --text-opacity: 1 !important;
   color: #feb2b2 !important;
+  color: rgba(254, 178, 178, var(--text-opacity)) !important;
 }
 
 .focus\:text-red-400:focus {
+  --text-opacity: 1 !important;
   color: #fc8181 !important;
+  color: rgba(252, 129, 129, var(--text-opacity)) !important;
 }
 
 .focus\:text-red-500:focus {
+  --text-opacity: 1 !important;
   color: #f56565 !important;
+  color: rgba(245, 101, 101, var(--text-opacity)) !important;
 }
 
 .focus\:text-red-600:focus {
+  --text-opacity: 1 !important;
   color: #e53e3e !important;
+  color: rgba(229, 62, 62, var(--text-opacity)) !important;
 }
 
 .focus\:text-red-700:focus {
+  --text-opacity: 1 !important;
   color: #c53030 !important;
+  color: rgba(197, 48, 48, var(--text-opacity)) !important;
 }
 
 .focus\:text-red-800:focus {
+  --text-opacity: 1 !important;
   color: #9b2c2c !important;
+  color: rgba(155, 44, 44, var(--text-opacity)) !important;
 }
 
 .focus\:text-red-900:focus {
+  --text-opacity: 1 !important;
   color: #742a2a !important;
+  color: rgba(116, 42, 42, var(--text-opacity)) !important;
 }
 
 .focus\:text-orange-100:focus {
+  --text-opacity: 1 !important;
   color: #fffaf0 !important;
+  color: rgba(255, 250, 240, var(--text-opacity)) !important;
 }
 
 .focus\:text-orange-200:focus {
+  --text-opacity: 1 !important;
   color: #feebc8 !important;
+  color: rgba(254, 235, 200, var(--text-opacity)) !important;
 }
 
 .focus\:text-orange-300:focus {
+  --text-opacity: 1 !important;
   color: #fbd38d !important;
+  color: rgba(251, 211, 141, var(--text-opacity)) !important;
 }
 
 .focus\:text-orange-400:focus {
+  --text-opacity: 1 !important;
   color: #f6ad55 !important;
+  color: rgba(246, 173, 85, var(--text-opacity)) !important;
 }
 
 .focus\:text-orange-500:focus {
+  --text-opacity: 1 !important;
   color: #ed8936 !important;
+  color: rgba(237, 137, 54, var(--text-opacity)) !important;
 }
 
 .focus\:text-orange-600:focus {
+  --text-opacity: 1 !important;
   color: #dd6b20 !important;
+  color: rgba(221, 107, 32, var(--text-opacity)) !important;
 }
 
 .focus\:text-orange-700:focus {
+  --text-opacity: 1 !important;
   color: #c05621 !important;
+  color: rgba(192, 86, 33, var(--text-opacity)) !important;
 }
 
 .focus\:text-orange-800:focus {
+  --text-opacity: 1 !important;
   color: #9c4221 !important;
+  color: rgba(156, 66, 33, var(--text-opacity)) !important;
 }
 
 .focus\:text-orange-900:focus {
+  --text-opacity: 1 !important;
   color: #7b341e !important;
+  color: rgba(123, 52, 30, var(--text-opacity)) !important;
 }
 
 .focus\:text-yellow-100:focus {
+  --text-opacity: 1 !important;
   color: #fffff0 !important;
+  color: rgba(255, 255, 240, var(--text-opacity)) !important;
 }
 
 .focus\:text-yellow-200:focus {
+  --text-opacity: 1 !important;
   color: #fefcbf !important;
+  color: rgba(254, 252, 191, var(--text-opacity)) !important;
 }
 
 .focus\:text-yellow-300:focus {
+  --text-opacity: 1 !important;
   color: #faf089 !important;
+  color: rgba(250, 240, 137, var(--text-opacity)) !important;
 }
 
 .focus\:text-yellow-400:focus {
+  --text-opacity: 1 !important;
   color: #f6e05e !important;
+  color: rgba(246, 224, 94, var(--text-opacity)) !important;
 }
 
 .focus\:text-yellow-500:focus {
+  --text-opacity: 1 !important;
   color: #ecc94b !important;
+  color: rgba(236, 201, 75, var(--text-opacity)) !important;
 }
 
 .focus\:text-yellow-600:focus {
+  --text-opacity: 1 !important;
   color: #d69e2e !important;
+  color: rgba(214, 158, 46, var(--text-opacity)) !important;
 }
 
 .focus\:text-yellow-700:focus {
+  --text-opacity: 1 !important;
   color: #b7791f !important;
+  color: rgba(183, 121, 31, var(--text-opacity)) !important;
 }
 
 .focus\:text-yellow-800:focus {
+  --text-opacity: 1 !important;
   color: #975a16 !important;
+  color: rgba(151, 90, 22, var(--text-opacity)) !important;
 }
 
 .focus\:text-yellow-900:focus {
+  --text-opacity: 1 !important;
   color: #744210 !important;
+  color: rgba(116, 66, 16, var(--text-opacity)) !important;
 }
 
 .focus\:text-green-100:focus {
+  --text-opacity: 1 !important;
   color: #f0fff4 !important;
+  color: rgba(240, 255, 244, var(--text-opacity)) !important;
 }
 
 .focus\:text-green-200:focus {
+  --text-opacity: 1 !important;
   color: #c6f6d5 !important;
+  color: rgba(198, 246, 213, var(--text-opacity)) !important;
 }
 
 .focus\:text-green-300:focus {
+  --text-opacity: 1 !important;
   color: #9ae6b4 !important;
+  color: rgba(154, 230, 180, var(--text-opacity)) !important;
 }
 
 .focus\:text-green-400:focus {
+  --text-opacity: 1 !important;
   color: #68d391 !important;
+  color: rgba(104, 211, 145, var(--text-opacity)) !important;
 }
 
 .focus\:text-green-500:focus {
+  --text-opacity: 1 !important;
   color: #48bb78 !important;
+  color: rgba(72, 187, 120, var(--text-opacity)) !important;
 }
 
 .focus\:text-green-600:focus {
+  --text-opacity: 1 !important;
   color: #38a169 !important;
+  color: rgba(56, 161, 105, var(--text-opacity)) !important;
 }
 
 .focus\:text-green-700:focus {
+  --text-opacity: 1 !important;
   color: #2f855a !important;
+  color: rgba(47, 133, 90, var(--text-opacity)) !important;
 }
 
 .focus\:text-green-800:focus {
+  --text-opacity: 1 !important;
   color: #276749 !important;
+  color: rgba(39, 103, 73, var(--text-opacity)) !important;
 }
 
 .focus\:text-green-900:focus {
+  --text-opacity: 1 !important;
   color: #22543d !important;
+  color: rgba(34, 84, 61, var(--text-opacity)) !important;
 }
 
 .focus\:text-teal-100:focus {
+  --text-opacity: 1 !important;
   color: #e6fffa !important;
+  color: rgba(230, 255, 250, var(--text-opacity)) !important;
 }
 
 .focus\:text-teal-200:focus {
+  --text-opacity: 1 !important;
   color: #b2f5ea !important;
+  color: rgba(178, 245, 234, var(--text-opacity)) !important;
 }
 
 .focus\:text-teal-300:focus {
+  --text-opacity: 1 !important;
   color: #81e6d9 !important;
+  color: rgba(129, 230, 217, var(--text-opacity)) !important;
 }
 
 .focus\:text-teal-400:focus {
+  --text-opacity: 1 !important;
   color: #4fd1c5 !important;
+  color: rgba(79, 209, 197, var(--text-opacity)) !important;
 }
 
 .focus\:text-teal-500:focus {
+  --text-opacity: 1 !important;
   color: #38b2ac !important;
+  color: rgba(56, 178, 172, var(--text-opacity)) !important;
 }
 
 .focus\:text-teal-600:focus {
+  --text-opacity: 1 !important;
   color: #319795 !important;
+  color: rgba(49, 151, 149, var(--text-opacity)) !important;
 }
 
 .focus\:text-teal-700:focus {
+  --text-opacity: 1 !important;
   color: #2c7a7b !important;
+  color: rgba(44, 122, 123, var(--text-opacity)) !important;
 }
 
 .focus\:text-teal-800:focus {
+  --text-opacity: 1 !important;
   color: #285e61 !important;
+  color: rgba(40, 94, 97, var(--text-opacity)) !important;
 }
 
 .focus\:text-teal-900:focus {
+  --text-opacity: 1 !important;
   color: #234e52 !important;
+  color: rgba(35, 78, 82, var(--text-opacity)) !important;
 }
 
 .focus\:text-blue-100:focus {
+  --text-opacity: 1 !important;
   color: #ebf8ff !important;
+  color: rgba(235, 248, 255, var(--text-opacity)) !important;
 }
 
 .focus\:text-blue-200:focus {
+  --text-opacity: 1 !important;
   color: #bee3f8 !important;
+  color: rgba(190, 227, 248, var(--text-opacity)) !important;
 }
 
 .focus\:text-blue-300:focus {
+  --text-opacity: 1 !important;
   color: #90cdf4 !important;
+  color: rgba(144, 205, 244, var(--text-opacity)) !important;
 }
 
 .focus\:text-blue-400:focus {
+  --text-opacity: 1 !important;
   color: #63b3ed !important;
+  color: rgba(99, 179, 237, var(--text-opacity)) !important;
 }
 
 .focus\:text-blue-500:focus {
+  --text-opacity: 1 !important;
   color: #4299e1 !important;
+  color: rgba(66, 153, 225, var(--text-opacity)) !important;
 }
 
 .focus\:text-blue-600:focus {
+  --text-opacity: 1 !important;
   color: #3182ce !important;
+  color: rgba(49, 130, 206, var(--text-opacity)) !important;
 }
 
 .focus\:text-blue-700:focus {
+  --text-opacity: 1 !important;
   color: #2b6cb0 !important;
+  color: rgba(43, 108, 176, var(--text-opacity)) !important;
 }
 
 .focus\:text-blue-800:focus {
+  --text-opacity: 1 !important;
   color: #2c5282 !important;
+  color: rgba(44, 82, 130, var(--text-opacity)) !important;
 }
 
 .focus\:text-blue-900:focus {
+  --text-opacity: 1 !important;
   color: #2a4365 !important;
+  color: rgba(42, 67, 101, var(--text-opacity)) !important;
 }
 
 .focus\:text-indigo-100:focus {
+  --text-opacity: 1 !important;
   color: #ebf4ff !important;
+  color: rgba(235, 244, 255, var(--text-opacity)) !important;
 }
 
 .focus\:text-indigo-200:focus {
+  --text-opacity: 1 !important;
   color: #c3dafe !important;
+  color: rgba(195, 218, 254, var(--text-opacity)) !important;
 }
 
 .focus\:text-indigo-300:focus {
+  --text-opacity: 1 !important;
   color: #a3bffa !important;
+  color: rgba(163, 191, 250, var(--text-opacity)) !important;
 }
 
 .focus\:text-indigo-400:focus {
+  --text-opacity: 1 !important;
   color: #7f9cf5 !important;
+  color: rgba(127, 156, 245, var(--text-opacity)) !important;
 }
 
 .focus\:text-indigo-500:focus {
+  --text-opacity: 1 !important;
   color: #667eea !important;
+  color: rgba(102, 126, 234, var(--text-opacity)) !important;
 }
 
 .focus\:text-indigo-600:focus {
+  --text-opacity: 1 !important;
   color: #5a67d8 !important;
+  color: rgba(90, 103, 216, var(--text-opacity)) !important;
 }
 
 .focus\:text-indigo-700:focus {
+  --text-opacity: 1 !important;
   color: #4c51bf !important;
+  color: rgba(76, 81, 191, var(--text-opacity)) !important;
 }
 
 .focus\:text-indigo-800:focus {
+  --text-opacity: 1 !important;
   color: #434190 !important;
+  color: rgba(67, 65, 144, var(--text-opacity)) !important;
 }
 
 .focus\:text-indigo-900:focus {
+  --text-opacity: 1 !important;
   color: #3c366b !important;
+  color: rgba(60, 54, 107, var(--text-opacity)) !important;
 }
 
 .focus\:text-purple-100:focus {
+  --text-opacity: 1 !important;
   color: #faf5ff !important;
+  color: rgba(250, 245, 255, var(--text-opacity)) !important;
 }
 
 .focus\:text-purple-200:focus {
+  --text-opacity: 1 !important;
   color: #e9d8fd !important;
+  color: rgba(233, 216, 253, var(--text-opacity)) !important;
 }
 
 .focus\:text-purple-300:focus {
+  --text-opacity: 1 !important;
   color: #d6bcfa !important;
+  color: rgba(214, 188, 250, var(--text-opacity)) !important;
 }
 
 .focus\:text-purple-400:focus {
+  --text-opacity: 1 !important;
   color: #b794f4 !important;
+  color: rgba(183, 148, 244, var(--text-opacity)) !important;
 }
 
 .focus\:text-purple-500:focus {
+  --text-opacity: 1 !important;
   color: #9f7aea !important;
+  color: rgba(159, 122, 234, var(--text-opacity)) !important;
 }
 
 .focus\:text-purple-600:focus {
+  --text-opacity: 1 !important;
   color: #805ad5 !important;
+  color: rgba(128, 90, 213, var(--text-opacity)) !important;
 }
 
 .focus\:text-purple-700:focus {
+  --text-opacity: 1 !important;
   color: #6b46c1 !important;
+  color: rgba(107, 70, 193, var(--text-opacity)) !important;
 }
 
 .focus\:text-purple-800:focus {
+  --text-opacity: 1 !important;
   color: #553c9a !important;
+  color: rgba(85, 60, 154, var(--text-opacity)) !important;
 }
 
 .focus\:text-purple-900:focus {
+  --text-opacity: 1 !important;
   color: #44337a !important;
+  color: rgba(68, 51, 122, var(--text-opacity)) !important;
 }
 
 .focus\:text-pink-100:focus {
+  --text-opacity: 1 !important;
   color: #fff5f7 !important;
+  color: rgba(255, 245, 247, var(--text-opacity)) !important;
 }
 
 .focus\:text-pink-200:focus {
+  --text-opacity: 1 !important;
   color: #fed7e2 !important;
+  color: rgba(254, 215, 226, var(--text-opacity)) !important;
 }
 
 .focus\:text-pink-300:focus {
+  --text-opacity: 1 !important;
   color: #fbb6ce !important;
+  color: rgba(251, 182, 206, var(--text-opacity)) !important;
 }
 
 .focus\:text-pink-400:focus {
+  --text-opacity: 1 !important;
   color: #f687b3 !important;
+  color: rgba(246, 135, 179, var(--text-opacity)) !important;
 }
 
 .focus\:text-pink-500:focus {
+  --text-opacity: 1 !important;
   color: #ed64a6 !important;
+  color: rgba(237, 100, 166, var(--text-opacity)) !important;
 }
 
 .focus\:text-pink-600:focus {
+  --text-opacity: 1 !important;
   color: #d53f8c !important;
+  color: rgba(213, 63, 140, var(--text-opacity)) !important;
 }
 
 .focus\:text-pink-700:focus {
+  --text-opacity: 1 !important;
   color: #b83280 !important;
+  color: rgba(184, 50, 128, var(--text-opacity)) !important;
 }
 
 .focus\:text-pink-800:focus {
+  --text-opacity: 1 !important;
   color: #97266d !important;
+  color: rgba(151, 38, 109, var(--text-opacity)) !important;
 }
 
 .focus\:text-pink-900:focus {
+  --text-opacity: 1 !important;
   color: #702459 !important;
+  color: rgba(112, 36, 89, var(--text-opacity)) !important;
+}
+
+.text-opacity-0 {
+  --text-opacity: 0 !important;
+}
+
+.text-opacity-25 {
+  --text-opacity: 0.25 !important;
+}
+
+.text-opacity-50 {
+  --text-opacity: 0.5 !important;
+}
+
+.text-opacity-75 {
+  --text-opacity: 0.75 !important;
+}
+
+.text-opacity-100 {
+  --text-opacity: 1 !important;
+}
+
+.hover\:text-opacity-0:hover {
+  --text-opacity: 0 !important;
+}
+
+.hover\:text-opacity-25:hover {
+  --text-opacity: 0.25 !important;
+}
+
+.hover\:text-opacity-50:hover {
+  --text-opacity: 0.5 !important;
+}
+
+.hover\:text-opacity-75:hover {
+  --text-opacity: 0.75 !important;
+}
+
+.hover\:text-opacity-100:hover {
+  --text-opacity: 1 !important;
+}
+
+.focus\:text-opacity-0:focus {
+  --text-opacity: 0 !important;
+}
+
+.focus\:text-opacity-25:focus {
+  --text-opacity: 0.25 !important;
+}
+
+.focus\:text-opacity-50:focus {
+  --text-opacity: 0.5 !important;
+}
+
+.focus\:text-opacity-75:focus {
+  --text-opacity: 0.75 !important;
+}
+
+.focus\:text-opacity-100:focus {
+  --text-opacity: 1 !important;
 }
 
 .italic {
@@ -12424,371 +14872,575 @@ video {
   }
 
   .sm\:divide-black > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-white > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-red-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-red-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-red-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-red-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-red-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-red-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-red-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-red-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-red-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-orange-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-orange-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-orange-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-orange-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-orange-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-orange-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-orange-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-orange-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-orange-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-yellow-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-yellow-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-yellow-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-yellow-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-yellow-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-yellow-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-yellow-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-yellow-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-yellow-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-green-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-green-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-green-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-green-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-green-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-green-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-green-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-green-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-green-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-teal-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-teal-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-teal-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-teal-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-teal-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-teal-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-teal-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-teal-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-teal-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-blue-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-blue-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-blue-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-blue-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-blue-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-blue-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-blue-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-blue-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-blue-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-indigo-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-indigo-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-indigo-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-indigo-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-indigo-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-indigo-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-indigo-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-indigo-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-indigo-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-purple-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-purple-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-purple-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-purple-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-purple-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-purple-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-purple-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-purple-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-purple-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-pink-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-pink-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-pink-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-pink-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-pink-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-pink-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-pink-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-pink-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
   }
 
   .sm\:divide-pink-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
+  }
+
+  .sm\:divide-opacity-0 {
+    --divide-opacity: 0 !important;
+  }
+
+  .sm\:divide-opacity-25 {
+    --divide-opacity: 0.25 !important;
+  }
+
+  .sm\:divide-opacity-50 {
+    --divide-opacity: 0.5 !important;
+  }
+
+  .sm\:divide-opacity-75 {
+    --divide-opacity: 0.75 !important;
+  }
+
+  .sm\:divide-opacity-100 {
+    --divide-opacity: 1 !important;
   }
 
   .sm\:sr-only {
@@ -12862,371 +15514,555 @@ video {
   }
 
   .sm\:bg-black {
+    --bg-opacity: 1 !important;
     background-color: #000 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-white {
+    --bg-opacity: 1 !important;
     background-color: #fff !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-gray-100 {
+    --bg-opacity: 1 !important;
     background-color: #f7fafc !important;
+    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-gray-200 {
+    --bg-opacity: 1 !important;
     background-color: #edf2f7 !important;
+    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-gray-300 {
+    --bg-opacity: 1 !important;
     background-color: #e2e8f0 !important;
+    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-gray-400 {
+    --bg-opacity: 1 !important;
     background-color: #cbd5e0 !important;
+    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-gray-500 {
+    --bg-opacity: 1 !important;
     background-color: #a0aec0 !important;
+    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-gray-600 {
+    --bg-opacity: 1 !important;
     background-color: #718096 !important;
+    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-gray-700 {
+    --bg-opacity: 1 !important;
     background-color: #4a5568 !important;
+    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-gray-800 {
+    --bg-opacity: 1 !important;
     background-color: #2d3748 !important;
+    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-gray-900 {
+    --bg-opacity: 1 !important;
     background-color: #1a202c !important;
+    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-red-100 {
+    --bg-opacity: 1 !important;
     background-color: #fff5f5 !important;
+    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-red-200 {
+    --bg-opacity: 1 !important;
     background-color: #fed7d7 !important;
+    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-red-300 {
+    --bg-opacity: 1 !important;
     background-color: #feb2b2 !important;
+    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-red-400 {
+    --bg-opacity: 1 !important;
     background-color: #fc8181 !important;
+    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-red-500 {
+    --bg-opacity: 1 !important;
     background-color: #f56565 !important;
+    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-red-600 {
+    --bg-opacity: 1 !important;
     background-color: #e53e3e !important;
+    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-red-700 {
+    --bg-opacity: 1 !important;
     background-color: #c53030 !important;
+    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-red-800 {
+    --bg-opacity: 1 !important;
     background-color: #9b2c2c !important;
+    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-red-900 {
+    --bg-opacity: 1 !important;
     background-color: #742a2a !important;
+    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-orange-100 {
+    --bg-opacity: 1 !important;
     background-color: #fffaf0 !important;
+    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-orange-200 {
+    --bg-opacity: 1 !important;
     background-color: #feebc8 !important;
+    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-orange-300 {
+    --bg-opacity: 1 !important;
     background-color: #fbd38d !important;
+    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-orange-400 {
+    --bg-opacity: 1 !important;
     background-color: #f6ad55 !important;
+    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-orange-500 {
+    --bg-opacity: 1 !important;
     background-color: #ed8936 !important;
+    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-orange-600 {
+    --bg-opacity: 1 !important;
     background-color: #dd6b20 !important;
+    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-orange-700 {
+    --bg-opacity: 1 !important;
     background-color: #c05621 !important;
+    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-orange-800 {
+    --bg-opacity: 1 !important;
     background-color: #9c4221 !important;
+    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-orange-900 {
+    --bg-opacity: 1 !important;
     background-color: #7b341e !important;
+    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-yellow-100 {
+    --bg-opacity: 1 !important;
     background-color: #fffff0 !important;
+    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-yellow-200 {
+    --bg-opacity: 1 !important;
     background-color: #fefcbf !important;
+    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-yellow-300 {
+    --bg-opacity: 1 !important;
     background-color: #faf089 !important;
+    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-yellow-400 {
+    --bg-opacity: 1 !important;
     background-color: #f6e05e !important;
+    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-yellow-500 {
+    --bg-opacity: 1 !important;
     background-color: #ecc94b !important;
+    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-yellow-600 {
+    --bg-opacity: 1 !important;
     background-color: #d69e2e !important;
+    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-yellow-700 {
+    --bg-opacity: 1 !important;
     background-color: #b7791f !important;
+    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-yellow-800 {
+    --bg-opacity: 1 !important;
     background-color: #975a16 !important;
+    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-yellow-900 {
+    --bg-opacity: 1 !important;
     background-color: #744210 !important;
+    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-green-100 {
+    --bg-opacity: 1 !important;
     background-color: #f0fff4 !important;
+    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-green-200 {
+    --bg-opacity: 1 !important;
     background-color: #c6f6d5 !important;
+    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-green-300 {
+    --bg-opacity: 1 !important;
     background-color: #9ae6b4 !important;
+    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-green-400 {
+    --bg-opacity: 1 !important;
     background-color: #68d391 !important;
+    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-green-500 {
+    --bg-opacity: 1 !important;
     background-color: #48bb78 !important;
+    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-green-600 {
+    --bg-opacity: 1 !important;
     background-color: #38a169 !important;
+    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-green-700 {
+    --bg-opacity: 1 !important;
     background-color: #2f855a !important;
+    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-green-800 {
+    --bg-opacity: 1 !important;
     background-color: #276749 !important;
+    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-green-900 {
+    --bg-opacity: 1 !important;
     background-color: #22543d !important;
+    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-teal-100 {
+    --bg-opacity: 1 !important;
     background-color: #e6fffa !important;
+    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-teal-200 {
+    --bg-opacity: 1 !important;
     background-color: #b2f5ea !important;
+    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-teal-300 {
+    --bg-opacity: 1 !important;
     background-color: #81e6d9 !important;
+    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-teal-400 {
+    --bg-opacity: 1 !important;
     background-color: #4fd1c5 !important;
+    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-teal-500 {
+    --bg-opacity: 1 !important;
     background-color: #38b2ac !important;
+    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-teal-600 {
+    --bg-opacity: 1 !important;
     background-color: #319795 !important;
+    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-teal-700 {
+    --bg-opacity: 1 !important;
     background-color: #2c7a7b !important;
+    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-teal-800 {
+    --bg-opacity: 1 !important;
     background-color: #285e61 !important;
+    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-teal-900 {
+    --bg-opacity: 1 !important;
     background-color: #234e52 !important;
+    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-blue-100 {
+    --bg-opacity: 1 !important;
     background-color: #ebf8ff !important;
+    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-blue-200 {
+    --bg-opacity: 1 !important;
     background-color: #bee3f8 !important;
+    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-blue-300 {
+    --bg-opacity: 1 !important;
     background-color: #90cdf4 !important;
+    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-blue-400 {
+    --bg-opacity: 1 !important;
     background-color: #63b3ed !important;
+    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-blue-500 {
+    --bg-opacity: 1 !important;
     background-color: #4299e1 !important;
+    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-blue-600 {
+    --bg-opacity: 1 !important;
     background-color: #3182ce !important;
+    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-blue-700 {
+    --bg-opacity: 1 !important;
     background-color: #2b6cb0 !important;
+    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-blue-800 {
+    --bg-opacity: 1 !important;
     background-color: #2c5282 !important;
+    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-blue-900 {
+    --bg-opacity: 1 !important;
     background-color: #2a4365 !important;
+    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-indigo-100 {
+    --bg-opacity: 1 !important;
     background-color: #ebf4ff !important;
+    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-indigo-200 {
+    --bg-opacity: 1 !important;
     background-color: #c3dafe !important;
+    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-indigo-300 {
+    --bg-opacity: 1 !important;
     background-color: #a3bffa !important;
+    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-indigo-400 {
+    --bg-opacity: 1 !important;
     background-color: #7f9cf5 !important;
+    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-indigo-500 {
+    --bg-opacity: 1 !important;
     background-color: #667eea !important;
+    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-indigo-600 {
+    --bg-opacity: 1 !important;
     background-color: #5a67d8 !important;
+    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-indigo-700 {
+    --bg-opacity: 1 !important;
     background-color: #4c51bf !important;
+    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-indigo-800 {
+    --bg-opacity: 1 !important;
     background-color: #434190 !important;
+    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-indigo-900 {
+    --bg-opacity: 1 !important;
     background-color: #3c366b !important;
+    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-purple-100 {
+    --bg-opacity: 1 !important;
     background-color: #faf5ff !important;
+    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-purple-200 {
+    --bg-opacity: 1 !important;
     background-color: #e9d8fd !important;
+    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-purple-300 {
+    --bg-opacity: 1 !important;
     background-color: #d6bcfa !important;
+    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-purple-400 {
+    --bg-opacity: 1 !important;
     background-color: #b794f4 !important;
+    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-purple-500 {
+    --bg-opacity: 1 !important;
     background-color: #9f7aea !important;
+    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-purple-600 {
+    --bg-opacity: 1 !important;
     background-color: #805ad5 !important;
+    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-purple-700 {
+    --bg-opacity: 1 !important;
     background-color: #6b46c1 !important;
+    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-purple-800 {
+    --bg-opacity: 1 !important;
     background-color: #553c9a !important;
+    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-purple-900 {
+    --bg-opacity: 1 !important;
     background-color: #44337a !important;
+    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-pink-100 {
+    --bg-opacity: 1 !important;
     background-color: #fff5f7 !important;
+    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-pink-200 {
+    --bg-opacity: 1 !important;
     background-color: #fed7e2 !important;
+    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-pink-300 {
+    --bg-opacity: 1 !important;
     background-color: #fbb6ce !important;
+    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-pink-400 {
+    --bg-opacity: 1 !important;
     background-color: #f687b3 !important;
+    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-pink-500 {
+    --bg-opacity: 1 !important;
     background-color: #ed64a6 !important;
+    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-pink-600 {
+    --bg-opacity: 1 !important;
     background-color: #d53f8c !important;
+    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-pink-700 {
+    --bg-opacity: 1 !important;
     background-color: #b83280 !important;
+    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-pink-800 {
+    --bg-opacity: 1 !important;
     background-color: #97266d !important;
+    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
   }
 
   .sm\:bg-pink-900 {
+    --bg-opacity: 1 !important;
     background-color: #702459 !important;
+    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-transparent:hover {
@@ -13238,371 +16074,555 @@ video {
   }
 
   .sm\:hover\:bg-black:hover {
+    --bg-opacity: 1 !important;
     background-color: #000 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-white:hover {
+    --bg-opacity: 1 !important;
     background-color: #fff !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-gray-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #f7fafc !important;
+    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-gray-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #edf2f7 !important;
+    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-gray-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #e2e8f0 !important;
+    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-gray-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #cbd5e0 !important;
+    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-gray-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #a0aec0 !important;
+    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-gray-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #718096 !important;
+    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-gray-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #4a5568 !important;
+    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-gray-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #2d3748 !important;
+    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-gray-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #1a202c !important;
+    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-red-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fff5f5 !important;
+    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-red-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #fed7d7 !important;
+    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-red-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #feb2b2 !important;
+    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-red-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #fc8181 !important;
+    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-red-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #f56565 !important;
+    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-red-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #e53e3e !important;
+    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-red-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #c53030 !important;
+    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-red-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #9b2c2c !important;
+    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-red-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #742a2a !important;
+    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-orange-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fffaf0 !important;
+    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-orange-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #feebc8 !important;
+    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-orange-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #fbd38d !important;
+    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-orange-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #f6ad55 !important;
+    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-orange-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #ed8936 !important;
+    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-orange-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #dd6b20 !important;
+    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-orange-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #c05621 !important;
+    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-orange-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #9c4221 !important;
+    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-orange-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #7b341e !important;
+    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-yellow-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fffff0 !important;
+    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-yellow-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #fefcbf !important;
+    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-yellow-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #faf089 !important;
+    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-yellow-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #f6e05e !important;
+    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-yellow-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #ecc94b !important;
+    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-yellow-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #d69e2e !important;
+    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-yellow-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #b7791f !important;
+    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-yellow-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #975a16 !important;
+    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-yellow-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #744210 !important;
+    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-green-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #f0fff4 !important;
+    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-green-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #c6f6d5 !important;
+    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-green-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #9ae6b4 !important;
+    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-green-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #68d391 !important;
+    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-green-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #48bb78 !important;
+    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-green-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #38a169 !important;
+    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-green-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #2f855a !important;
+    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-green-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #276749 !important;
+    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-green-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #22543d !important;
+    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-teal-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #e6fffa !important;
+    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-teal-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #b2f5ea !important;
+    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-teal-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #81e6d9 !important;
+    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-teal-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #4fd1c5 !important;
+    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-teal-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #38b2ac !important;
+    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-teal-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #319795 !important;
+    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-teal-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #2c7a7b !important;
+    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-teal-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #285e61 !important;
+    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-teal-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #234e52 !important;
+    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-blue-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #ebf8ff !important;
+    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-blue-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #bee3f8 !important;
+    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-blue-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #90cdf4 !important;
+    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-blue-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #63b3ed !important;
+    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-blue-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #4299e1 !important;
+    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-blue-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #3182ce !important;
+    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-blue-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #2b6cb0 !important;
+    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-blue-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #2c5282 !important;
+    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-blue-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #2a4365 !important;
+    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-indigo-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #ebf4ff !important;
+    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-indigo-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #c3dafe !important;
+    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-indigo-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #a3bffa !important;
+    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-indigo-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #7f9cf5 !important;
+    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-indigo-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #667eea !important;
+    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-indigo-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #5a67d8 !important;
+    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-indigo-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #4c51bf !important;
+    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-indigo-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #434190 !important;
+    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-indigo-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #3c366b !important;
+    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-purple-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #faf5ff !important;
+    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-purple-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #e9d8fd !important;
+    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-purple-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #d6bcfa !important;
+    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-purple-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #b794f4 !important;
+    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-purple-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #9f7aea !important;
+    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-purple-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #805ad5 !important;
+    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-purple-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #6b46c1 !important;
+    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-purple-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #553c9a !important;
+    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-purple-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #44337a !important;
+    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-pink-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fff5f7 !important;
+    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-pink-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #fed7e2 !important;
+    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-pink-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #fbb6ce !important;
+    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-pink-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #f687b3 !important;
+    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-pink-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #ed64a6 !important;
+    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-pink-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #d53f8c !important;
+    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-pink-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #b83280 !important;
+    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-pink-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #97266d !important;
+    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
   }
 
   .sm\:hover\:bg-pink-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #702459 !important;
+    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-transparent:focus {
@@ -13614,371 +16634,615 @@ video {
   }
 
   .sm\:focus\:bg-black:focus {
+    --bg-opacity: 1 !important;
     background-color: #000 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-white:focus {
+    --bg-opacity: 1 !important;
     background-color: #fff !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-gray-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #f7fafc !important;
+    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-gray-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #edf2f7 !important;
+    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-gray-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #e2e8f0 !important;
+    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-gray-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #cbd5e0 !important;
+    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-gray-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #a0aec0 !important;
+    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-gray-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #718096 !important;
+    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-gray-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #4a5568 !important;
+    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-gray-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #2d3748 !important;
+    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-gray-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #1a202c !important;
+    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-red-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fff5f5 !important;
+    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-red-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #fed7d7 !important;
+    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-red-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #feb2b2 !important;
+    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-red-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #fc8181 !important;
+    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-red-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #f56565 !important;
+    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-red-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #e53e3e !important;
+    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-red-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #c53030 !important;
+    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-red-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #9b2c2c !important;
+    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-red-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #742a2a !important;
+    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-orange-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fffaf0 !important;
+    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-orange-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #feebc8 !important;
+    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-orange-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #fbd38d !important;
+    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-orange-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #f6ad55 !important;
+    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-orange-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #ed8936 !important;
+    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-orange-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #dd6b20 !important;
+    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-orange-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #c05621 !important;
+    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-orange-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #9c4221 !important;
+    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-orange-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #7b341e !important;
+    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-yellow-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fffff0 !important;
+    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-yellow-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #fefcbf !important;
+    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-yellow-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #faf089 !important;
+    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-yellow-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #f6e05e !important;
+    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-yellow-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #ecc94b !important;
+    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-yellow-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #d69e2e !important;
+    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-yellow-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #b7791f !important;
+    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-yellow-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #975a16 !important;
+    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-yellow-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #744210 !important;
+    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-green-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #f0fff4 !important;
+    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-green-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #c6f6d5 !important;
+    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-green-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #9ae6b4 !important;
+    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-green-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #68d391 !important;
+    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-green-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #48bb78 !important;
+    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-green-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #38a169 !important;
+    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-green-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #2f855a !important;
+    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-green-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #276749 !important;
+    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-green-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #22543d !important;
+    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-teal-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #e6fffa !important;
+    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-teal-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #b2f5ea !important;
+    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-teal-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #81e6d9 !important;
+    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-teal-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #4fd1c5 !important;
+    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-teal-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #38b2ac !important;
+    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-teal-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #319795 !important;
+    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-teal-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #2c7a7b !important;
+    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-teal-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #285e61 !important;
+    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-teal-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #234e52 !important;
+    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-blue-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #ebf8ff !important;
+    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-blue-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #bee3f8 !important;
+    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-blue-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #90cdf4 !important;
+    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-blue-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #63b3ed !important;
+    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-blue-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #4299e1 !important;
+    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-blue-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #3182ce !important;
+    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-blue-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #2b6cb0 !important;
+    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-blue-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #2c5282 !important;
+    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-blue-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #2a4365 !important;
+    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-indigo-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #ebf4ff !important;
+    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-indigo-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #c3dafe !important;
+    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-indigo-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #a3bffa !important;
+    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-indigo-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #7f9cf5 !important;
+    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-indigo-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #667eea !important;
+    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-indigo-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #5a67d8 !important;
+    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-indigo-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #4c51bf !important;
+    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-indigo-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #434190 !important;
+    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-indigo-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #3c366b !important;
+    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-purple-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #faf5ff !important;
+    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-purple-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #e9d8fd !important;
+    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-purple-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #d6bcfa !important;
+    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-purple-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #b794f4 !important;
+    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-purple-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #9f7aea !important;
+    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-purple-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #805ad5 !important;
+    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-purple-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #6b46c1 !important;
+    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-purple-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #553c9a !important;
+    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-purple-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #44337a !important;
+    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-pink-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fff5f7 !important;
+    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-pink-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #fed7e2 !important;
+    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-pink-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #fbb6ce !important;
+    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-pink-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #f687b3 !important;
+    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-pink-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #ed64a6 !important;
+    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-pink-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #d53f8c !important;
+    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-pink-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #b83280 !important;
+    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-pink-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #97266d !important;
+    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
   }
 
   .sm\:focus\:bg-pink-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #702459 !important;
+    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
+  }
+
+  .sm\:bg-opacity-0 {
+    --bg-opacity: 0 !important;
+  }
+
+  .sm\:bg-opacity-25 {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .sm\:bg-opacity-50 {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .sm\:bg-opacity-75 {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .sm\:bg-opacity-100 {
+    --bg-opacity: 1 !important;
+  }
+
+  .sm\:hover\:bg-opacity-0:hover {
+    --bg-opacity: 0 !important;
+  }
+
+  .sm\:hover\:bg-opacity-25:hover {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .sm\:hover\:bg-opacity-50:hover {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .sm\:hover\:bg-opacity-75:hover {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .sm\:hover\:bg-opacity-100:hover {
+    --bg-opacity: 1 !important;
+  }
+
+  .sm\:focus\:bg-opacity-0:focus {
+    --bg-opacity: 0 !important;
+  }
+
+  .sm\:focus\:bg-opacity-25:focus {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .sm\:focus\:bg-opacity-50:focus {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .sm\:focus\:bg-opacity-75:focus {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .sm\:focus\:bg-opacity-100:focus {
+    --bg-opacity: 1 !important;
   }
 
   .sm\:bg-bottom {
@@ -14070,371 +17334,555 @@ video {
   }
 
   .sm\:border-black {
+    --border-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
   }
 
   .sm\:border-white {
+    --border-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
   }
 
   .sm\:border-gray-100 {
+    --border-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
   }
 
   .sm\:border-gray-200 {
+    --border-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
   }
 
   .sm\:border-gray-300 {
+    --border-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
   }
 
   .sm\:border-gray-400 {
+    --border-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
   }
 
   .sm\:border-gray-500 {
+    --border-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
   }
 
   .sm\:border-gray-600 {
+    --border-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
   }
 
   .sm\:border-gray-700 {
+    --border-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
   }
 
   .sm\:border-gray-800 {
+    --border-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
   }
 
   .sm\:border-gray-900 {
+    --border-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
   }
 
   .sm\:border-red-100 {
+    --border-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
   }
 
   .sm\:border-red-200 {
+    --border-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
   }
 
   .sm\:border-red-300 {
+    --border-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
   }
 
   .sm\:border-red-400 {
+    --border-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
   }
 
   .sm\:border-red-500 {
+    --border-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
   }
 
   .sm\:border-red-600 {
+    --border-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
   }
 
   .sm\:border-red-700 {
+    --border-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
   }
 
   .sm\:border-red-800 {
+    --border-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
   }
 
   .sm\:border-red-900 {
+    --border-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
   }
 
   .sm\:border-orange-100 {
+    --border-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
   }
 
   .sm\:border-orange-200 {
+    --border-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
   }
 
   .sm\:border-orange-300 {
+    --border-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
   }
 
   .sm\:border-orange-400 {
+    --border-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
   }
 
   .sm\:border-orange-500 {
+    --border-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
   }
 
   .sm\:border-orange-600 {
+    --border-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
   }
 
   .sm\:border-orange-700 {
+    --border-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
   }
 
   .sm\:border-orange-800 {
+    --border-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
   }
 
   .sm\:border-orange-900 {
+    --border-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
   }
 
   .sm\:border-yellow-100 {
+    --border-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
   }
 
   .sm\:border-yellow-200 {
+    --border-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
   }
 
   .sm\:border-yellow-300 {
+    --border-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
   }
 
   .sm\:border-yellow-400 {
+    --border-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
   }
 
   .sm\:border-yellow-500 {
+    --border-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
   }
 
   .sm\:border-yellow-600 {
+    --border-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
   }
 
   .sm\:border-yellow-700 {
+    --border-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
   }
 
   .sm\:border-yellow-800 {
+    --border-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
   }
 
   .sm\:border-yellow-900 {
+    --border-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
   }
 
   .sm\:border-green-100 {
+    --border-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
   }
 
   .sm\:border-green-200 {
+    --border-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
   }
 
   .sm\:border-green-300 {
+    --border-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
   }
 
   .sm\:border-green-400 {
+    --border-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
   }
 
   .sm\:border-green-500 {
+    --border-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
   }
 
   .sm\:border-green-600 {
+    --border-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
   }
 
   .sm\:border-green-700 {
+    --border-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
   }
 
   .sm\:border-green-800 {
+    --border-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
   }
 
   .sm\:border-green-900 {
+    --border-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
   }
 
   .sm\:border-teal-100 {
+    --border-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
   }
 
   .sm\:border-teal-200 {
+    --border-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
   }
 
   .sm\:border-teal-300 {
+    --border-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
   }
 
   .sm\:border-teal-400 {
+    --border-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
   }
 
   .sm\:border-teal-500 {
+    --border-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
   }
 
   .sm\:border-teal-600 {
+    --border-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
   }
 
   .sm\:border-teal-700 {
+    --border-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
   }
 
   .sm\:border-teal-800 {
+    --border-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
   }
 
   .sm\:border-teal-900 {
+    --border-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
   }
 
   .sm\:border-blue-100 {
+    --border-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
   }
 
   .sm\:border-blue-200 {
+    --border-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
   }
 
   .sm\:border-blue-300 {
+    --border-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
   }
 
   .sm\:border-blue-400 {
+    --border-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
   }
 
   .sm\:border-blue-500 {
+    --border-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
   }
 
   .sm\:border-blue-600 {
+    --border-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
   }
 
   .sm\:border-blue-700 {
+    --border-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
   }
 
   .sm\:border-blue-800 {
+    --border-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
   }
 
   .sm\:border-blue-900 {
+    --border-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
   }
 
   .sm\:border-indigo-100 {
+    --border-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
   }
 
   .sm\:border-indigo-200 {
+    --border-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
   }
 
   .sm\:border-indigo-300 {
+    --border-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
   }
 
   .sm\:border-indigo-400 {
+    --border-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
   }
 
   .sm\:border-indigo-500 {
+    --border-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
   }
 
   .sm\:border-indigo-600 {
+    --border-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
   }
 
   .sm\:border-indigo-700 {
+    --border-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
   }
 
   .sm\:border-indigo-800 {
+    --border-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
   }
 
   .sm\:border-indigo-900 {
+    --border-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
   }
 
   .sm\:border-purple-100 {
+    --border-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
   }
 
   .sm\:border-purple-200 {
+    --border-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
   }
 
   .sm\:border-purple-300 {
+    --border-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
   }
 
   .sm\:border-purple-400 {
+    --border-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
   }
 
   .sm\:border-purple-500 {
+    --border-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
   }
 
   .sm\:border-purple-600 {
+    --border-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
   }
 
   .sm\:border-purple-700 {
+    --border-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
   }
 
   .sm\:border-purple-800 {
+    --border-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
   }
 
   .sm\:border-purple-900 {
+    --border-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
   }
 
   .sm\:border-pink-100 {
+    --border-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
   }
 
   .sm\:border-pink-200 {
+    --border-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
   }
 
   .sm\:border-pink-300 {
+    --border-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
   }
 
   .sm\:border-pink-400 {
+    --border-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
   }
 
   .sm\:border-pink-500 {
+    --border-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
   }
 
   .sm\:border-pink-600 {
+    --border-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
   }
 
   .sm\:border-pink-700 {
+    --border-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
   }
 
   .sm\:border-pink-800 {
+    --border-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
   }
 
   .sm\:border-pink-900 {
+    --border-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-transparent:hover {
@@ -14446,371 +17894,555 @@ video {
   }
 
   .sm\:hover\:border-black:hover {
+    --border-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-white:hover {
+    --border-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-gray-100:hover {
+    --border-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-gray-200:hover {
+    --border-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-gray-300:hover {
+    --border-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-gray-400:hover {
+    --border-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-gray-500:hover {
+    --border-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-gray-600:hover {
+    --border-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-gray-700:hover {
+    --border-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-gray-800:hover {
+    --border-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-gray-900:hover {
+    --border-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-red-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-red-200:hover {
+    --border-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-red-300:hover {
+    --border-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-red-400:hover {
+    --border-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-red-500:hover {
+    --border-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-red-600:hover {
+    --border-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-red-700:hover {
+    --border-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-red-800:hover {
+    --border-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-red-900:hover {
+    --border-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-orange-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-orange-200:hover {
+    --border-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-orange-300:hover {
+    --border-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-orange-400:hover {
+    --border-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-orange-500:hover {
+    --border-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-orange-600:hover {
+    --border-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-orange-700:hover {
+    --border-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-orange-800:hover {
+    --border-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-orange-900:hover {
+    --border-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-yellow-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-yellow-200:hover {
+    --border-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-yellow-300:hover {
+    --border-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-yellow-400:hover {
+    --border-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-yellow-500:hover {
+    --border-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-yellow-600:hover {
+    --border-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-yellow-700:hover {
+    --border-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-yellow-800:hover {
+    --border-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-yellow-900:hover {
+    --border-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-green-100:hover {
+    --border-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-green-200:hover {
+    --border-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-green-300:hover {
+    --border-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-green-400:hover {
+    --border-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-green-500:hover {
+    --border-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-green-600:hover {
+    --border-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-green-700:hover {
+    --border-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-green-800:hover {
+    --border-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-green-900:hover {
+    --border-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-teal-100:hover {
+    --border-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-teal-200:hover {
+    --border-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-teal-300:hover {
+    --border-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-teal-400:hover {
+    --border-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-teal-500:hover {
+    --border-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-teal-600:hover {
+    --border-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-teal-700:hover {
+    --border-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-teal-800:hover {
+    --border-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-teal-900:hover {
+    --border-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-blue-100:hover {
+    --border-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-blue-200:hover {
+    --border-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-blue-300:hover {
+    --border-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-blue-400:hover {
+    --border-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-blue-500:hover {
+    --border-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-blue-600:hover {
+    --border-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-blue-700:hover {
+    --border-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-blue-800:hover {
+    --border-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-blue-900:hover {
+    --border-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-indigo-100:hover {
+    --border-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-indigo-200:hover {
+    --border-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-indigo-300:hover {
+    --border-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-indigo-400:hover {
+    --border-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-indigo-500:hover {
+    --border-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-indigo-600:hover {
+    --border-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-indigo-700:hover {
+    --border-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-indigo-800:hover {
+    --border-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-indigo-900:hover {
+    --border-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-purple-100:hover {
+    --border-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-purple-200:hover {
+    --border-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-purple-300:hover {
+    --border-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-purple-400:hover {
+    --border-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-purple-500:hover {
+    --border-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-purple-600:hover {
+    --border-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-purple-700:hover {
+    --border-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-purple-800:hover {
+    --border-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-purple-900:hover {
+    --border-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-pink-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-pink-200:hover {
+    --border-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-pink-300:hover {
+    --border-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-pink-400:hover {
+    --border-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-pink-500:hover {
+    --border-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-pink-600:hover {
+    --border-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-pink-700:hover {
+    --border-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-pink-800:hover {
+    --border-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
   }
 
   .sm\:hover\:border-pink-900:hover {
+    --border-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-transparent:focus {
@@ -14822,371 +18454,615 @@ video {
   }
 
   .sm\:focus\:border-black:focus {
+    --border-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-white:focus {
+    --border-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-gray-100:focus {
+    --border-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-gray-200:focus {
+    --border-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-gray-300:focus {
+    --border-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-gray-400:focus {
+    --border-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-gray-500:focus {
+    --border-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-gray-600:focus {
+    --border-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-gray-700:focus {
+    --border-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-gray-800:focus {
+    --border-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-gray-900:focus {
+    --border-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-red-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-red-200:focus {
+    --border-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-red-300:focus {
+    --border-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-red-400:focus {
+    --border-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-red-500:focus {
+    --border-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-red-600:focus {
+    --border-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-red-700:focus {
+    --border-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-red-800:focus {
+    --border-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-red-900:focus {
+    --border-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-orange-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-orange-200:focus {
+    --border-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-orange-300:focus {
+    --border-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-orange-400:focus {
+    --border-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-orange-500:focus {
+    --border-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-orange-600:focus {
+    --border-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-orange-700:focus {
+    --border-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-orange-800:focus {
+    --border-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-orange-900:focus {
+    --border-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-yellow-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-yellow-200:focus {
+    --border-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-yellow-300:focus {
+    --border-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-yellow-400:focus {
+    --border-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-yellow-500:focus {
+    --border-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-yellow-600:focus {
+    --border-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-yellow-700:focus {
+    --border-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-yellow-800:focus {
+    --border-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-yellow-900:focus {
+    --border-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-green-100:focus {
+    --border-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-green-200:focus {
+    --border-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-green-300:focus {
+    --border-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-green-400:focus {
+    --border-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-green-500:focus {
+    --border-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-green-600:focus {
+    --border-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-green-700:focus {
+    --border-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-green-800:focus {
+    --border-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-green-900:focus {
+    --border-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-teal-100:focus {
+    --border-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-teal-200:focus {
+    --border-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-teal-300:focus {
+    --border-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-teal-400:focus {
+    --border-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-teal-500:focus {
+    --border-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-teal-600:focus {
+    --border-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-teal-700:focus {
+    --border-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-teal-800:focus {
+    --border-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-teal-900:focus {
+    --border-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-blue-100:focus {
+    --border-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-blue-200:focus {
+    --border-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-blue-300:focus {
+    --border-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-blue-400:focus {
+    --border-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-blue-500:focus {
+    --border-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-blue-600:focus {
+    --border-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-blue-700:focus {
+    --border-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-blue-800:focus {
+    --border-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-blue-900:focus {
+    --border-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-indigo-100:focus {
+    --border-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-indigo-200:focus {
+    --border-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-indigo-300:focus {
+    --border-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-indigo-400:focus {
+    --border-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-indigo-500:focus {
+    --border-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-indigo-600:focus {
+    --border-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-indigo-700:focus {
+    --border-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-indigo-800:focus {
+    --border-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-indigo-900:focus {
+    --border-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-purple-100:focus {
+    --border-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-purple-200:focus {
+    --border-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-purple-300:focus {
+    --border-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-purple-400:focus {
+    --border-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-purple-500:focus {
+    --border-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-purple-600:focus {
+    --border-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-purple-700:focus {
+    --border-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-purple-800:focus {
+    --border-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-purple-900:focus {
+    --border-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-pink-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-pink-200:focus {
+    --border-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-pink-300:focus {
+    --border-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-pink-400:focus {
+    --border-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-pink-500:focus {
+    --border-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-pink-600:focus {
+    --border-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-pink-700:focus {
+    --border-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-pink-800:focus {
+    --border-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
   }
 
   .sm\:focus\:border-pink-900:focus {
+    --border-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
+  }
+
+  .sm\:border-opacity-0 {
+    --border-opacity: 0 !important;
+  }
+
+  .sm\:border-opacity-25 {
+    --border-opacity: 0.25 !important;
+  }
+
+  .sm\:border-opacity-50 {
+    --border-opacity: 0.5 !important;
+  }
+
+  .sm\:border-opacity-75 {
+    --border-opacity: 0.75 !important;
+  }
+
+  .sm\:border-opacity-100 {
+    --border-opacity: 1 !important;
+  }
+
+  .sm\:hover\:border-opacity-0:hover {
+    --border-opacity: 0 !important;
+  }
+
+  .sm\:hover\:border-opacity-25:hover {
+    --border-opacity: 0.25 !important;
+  }
+
+  .sm\:hover\:border-opacity-50:hover {
+    --border-opacity: 0.5 !important;
+  }
+
+  .sm\:hover\:border-opacity-75:hover {
+    --border-opacity: 0.75 !important;
+  }
+
+  .sm\:hover\:border-opacity-100:hover {
+    --border-opacity: 1 !important;
+  }
+
+  .sm\:focus\:border-opacity-0:focus {
+    --border-opacity: 0 !important;
+  }
+
+  .sm\:focus\:border-opacity-25:focus {
+    --border-opacity: 0.25 !important;
+  }
+
+  .sm\:focus\:border-opacity-50:focus {
+    --border-opacity: 0.5 !important;
+  }
+
+  .sm\:focus\:border-opacity-75:focus {
+    --border-opacity: 0.75 !important;
+  }
+
+  .sm\:focus\:border-opacity-100:focus {
+    --border-opacity: 1 !important;
   }
 
   .sm\:rounded-none {
@@ -18210,371 +22086,555 @@ video {
   }
 
   .sm\:placeholder-black::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-white::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
   }
 
   .sm\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-transparent:focus::placeholder {
@@ -18586,371 +22646,595 @@ video {
   }
 
   .sm\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
   }
 
   .sm\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-opacity-0 {
+    --placeholder-opacity: 0 !important;
+  }
+
+  .sm\:placeholder-opacity-25 {
+    --placeholder-opacity: 0.25 !important;
+  }
+
+  .sm\:placeholder-opacity-50 {
+    --placeholder-opacity: 0.5 !important;
+  }
+
+  .sm\:placeholder-opacity-75 {
+    --placeholder-opacity: 0.75 !important;
+  }
+
+  .sm\:placeholder-opacity-100 {
+    --placeholder-opacity: 1 !important;
+  }
+
+  .sm\:focus\:placeholder-opacity-0:focus {
+    --placeholder-opacity: 0 !important;
+  }
+
+  .sm\:focus\:placeholder-opacity-25:focus {
+    --placeholder-opacity: 0.25 !important;
+  }
+
+  .sm\:focus\:placeholder-opacity-50:focus {
+    --placeholder-opacity: 0.5 !important;
+  }
+
+  .sm\:focus\:placeholder-opacity-75:focus {
+    --placeholder-opacity: 0.75 !important;
+  }
+
+  .sm\:focus\:placeholder-opacity-100:focus {
+    --placeholder-opacity: 1 !important;
   }
 
   .sm\:pointer-events-none {
@@ -19236,371 +23520,555 @@ video {
   }
 
   .sm\:text-black {
+    --text-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
   }
 
   .sm\:text-white {
+    --text-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
   }
 
   .sm\:text-gray-100 {
+    --text-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--text-opacity)) !important;
   }
 
   .sm\:text-gray-200 {
+    --text-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--text-opacity)) !important;
   }
 
   .sm\:text-gray-300 {
+    --text-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--text-opacity)) !important;
   }
 
   .sm\:text-gray-400 {
+    --text-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--text-opacity)) !important;
   }
 
   .sm\:text-gray-500 {
+    --text-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--text-opacity)) !important;
   }
 
   .sm\:text-gray-600 {
+    --text-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--text-opacity)) !important;
   }
 
   .sm\:text-gray-700 {
+    --text-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--text-opacity)) !important;
   }
 
   .sm\:text-gray-800 {
+    --text-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--text-opacity)) !important;
   }
 
   .sm\:text-gray-900 {
+    --text-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--text-opacity)) !important;
   }
 
   .sm\:text-red-100 {
+    --text-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--text-opacity)) !important;
   }
 
   .sm\:text-red-200 {
+    --text-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--text-opacity)) !important;
   }
 
   .sm\:text-red-300 {
+    --text-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--text-opacity)) !important;
   }
 
   .sm\:text-red-400 {
+    --text-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--text-opacity)) !important;
   }
 
   .sm\:text-red-500 {
+    --text-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--text-opacity)) !important;
   }
 
   .sm\:text-red-600 {
+    --text-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--text-opacity)) !important;
   }
 
   .sm\:text-red-700 {
+    --text-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--text-opacity)) !important;
   }
 
   .sm\:text-red-800 {
+    --text-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--text-opacity)) !important;
   }
 
   .sm\:text-red-900 {
+    --text-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--text-opacity)) !important;
   }
 
   .sm\:text-orange-100 {
+    --text-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--text-opacity)) !important;
   }
 
   .sm\:text-orange-200 {
+    --text-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--text-opacity)) !important;
   }
 
   .sm\:text-orange-300 {
+    --text-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--text-opacity)) !important;
   }
 
   .sm\:text-orange-400 {
+    --text-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--text-opacity)) !important;
   }
 
   .sm\:text-orange-500 {
+    --text-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--text-opacity)) !important;
   }
 
   .sm\:text-orange-600 {
+    --text-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--text-opacity)) !important;
   }
 
   .sm\:text-orange-700 {
+    --text-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--text-opacity)) !important;
   }
 
   .sm\:text-orange-800 {
+    --text-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--text-opacity)) !important;
   }
 
   .sm\:text-orange-900 {
+    --text-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--text-opacity)) !important;
   }
 
   .sm\:text-yellow-100 {
+    --text-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--text-opacity)) !important;
   }
 
   .sm\:text-yellow-200 {
+    --text-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--text-opacity)) !important;
   }
 
   .sm\:text-yellow-300 {
+    --text-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--text-opacity)) !important;
   }
 
   .sm\:text-yellow-400 {
+    --text-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--text-opacity)) !important;
   }
 
   .sm\:text-yellow-500 {
+    --text-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--text-opacity)) !important;
   }
 
   .sm\:text-yellow-600 {
+    --text-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--text-opacity)) !important;
   }
 
   .sm\:text-yellow-700 {
+    --text-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--text-opacity)) !important;
   }
 
   .sm\:text-yellow-800 {
+    --text-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--text-opacity)) !important;
   }
 
   .sm\:text-yellow-900 {
+    --text-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--text-opacity)) !important;
   }
 
   .sm\:text-green-100 {
+    --text-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--text-opacity)) !important;
   }
 
   .sm\:text-green-200 {
+    --text-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--text-opacity)) !important;
   }
 
   .sm\:text-green-300 {
+    --text-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--text-opacity)) !important;
   }
 
   .sm\:text-green-400 {
+    --text-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--text-opacity)) !important;
   }
 
   .sm\:text-green-500 {
+    --text-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--text-opacity)) !important;
   }
 
   .sm\:text-green-600 {
+    --text-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--text-opacity)) !important;
   }
 
   .sm\:text-green-700 {
+    --text-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--text-opacity)) !important;
   }
 
   .sm\:text-green-800 {
+    --text-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--text-opacity)) !important;
   }
 
   .sm\:text-green-900 {
+    --text-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--text-opacity)) !important;
   }
 
   .sm\:text-teal-100 {
+    --text-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--text-opacity)) !important;
   }
 
   .sm\:text-teal-200 {
+    --text-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--text-opacity)) !important;
   }
 
   .sm\:text-teal-300 {
+    --text-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--text-opacity)) !important;
   }
 
   .sm\:text-teal-400 {
+    --text-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--text-opacity)) !important;
   }
 
   .sm\:text-teal-500 {
+    --text-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--text-opacity)) !important;
   }
 
   .sm\:text-teal-600 {
+    --text-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--text-opacity)) !important;
   }
 
   .sm\:text-teal-700 {
+    --text-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--text-opacity)) !important;
   }
 
   .sm\:text-teal-800 {
+    --text-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--text-opacity)) !important;
   }
 
   .sm\:text-teal-900 {
+    --text-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--text-opacity)) !important;
   }
 
   .sm\:text-blue-100 {
+    --text-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--text-opacity)) !important;
   }
 
   .sm\:text-blue-200 {
+    --text-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--text-opacity)) !important;
   }
 
   .sm\:text-blue-300 {
+    --text-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--text-opacity)) !important;
   }
 
   .sm\:text-blue-400 {
+    --text-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--text-opacity)) !important;
   }
 
   .sm\:text-blue-500 {
+    --text-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--text-opacity)) !important;
   }
 
   .sm\:text-blue-600 {
+    --text-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--text-opacity)) !important;
   }
 
   .sm\:text-blue-700 {
+    --text-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--text-opacity)) !important;
   }
 
   .sm\:text-blue-800 {
+    --text-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--text-opacity)) !important;
   }
 
   .sm\:text-blue-900 {
+    --text-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--text-opacity)) !important;
   }
 
   .sm\:text-indigo-100 {
+    --text-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--text-opacity)) !important;
   }
 
   .sm\:text-indigo-200 {
+    --text-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--text-opacity)) !important;
   }
 
   .sm\:text-indigo-300 {
+    --text-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--text-opacity)) !important;
   }
 
   .sm\:text-indigo-400 {
+    --text-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--text-opacity)) !important;
   }
 
   .sm\:text-indigo-500 {
+    --text-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--text-opacity)) !important;
   }
 
   .sm\:text-indigo-600 {
+    --text-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--text-opacity)) !important;
   }
 
   .sm\:text-indigo-700 {
+    --text-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--text-opacity)) !important;
   }
 
   .sm\:text-indigo-800 {
+    --text-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--text-opacity)) !important;
   }
 
   .sm\:text-indigo-900 {
+    --text-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--text-opacity)) !important;
   }
 
   .sm\:text-purple-100 {
+    --text-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--text-opacity)) !important;
   }
 
   .sm\:text-purple-200 {
+    --text-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--text-opacity)) !important;
   }
 
   .sm\:text-purple-300 {
+    --text-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--text-opacity)) !important;
   }
 
   .sm\:text-purple-400 {
+    --text-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--text-opacity)) !important;
   }
 
   .sm\:text-purple-500 {
+    --text-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--text-opacity)) !important;
   }
 
   .sm\:text-purple-600 {
+    --text-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--text-opacity)) !important;
   }
 
   .sm\:text-purple-700 {
+    --text-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--text-opacity)) !important;
   }
 
   .sm\:text-purple-800 {
+    --text-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--text-opacity)) !important;
   }
 
   .sm\:text-purple-900 {
+    --text-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--text-opacity)) !important;
   }
 
   .sm\:text-pink-100 {
+    --text-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--text-opacity)) !important;
   }
 
   .sm\:text-pink-200 {
+    --text-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--text-opacity)) !important;
   }
 
   .sm\:text-pink-300 {
+    --text-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--text-opacity)) !important;
   }
 
   .sm\:text-pink-400 {
+    --text-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--text-opacity)) !important;
   }
 
   .sm\:text-pink-500 {
+    --text-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--text-opacity)) !important;
   }
 
   .sm\:text-pink-600 {
+    --text-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--text-opacity)) !important;
   }
 
   .sm\:text-pink-700 {
+    --text-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--text-opacity)) !important;
   }
 
   .sm\:text-pink-800 {
+    --text-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--text-opacity)) !important;
   }
 
   .sm\:text-pink-900 {
+    --text-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-transparent:hover {
@@ -19612,371 +24080,555 @@ video {
   }
 
   .sm\:hover\:text-black:hover {
+    --text-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-white:hover {
+    --text-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-gray-100:hover {
+    --text-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-gray-200:hover {
+    --text-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-gray-300:hover {
+    --text-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-gray-400:hover {
+    --text-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-gray-500:hover {
+    --text-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-gray-600:hover {
+    --text-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-gray-700:hover {
+    --text-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-gray-800:hover {
+    --text-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-gray-900:hover {
+    --text-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-red-100:hover {
+    --text-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-red-200:hover {
+    --text-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-red-300:hover {
+    --text-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-red-400:hover {
+    --text-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-red-500:hover {
+    --text-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-red-600:hover {
+    --text-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-red-700:hover {
+    --text-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-red-800:hover {
+    --text-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-red-900:hover {
+    --text-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-orange-100:hover {
+    --text-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-orange-200:hover {
+    --text-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-orange-300:hover {
+    --text-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-orange-400:hover {
+    --text-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-orange-500:hover {
+    --text-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-orange-600:hover {
+    --text-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-orange-700:hover {
+    --text-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-orange-800:hover {
+    --text-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-orange-900:hover {
+    --text-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-yellow-100:hover {
+    --text-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-yellow-200:hover {
+    --text-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-yellow-300:hover {
+    --text-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-yellow-400:hover {
+    --text-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-yellow-500:hover {
+    --text-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-yellow-600:hover {
+    --text-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-yellow-700:hover {
+    --text-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-yellow-800:hover {
+    --text-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-yellow-900:hover {
+    --text-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-green-100:hover {
+    --text-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-green-200:hover {
+    --text-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-green-300:hover {
+    --text-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-green-400:hover {
+    --text-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-green-500:hover {
+    --text-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-green-600:hover {
+    --text-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-green-700:hover {
+    --text-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-green-800:hover {
+    --text-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-green-900:hover {
+    --text-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-teal-100:hover {
+    --text-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-teal-200:hover {
+    --text-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-teal-300:hover {
+    --text-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-teal-400:hover {
+    --text-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-teal-500:hover {
+    --text-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-teal-600:hover {
+    --text-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-teal-700:hover {
+    --text-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-teal-800:hover {
+    --text-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-teal-900:hover {
+    --text-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-blue-100:hover {
+    --text-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-blue-200:hover {
+    --text-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-blue-300:hover {
+    --text-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-blue-400:hover {
+    --text-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-blue-500:hover {
+    --text-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-blue-600:hover {
+    --text-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-blue-700:hover {
+    --text-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-blue-800:hover {
+    --text-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-blue-900:hover {
+    --text-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-indigo-100:hover {
+    --text-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-indigo-200:hover {
+    --text-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-indigo-300:hover {
+    --text-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-indigo-400:hover {
+    --text-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-indigo-500:hover {
+    --text-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-indigo-600:hover {
+    --text-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-indigo-700:hover {
+    --text-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-indigo-800:hover {
+    --text-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-indigo-900:hover {
+    --text-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-purple-100:hover {
+    --text-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-purple-200:hover {
+    --text-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-purple-300:hover {
+    --text-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-purple-400:hover {
+    --text-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-purple-500:hover {
+    --text-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-purple-600:hover {
+    --text-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-purple-700:hover {
+    --text-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-purple-800:hover {
+    --text-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-purple-900:hover {
+    --text-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-pink-100:hover {
+    --text-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-pink-200:hover {
+    --text-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-pink-300:hover {
+    --text-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-pink-400:hover {
+    --text-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-pink-500:hover {
+    --text-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-pink-600:hover {
+    --text-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-pink-700:hover {
+    --text-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-pink-800:hover {
+    --text-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--text-opacity)) !important;
   }
 
   .sm\:hover\:text-pink-900:hover {
+    --text-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-transparent:focus {
@@ -19988,371 +24640,615 @@ video {
   }
 
   .sm\:focus\:text-black:focus {
+    --text-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-white:focus {
+    --text-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-gray-100:focus {
+    --text-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-gray-200:focus {
+    --text-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-gray-300:focus {
+    --text-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-gray-400:focus {
+    --text-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-gray-500:focus {
+    --text-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-gray-600:focus {
+    --text-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-gray-700:focus {
+    --text-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-gray-800:focus {
+    --text-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-gray-900:focus {
+    --text-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-red-100:focus {
+    --text-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-red-200:focus {
+    --text-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-red-300:focus {
+    --text-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-red-400:focus {
+    --text-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-red-500:focus {
+    --text-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-red-600:focus {
+    --text-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-red-700:focus {
+    --text-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-red-800:focus {
+    --text-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-red-900:focus {
+    --text-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-orange-100:focus {
+    --text-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-orange-200:focus {
+    --text-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-orange-300:focus {
+    --text-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-orange-400:focus {
+    --text-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-orange-500:focus {
+    --text-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-orange-600:focus {
+    --text-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-orange-700:focus {
+    --text-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-orange-800:focus {
+    --text-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-orange-900:focus {
+    --text-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-yellow-100:focus {
+    --text-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-yellow-200:focus {
+    --text-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-yellow-300:focus {
+    --text-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-yellow-400:focus {
+    --text-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-yellow-500:focus {
+    --text-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-yellow-600:focus {
+    --text-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-yellow-700:focus {
+    --text-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-yellow-800:focus {
+    --text-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-yellow-900:focus {
+    --text-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-green-100:focus {
+    --text-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-green-200:focus {
+    --text-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-green-300:focus {
+    --text-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-green-400:focus {
+    --text-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-green-500:focus {
+    --text-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-green-600:focus {
+    --text-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-green-700:focus {
+    --text-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-green-800:focus {
+    --text-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-green-900:focus {
+    --text-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-teal-100:focus {
+    --text-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-teal-200:focus {
+    --text-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-teal-300:focus {
+    --text-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-teal-400:focus {
+    --text-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-teal-500:focus {
+    --text-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-teal-600:focus {
+    --text-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-teal-700:focus {
+    --text-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-teal-800:focus {
+    --text-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-teal-900:focus {
+    --text-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-blue-100:focus {
+    --text-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-blue-200:focus {
+    --text-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-blue-300:focus {
+    --text-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-blue-400:focus {
+    --text-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-blue-500:focus {
+    --text-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-blue-600:focus {
+    --text-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-blue-700:focus {
+    --text-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-blue-800:focus {
+    --text-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-blue-900:focus {
+    --text-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-indigo-100:focus {
+    --text-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-indigo-200:focus {
+    --text-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-indigo-300:focus {
+    --text-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-indigo-400:focus {
+    --text-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-indigo-500:focus {
+    --text-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-indigo-600:focus {
+    --text-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-indigo-700:focus {
+    --text-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-indigo-800:focus {
+    --text-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-indigo-900:focus {
+    --text-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-purple-100:focus {
+    --text-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-purple-200:focus {
+    --text-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-purple-300:focus {
+    --text-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-purple-400:focus {
+    --text-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-purple-500:focus {
+    --text-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-purple-600:focus {
+    --text-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-purple-700:focus {
+    --text-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-purple-800:focus {
+    --text-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-purple-900:focus {
+    --text-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-pink-100:focus {
+    --text-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-pink-200:focus {
+    --text-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-pink-300:focus {
+    --text-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-pink-400:focus {
+    --text-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-pink-500:focus {
+    --text-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-pink-600:focus {
+    --text-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-pink-700:focus {
+    --text-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-pink-800:focus {
+    --text-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--text-opacity)) !important;
   }
 
   .sm\:focus\:text-pink-900:focus {
+    --text-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--text-opacity)) !important;
+  }
+
+  .sm\:text-opacity-0 {
+    --text-opacity: 0 !important;
+  }
+
+  .sm\:text-opacity-25 {
+    --text-opacity: 0.25 !important;
+  }
+
+  .sm\:text-opacity-50 {
+    --text-opacity: 0.5 !important;
+  }
+
+  .sm\:text-opacity-75 {
+    --text-opacity: 0.75 !important;
+  }
+
+  .sm\:text-opacity-100 {
+    --text-opacity: 1 !important;
+  }
+
+  .sm\:hover\:text-opacity-0:hover {
+    --text-opacity: 0 !important;
+  }
+
+  .sm\:hover\:text-opacity-25:hover {
+    --text-opacity: 0.25 !important;
+  }
+
+  .sm\:hover\:text-opacity-50:hover {
+    --text-opacity: 0.5 !important;
+  }
+
+  .sm\:hover\:text-opacity-75:hover {
+    --text-opacity: 0.75 !important;
+  }
+
+  .sm\:hover\:text-opacity-100:hover {
+    --text-opacity: 1 !important;
+  }
+
+  .sm\:focus\:text-opacity-0:focus {
+    --text-opacity: 0 !important;
+  }
+
+  .sm\:focus\:text-opacity-25:focus {
+    --text-opacity: 0.25 !important;
+  }
+
+  .sm\:focus\:text-opacity-50:focus {
+    --text-opacity: 0.5 !important;
+  }
+
+  .sm\:focus\:text-opacity-75:focus {
+    --text-opacity: 0.75 !important;
+  }
+
+  .sm\:focus\:text-opacity-100:focus {
+    --text-opacity: 1 !important;
   }
 
   .sm\:italic {
@@ -23714,371 +28610,575 @@ video {
   }
 
   .md\:divide-black > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
   }
 
   .md\:divide-white > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
   }
 
   .md\:divide-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
   }
 
   .md\:divide-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
   }
 
   .md\:divide-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
   }
 
   .md\:divide-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
   }
 
   .md\:divide-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
   }
 
   .md\:divide-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
   }
 
   .md\:divide-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
   }
 
   .md\:divide-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
   }
 
   .md\:divide-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
   }
 
   .md\:divide-red-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--divide-opacity)) !important;
   }
 
   .md\:divide-red-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--divide-opacity)) !important;
   }
 
   .md\:divide-red-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--divide-opacity)) !important;
   }
 
   .md\:divide-red-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--divide-opacity)) !important;
   }
 
   .md\:divide-red-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--divide-opacity)) !important;
   }
 
   .md\:divide-red-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--divide-opacity)) !important;
   }
 
   .md\:divide-red-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--divide-opacity)) !important;
   }
 
   .md\:divide-red-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--divide-opacity)) !important;
   }
 
   .md\:divide-red-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--divide-opacity)) !important;
   }
 
   .md\:divide-orange-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
   }
 
   .md\:divide-orange-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
   }
 
   .md\:divide-orange-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
   }
 
   .md\:divide-orange-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
   }
 
   .md\:divide-orange-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
   }
 
   .md\:divide-orange-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
   }
 
   .md\:divide-orange-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
   }
 
   .md\:divide-orange-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
   }
 
   .md\:divide-orange-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
   }
 
   .md\:divide-yellow-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
   }
 
   .md\:divide-yellow-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
   }
 
   .md\:divide-yellow-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
   }
 
   .md\:divide-yellow-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
   }
 
   .md\:divide-yellow-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
   }
 
   .md\:divide-yellow-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
   }
 
   .md\:divide-yellow-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
   }
 
   .md\:divide-yellow-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
   }
 
   .md\:divide-yellow-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
   }
 
   .md\:divide-green-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
   }
 
   .md\:divide-green-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
   }
 
   .md\:divide-green-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
   }
 
   .md\:divide-green-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
   }
 
   .md\:divide-green-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
   }
 
   .md\:divide-green-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
   }
 
   .md\:divide-green-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
   }
 
   .md\:divide-green-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
   }
 
   .md\:divide-green-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
   }
 
   .md\:divide-teal-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
   }
 
   .md\:divide-teal-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
   }
 
   .md\:divide-teal-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
   }
 
   .md\:divide-teal-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
   }
 
   .md\:divide-teal-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
   }
 
   .md\:divide-teal-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
   }
 
   .md\:divide-teal-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
   }
 
   .md\:divide-teal-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
   }
 
   .md\:divide-teal-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
   }
 
   .md\:divide-blue-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
   }
 
   .md\:divide-blue-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
   }
 
   .md\:divide-blue-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
   }
 
   .md\:divide-blue-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
   }
 
   .md\:divide-blue-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
   }
 
   .md\:divide-blue-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
   }
 
   .md\:divide-blue-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
   }
 
   .md\:divide-blue-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
   }
 
   .md\:divide-blue-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
   }
 
   .md\:divide-indigo-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
   }
 
   .md\:divide-indigo-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
   }
 
   .md\:divide-indigo-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
   }
 
   .md\:divide-indigo-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
   }
 
   .md\:divide-indigo-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
   }
 
   .md\:divide-indigo-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
   }
 
   .md\:divide-indigo-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
   }
 
   .md\:divide-indigo-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
   }
 
   .md\:divide-indigo-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
   }
 
   .md\:divide-purple-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
   }
 
   .md\:divide-purple-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
   }
 
   .md\:divide-purple-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
   }
 
   .md\:divide-purple-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
   }
 
   .md\:divide-purple-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
   }
 
   .md\:divide-purple-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
   }
 
   .md\:divide-purple-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
   }
 
   .md\:divide-purple-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
   }
 
   .md\:divide-purple-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
   }
 
   .md\:divide-pink-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
   }
 
   .md\:divide-pink-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
   }
 
   .md\:divide-pink-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
   }
 
   .md\:divide-pink-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
   }
 
   .md\:divide-pink-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
   }
 
   .md\:divide-pink-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
   }
 
   .md\:divide-pink-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
   }
 
   .md\:divide-pink-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
   }
 
   .md\:divide-pink-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
+  }
+
+  .md\:divide-opacity-0 {
+    --divide-opacity: 0 !important;
+  }
+
+  .md\:divide-opacity-25 {
+    --divide-opacity: 0.25 !important;
+  }
+
+  .md\:divide-opacity-50 {
+    --divide-opacity: 0.5 !important;
+  }
+
+  .md\:divide-opacity-75 {
+    --divide-opacity: 0.75 !important;
+  }
+
+  .md\:divide-opacity-100 {
+    --divide-opacity: 1 !important;
   }
 
   .md\:sr-only {
@@ -24152,371 +29252,555 @@ video {
   }
 
   .md\:bg-black {
+    --bg-opacity: 1 !important;
     background-color: #000 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
   }
 
   .md\:bg-white {
+    --bg-opacity: 1 !important;
     background-color: #fff !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
   }
 
   .md\:bg-gray-100 {
+    --bg-opacity: 1 !important;
     background-color: #f7fafc !important;
+    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
   }
 
   .md\:bg-gray-200 {
+    --bg-opacity: 1 !important;
     background-color: #edf2f7 !important;
+    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
   }
 
   .md\:bg-gray-300 {
+    --bg-opacity: 1 !important;
     background-color: #e2e8f0 !important;
+    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
   }
 
   .md\:bg-gray-400 {
+    --bg-opacity: 1 !important;
     background-color: #cbd5e0 !important;
+    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
   }
 
   .md\:bg-gray-500 {
+    --bg-opacity: 1 !important;
     background-color: #a0aec0 !important;
+    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
   }
 
   .md\:bg-gray-600 {
+    --bg-opacity: 1 !important;
     background-color: #718096 !important;
+    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
   }
 
   .md\:bg-gray-700 {
+    --bg-opacity: 1 !important;
     background-color: #4a5568 !important;
+    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
   }
 
   .md\:bg-gray-800 {
+    --bg-opacity: 1 !important;
     background-color: #2d3748 !important;
+    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
   }
 
   .md\:bg-gray-900 {
+    --bg-opacity: 1 !important;
     background-color: #1a202c !important;
+    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
   }
 
   .md\:bg-red-100 {
+    --bg-opacity: 1 !important;
     background-color: #fff5f5 !important;
+    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
   }
 
   .md\:bg-red-200 {
+    --bg-opacity: 1 !important;
     background-color: #fed7d7 !important;
+    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
   }
 
   .md\:bg-red-300 {
+    --bg-opacity: 1 !important;
     background-color: #feb2b2 !important;
+    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
   }
 
   .md\:bg-red-400 {
+    --bg-opacity: 1 !important;
     background-color: #fc8181 !important;
+    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
   }
 
   .md\:bg-red-500 {
+    --bg-opacity: 1 !important;
     background-color: #f56565 !important;
+    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
   }
 
   .md\:bg-red-600 {
+    --bg-opacity: 1 !important;
     background-color: #e53e3e !important;
+    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
   }
 
   .md\:bg-red-700 {
+    --bg-opacity: 1 !important;
     background-color: #c53030 !important;
+    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
   }
 
   .md\:bg-red-800 {
+    --bg-opacity: 1 !important;
     background-color: #9b2c2c !important;
+    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
   }
 
   .md\:bg-red-900 {
+    --bg-opacity: 1 !important;
     background-color: #742a2a !important;
+    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
   }
 
   .md\:bg-orange-100 {
+    --bg-opacity: 1 !important;
     background-color: #fffaf0 !important;
+    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
   }
 
   .md\:bg-orange-200 {
+    --bg-opacity: 1 !important;
     background-color: #feebc8 !important;
+    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
   }
 
   .md\:bg-orange-300 {
+    --bg-opacity: 1 !important;
     background-color: #fbd38d !important;
+    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
   }
 
   .md\:bg-orange-400 {
+    --bg-opacity: 1 !important;
     background-color: #f6ad55 !important;
+    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
   }
 
   .md\:bg-orange-500 {
+    --bg-opacity: 1 !important;
     background-color: #ed8936 !important;
+    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
   }
 
   .md\:bg-orange-600 {
+    --bg-opacity: 1 !important;
     background-color: #dd6b20 !important;
+    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
   }
 
   .md\:bg-orange-700 {
+    --bg-opacity: 1 !important;
     background-color: #c05621 !important;
+    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
   }
 
   .md\:bg-orange-800 {
+    --bg-opacity: 1 !important;
     background-color: #9c4221 !important;
+    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
   }
 
   .md\:bg-orange-900 {
+    --bg-opacity: 1 !important;
     background-color: #7b341e !important;
+    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
   }
 
   .md\:bg-yellow-100 {
+    --bg-opacity: 1 !important;
     background-color: #fffff0 !important;
+    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
   }
 
   .md\:bg-yellow-200 {
+    --bg-opacity: 1 !important;
     background-color: #fefcbf !important;
+    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
   }
 
   .md\:bg-yellow-300 {
+    --bg-opacity: 1 !important;
     background-color: #faf089 !important;
+    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
   }
 
   .md\:bg-yellow-400 {
+    --bg-opacity: 1 !important;
     background-color: #f6e05e !important;
+    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
   }
 
   .md\:bg-yellow-500 {
+    --bg-opacity: 1 !important;
     background-color: #ecc94b !important;
+    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
   }
 
   .md\:bg-yellow-600 {
+    --bg-opacity: 1 !important;
     background-color: #d69e2e !important;
+    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
   }
 
   .md\:bg-yellow-700 {
+    --bg-opacity: 1 !important;
     background-color: #b7791f !important;
+    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
   }
 
   .md\:bg-yellow-800 {
+    --bg-opacity: 1 !important;
     background-color: #975a16 !important;
+    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
   }
 
   .md\:bg-yellow-900 {
+    --bg-opacity: 1 !important;
     background-color: #744210 !important;
+    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
   }
 
   .md\:bg-green-100 {
+    --bg-opacity: 1 !important;
     background-color: #f0fff4 !important;
+    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
   }
 
   .md\:bg-green-200 {
+    --bg-opacity: 1 !important;
     background-color: #c6f6d5 !important;
+    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
   }
 
   .md\:bg-green-300 {
+    --bg-opacity: 1 !important;
     background-color: #9ae6b4 !important;
+    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
   }
 
   .md\:bg-green-400 {
+    --bg-opacity: 1 !important;
     background-color: #68d391 !important;
+    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
   }
 
   .md\:bg-green-500 {
+    --bg-opacity: 1 !important;
     background-color: #48bb78 !important;
+    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
   }
 
   .md\:bg-green-600 {
+    --bg-opacity: 1 !important;
     background-color: #38a169 !important;
+    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
   }
 
   .md\:bg-green-700 {
+    --bg-opacity: 1 !important;
     background-color: #2f855a !important;
+    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
   }
 
   .md\:bg-green-800 {
+    --bg-opacity: 1 !important;
     background-color: #276749 !important;
+    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
   }
 
   .md\:bg-green-900 {
+    --bg-opacity: 1 !important;
     background-color: #22543d !important;
+    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
   }
 
   .md\:bg-teal-100 {
+    --bg-opacity: 1 !important;
     background-color: #e6fffa !important;
+    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
   }
 
   .md\:bg-teal-200 {
+    --bg-opacity: 1 !important;
     background-color: #b2f5ea !important;
+    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
   }
 
   .md\:bg-teal-300 {
+    --bg-opacity: 1 !important;
     background-color: #81e6d9 !important;
+    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
   }
 
   .md\:bg-teal-400 {
+    --bg-opacity: 1 !important;
     background-color: #4fd1c5 !important;
+    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
   }
 
   .md\:bg-teal-500 {
+    --bg-opacity: 1 !important;
     background-color: #38b2ac !important;
+    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
   }
 
   .md\:bg-teal-600 {
+    --bg-opacity: 1 !important;
     background-color: #319795 !important;
+    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
   }
 
   .md\:bg-teal-700 {
+    --bg-opacity: 1 !important;
     background-color: #2c7a7b !important;
+    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
   }
 
   .md\:bg-teal-800 {
+    --bg-opacity: 1 !important;
     background-color: #285e61 !important;
+    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
   }
 
   .md\:bg-teal-900 {
+    --bg-opacity: 1 !important;
     background-color: #234e52 !important;
+    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
   }
 
   .md\:bg-blue-100 {
+    --bg-opacity: 1 !important;
     background-color: #ebf8ff !important;
+    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
   }
 
   .md\:bg-blue-200 {
+    --bg-opacity: 1 !important;
     background-color: #bee3f8 !important;
+    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
   }
 
   .md\:bg-blue-300 {
+    --bg-opacity: 1 !important;
     background-color: #90cdf4 !important;
+    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
   }
 
   .md\:bg-blue-400 {
+    --bg-opacity: 1 !important;
     background-color: #63b3ed !important;
+    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
   }
 
   .md\:bg-blue-500 {
+    --bg-opacity: 1 !important;
     background-color: #4299e1 !important;
+    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
   }
 
   .md\:bg-blue-600 {
+    --bg-opacity: 1 !important;
     background-color: #3182ce !important;
+    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
   }
 
   .md\:bg-blue-700 {
+    --bg-opacity: 1 !important;
     background-color: #2b6cb0 !important;
+    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
   }
 
   .md\:bg-blue-800 {
+    --bg-opacity: 1 !important;
     background-color: #2c5282 !important;
+    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
   }
 
   .md\:bg-blue-900 {
+    --bg-opacity: 1 !important;
     background-color: #2a4365 !important;
+    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
   }
 
   .md\:bg-indigo-100 {
+    --bg-opacity: 1 !important;
     background-color: #ebf4ff !important;
+    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
   }
 
   .md\:bg-indigo-200 {
+    --bg-opacity: 1 !important;
     background-color: #c3dafe !important;
+    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
   }
 
   .md\:bg-indigo-300 {
+    --bg-opacity: 1 !important;
     background-color: #a3bffa !important;
+    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
   }
 
   .md\:bg-indigo-400 {
+    --bg-opacity: 1 !important;
     background-color: #7f9cf5 !important;
+    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
   }
 
   .md\:bg-indigo-500 {
+    --bg-opacity: 1 !important;
     background-color: #667eea !important;
+    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
   }
 
   .md\:bg-indigo-600 {
+    --bg-opacity: 1 !important;
     background-color: #5a67d8 !important;
+    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
   }
 
   .md\:bg-indigo-700 {
+    --bg-opacity: 1 !important;
     background-color: #4c51bf !important;
+    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
   }
 
   .md\:bg-indigo-800 {
+    --bg-opacity: 1 !important;
     background-color: #434190 !important;
+    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
   }
 
   .md\:bg-indigo-900 {
+    --bg-opacity: 1 !important;
     background-color: #3c366b !important;
+    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
   }
 
   .md\:bg-purple-100 {
+    --bg-opacity: 1 !important;
     background-color: #faf5ff !important;
+    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
   }
 
   .md\:bg-purple-200 {
+    --bg-opacity: 1 !important;
     background-color: #e9d8fd !important;
+    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
   }
 
   .md\:bg-purple-300 {
+    --bg-opacity: 1 !important;
     background-color: #d6bcfa !important;
+    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
   }
 
   .md\:bg-purple-400 {
+    --bg-opacity: 1 !important;
     background-color: #b794f4 !important;
+    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
   }
 
   .md\:bg-purple-500 {
+    --bg-opacity: 1 !important;
     background-color: #9f7aea !important;
+    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
   }
 
   .md\:bg-purple-600 {
+    --bg-opacity: 1 !important;
     background-color: #805ad5 !important;
+    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
   }
 
   .md\:bg-purple-700 {
+    --bg-opacity: 1 !important;
     background-color: #6b46c1 !important;
+    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
   }
 
   .md\:bg-purple-800 {
+    --bg-opacity: 1 !important;
     background-color: #553c9a !important;
+    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
   }
 
   .md\:bg-purple-900 {
+    --bg-opacity: 1 !important;
     background-color: #44337a !important;
+    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
   }
 
   .md\:bg-pink-100 {
+    --bg-opacity: 1 !important;
     background-color: #fff5f7 !important;
+    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
   }
 
   .md\:bg-pink-200 {
+    --bg-opacity: 1 !important;
     background-color: #fed7e2 !important;
+    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
   }
 
   .md\:bg-pink-300 {
+    --bg-opacity: 1 !important;
     background-color: #fbb6ce !important;
+    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
   }
 
   .md\:bg-pink-400 {
+    --bg-opacity: 1 !important;
     background-color: #f687b3 !important;
+    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
   }
 
   .md\:bg-pink-500 {
+    --bg-opacity: 1 !important;
     background-color: #ed64a6 !important;
+    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
   }
 
   .md\:bg-pink-600 {
+    --bg-opacity: 1 !important;
     background-color: #d53f8c !important;
+    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
   }
 
   .md\:bg-pink-700 {
+    --bg-opacity: 1 !important;
     background-color: #b83280 !important;
+    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
   }
 
   .md\:bg-pink-800 {
+    --bg-opacity: 1 !important;
     background-color: #97266d !important;
+    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
   }
 
   .md\:bg-pink-900 {
+    --bg-opacity: 1 !important;
     background-color: #702459 !important;
+    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-transparent:hover {
@@ -24528,371 +29812,555 @@ video {
   }
 
   .md\:hover\:bg-black:hover {
+    --bg-opacity: 1 !important;
     background-color: #000 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-white:hover {
+    --bg-opacity: 1 !important;
     background-color: #fff !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-gray-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #f7fafc !important;
+    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-gray-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #edf2f7 !important;
+    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-gray-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #e2e8f0 !important;
+    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-gray-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #cbd5e0 !important;
+    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-gray-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #a0aec0 !important;
+    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-gray-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #718096 !important;
+    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-gray-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #4a5568 !important;
+    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-gray-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #2d3748 !important;
+    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-gray-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #1a202c !important;
+    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-red-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fff5f5 !important;
+    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-red-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #fed7d7 !important;
+    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-red-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #feb2b2 !important;
+    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-red-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #fc8181 !important;
+    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-red-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #f56565 !important;
+    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-red-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #e53e3e !important;
+    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-red-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #c53030 !important;
+    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-red-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #9b2c2c !important;
+    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-red-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #742a2a !important;
+    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-orange-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fffaf0 !important;
+    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-orange-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #feebc8 !important;
+    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-orange-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #fbd38d !important;
+    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-orange-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #f6ad55 !important;
+    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-orange-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #ed8936 !important;
+    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-orange-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #dd6b20 !important;
+    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-orange-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #c05621 !important;
+    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-orange-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #9c4221 !important;
+    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-orange-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #7b341e !important;
+    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-yellow-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fffff0 !important;
+    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-yellow-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #fefcbf !important;
+    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-yellow-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #faf089 !important;
+    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-yellow-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #f6e05e !important;
+    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-yellow-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #ecc94b !important;
+    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-yellow-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #d69e2e !important;
+    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-yellow-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #b7791f !important;
+    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-yellow-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #975a16 !important;
+    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-yellow-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #744210 !important;
+    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-green-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #f0fff4 !important;
+    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-green-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #c6f6d5 !important;
+    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-green-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #9ae6b4 !important;
+    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-green-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #68d391 !important;
+    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-green-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #48bb78 !important;
+    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-green-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #38a169 !important;
+    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-green-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #2f855a !important;
+    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-green-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #276749 !important;
+    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-green-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #22543d !important;
+    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-teal-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #e6fffa !important;
+    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-teal-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #b2f5ea !important;
+    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-teal-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #81e6d9 !important;
+    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-teal-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #4fd1c5 !important;
+    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-teal-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #38b2ac !important;
+    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-teal-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #319795 !important;
+    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-teal-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #2c7a7b !important;
+    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-teal-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #285e61 !important;
+    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-teal-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #234e52 !important;
+    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-blue-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #ebf8ff !important;
+    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-blue-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #bee3f8 !important;
+    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-blue-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #90cdf4 !important;
+    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-blue-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #63b3ed !important;
+    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-blue-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #4299e1 !important;
+    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-blue-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #3182ce !important;
+    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-blue-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #2b6cb0 !important;
+    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-blue-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #2c5282 !important;
+    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-blue-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #2a4365 !important;
+    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-indigo-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #ebf4ff !important;
+    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-indigo-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #c3dafe !important;
+    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-indigo-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #a3bffa !important;
+    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-indigo-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #7f9cf5 !important;
+    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-indigo-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #667eea !important;
+    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-indigo-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #5a67d8 !important;
+    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-indigo-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #4c51bf !important;
+    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-indigo-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #434190 !important;
+    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-indigo-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #3c366b !important;
+    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-purple-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #faf5ff !important;
+    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-purple-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #e9d8fd !important;
+    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-purple-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #d6bcfa !important;
+    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-purple-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #b794f4 !important;
+    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-purple-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #9f7aea !important;
+    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-purple-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #805ad5 !important;
+    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-purple-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #6b46c1 !important;
+    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-purple-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #553c9a !important;
+    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-purple-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #44337a !important;
+    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-pink-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fff5f7 !important;
+    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-pink-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #fed7e2 !important;
+    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-pink-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #fbb6ce !important;
+    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-pink-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #f687b3 !important;
+    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-pink-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #ed64a6 !important;
+    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-pink-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #d53f8c !important;
+    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-pink-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #b83280 !important;
+    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-pink-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #97266d !important;
+    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
   }
 
   .md\:hover\:bg-pink-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #702459 !important;
+    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-transparent:focus {
@@ -24904,371 +30372,615 @@ video {
   }
 
   .md\:focus\:bg-black:focus {
+    --bg-opacity: 1 !important;
     background-color: #000 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-white:focus {
+    --bg-opacity: 1 !important;
     background-color: #fff !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-gray-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #f7fafc !important;
+    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-gray-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #edf2f7 !important;
+    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-gray-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #e2e8f0 !important;
+    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-gray-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #cbd5e0 !important;
+    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-gray-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #a0aec0 !important;
+    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-gray-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #718096 !important;
+    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-gray-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #4a5568 !important;
+    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-gray-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #2d3748 !important;
+    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-gray-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #1a202c !important;
+    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-red-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fff5f5 !important;
+    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-red-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #fed7d7 !important;
+    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-red-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #feb2b2 !important;
+    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-red-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #fc8181 !important;
+    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-red-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #f56565 !important;
+    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-red-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #e53e3e !important;
+    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-red-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #c53030 !important;
+    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-red-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #9b2c2c !important;
+    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-red-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #742a2a !important;
+    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-orange-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fffaf0 !important;
+    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-orange-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #feebc8 !important;
+    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-orange-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #fbd38d !important;
+    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-orange-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #f6ad55 !important;
+    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-orange-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #ed8936 !important;
+    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-orange-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #dd6b20 !important;
+    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-orange-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #c05621 !important;
+    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-orange-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #9c4221 !important;
+    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-orange-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #7b341e !important;
+    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-yellow-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fffff0 !important;
+    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-yellow-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #fefcbf !important;
+    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-yellow-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #faf089 !important;
+    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-yellow-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #f6e05e !important;
+    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-yellow-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #ecc94b !important;
+    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-yellow-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #d69e2e !important;
+    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-yellow-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #b7791f !important;
+    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-yellow-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #975a16 !important;
+    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-yellow-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #744210 !important;
+    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-green-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #f0fff4 !important;
+    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-green-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #c6f6d5 !important;
+    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-green-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #9ae6b4 !important;
+    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-green-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #68d391 !important;
+    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-green-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #48bb78 !important;
+    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-green-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #38a169 !important;
+    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-green-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #2f855a !important;
+    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-green-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #276749 !important;
+    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-green-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #22543d !important;
+    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-teal-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #e6fffa !important;
+    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-teal-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #b2f5ea !important;
+    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-teal-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #81e6d9 !important;
+    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-teal-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #4fd1c5 !important;
+    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-teal-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #38b2ac !important;
+    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-teal-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #319795 !important;
+    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-teal-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #2c7a7b !important;
+    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-teal-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #285e61 !important;
+    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-teal-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #234e52 !important;
+    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-blue-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #ebf8ff !important;
+    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-blue-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #bee3f8 !important;
+    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-blue-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #90cdf4 !important;
+    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-blue-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #63b3ed !important;
+    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-blue-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #4299e1 !important;
+    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-blue-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #3182ce !important;
+    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-blue-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #2b6cb0 !important;
+    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-blue-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #2c5282 !important;
+    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-blue-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #2a4365 !important;
+    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-indigo-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #ebf4ff !important;
+    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-indigo-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #c3dafe !important;
+    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-indigo-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #a3bffa !important;
+    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-indigo-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #7f9cf5 !important;
+    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-indigo-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #667eea !important;
+    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-indigo-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #5a67d8 !important;
+    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-indigo-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #4c51bf !important;
+    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-indigo-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #434190 !important;
+    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-indigo-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #3c366b !important;
+    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-purple-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #faf5ff !important;
+    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-purple-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #e9d8fd !important;
+    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-purple-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #d6bcfa !important;
+    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-purple-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #b794f4 !important;
+    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-purple-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #9f7aea !important;
+    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-purple-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #805ad5 !important;
+    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-purple-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #6b46c1 !important;
+    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-purple-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #553c9a !important;
+    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-purple-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #44337a !important;
+    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-pink-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fff5f7 !important;
+    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-pink-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #fed7e2 !important;
+    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-pink-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #fbb6ce !important;
+    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-pink-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #f687b3 !important;
+    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-pink-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #ed64a6 !important;
+    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-pink-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #d53f8c !important;
+    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-pink-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #b83280 !important;
+    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-pink-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #97266d !important;
+    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
   }
 
   .md\:focus\:bg-pink-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #702459 !important;
+    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
+  }
+
+  .md\:bg-opacity-0 {
+    --bg-opacity: 0 !important;
+  }
+
+  .md\:bg-opacity-25 {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .md\:bg-opacity-50 {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .md\:bg-opacity-75 {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .md\:bg-opacity-100 {
+    --bg-opacity: 1 !important;
+  }
+
+  .md\:hover\:bg-opacity-0:hover {
+    --bg-opacity: 0 !important;
+  }
+
+  .md\:hover\:bg-opacity-25:hover {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .md\:hover\:bg-opacity-50:hover {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .md\:hover\:bg-opacity-75:hover {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .md\:hover\:bg-opacity-100:hover {
+    --bg-opacity: 1 !important;
+  }
+
+  .md\:focus\:bg-opacity-0:focus {
+    --bg-opacity: 0 !important;
+  }
+
+  .md\:focus\:bg-opacity-25:focus {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .md\:focus\:bg-opacity-50:focus {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .md\:focus\:bg-opacity-75:focus {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .md\:focus\:bg-opacity-100:focus {
+    --bg-opacity: 1 !important;
   }
 
   .md\:bg-bottom {
@@ -25360,371 +31072,555 @@ video {
   }
 
   .md\:border-black {
+    --border-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
   }
 
   .md\:border-white {
+    --border-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
   }
 
   .md\:border-gray-100 {
+    --border-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
   }
 
   .md\:border-gray-200 {
+    --border-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
   }
 
   .md\:border-gray-300 {
+    --border-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
   }
 
   .md\:border-gray-400 {
+    --border-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
   }
 
   .md\:border-gray-500 {
+    --border-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
   }
 
   .md\:border-gray-600 {
+    --border-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
   }
 
   .md\:border-gray-700 {
+    --border-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
   }
 
   .md\:border-gray-800 {
+    --border-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
   }
 
   .md\:border-gray-900 {
+    --border-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
   }
 
   .md\:border-red-100 {
+    --border-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
   }
 
   .md\:border-red-200 {
+    --border-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
   }
 
   .md\:border-red-300 {
+    --border-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
   }
 
   .md\:border-red-400 {
+    --border-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
   }
 
   .md\:border-red-500 {
+    --border-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
   }
 
   .md\:border-red-600 {
+    --border-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
   }
 
   .md\:border-red-700 {
+    --border-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
   }
 
   .md\:border-red-800 {
+    --border-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
   }
 
   .md\:border-red-900 {
+    --border-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
   }
 
   .md\:border-orange-100 {
+    --border-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
   }
 
   .md\:border-orange-200 {
+    --border-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
   }
 
   .md\:border-orange-300 {
+    --border-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
   }
 
   .md\:border-orange-400 {
+    --border-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
   }
 
   .md\:border-orange-500 {
+    --border-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
   }
 
   .md\:border-orange-600 {
+    --border-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
   }
 
   .md\:border-orange-700 {
+    --border-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
   }
 
   .md\:border-orange-800 {
+    --border-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
   }
 
   .md\:border-orange-900 {
+    --border-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
   }
 
   .md\:border-yellow-100 {
+    --border-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
   }
 
   .md\:border-yellow-200 {
+    --border-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
   }
 
   .md\:border-yellow-300 {
+    --border-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
   }
 
   .md\:border-yellow-400 {
+    --border-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
   }
 
   .md\:border-yellow-500 {
+    --border-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
   }
 
   .md\:border-yellow-600 {
+    --border-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
   }
 
   .md\:border-yellow-700 {
+    --border-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
   }
 
   .md\:border-yellow-800 {
+    --border-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
   }
 
   .md\:border-yellow-900 {
+    --border-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
   }
 
   .md\:border-green-100 {
+    --border-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
   }
 
   .md\:border-green-200 {
+    --border-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
   }
 
   .md\:border-green-300 {
+    --border-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
   }
 
   .md\:border-green-400 {
+    --border-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
   }
 
   .md\:border-green-500 {
+    --border-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
   }
 
   .md\:border-green-600 {
+    --border-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
   }
 
   .md\:border-green-700 {
+    --border-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
   }
 
   .md\:border-green-800 {
+    --border-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
   }
 
   .md\:border-green-900 {
+    --border-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
   }
 
   .md\:border-teal-100 {
+    --border-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
   }
 
   .md\:border-teal-200 {
+    --border-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
   }
 
   .md\:border-teal-300 {
+    --border-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
   }
 
   .md\:border-teal-400 {
+    --border-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
   }
 
   .md\:border-teal-500 {
+    --border-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
   }
 
   .md\:border-teal-600 {
+    --border-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
   }
 
   .md\:border-teal-700 {
+    --border-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
   }
 
   .md\:border-teal-800 {
+    --border-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
   }
 
   .md\:border-teal-900 {
+    --border-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
   }
 
   .md\:border-blue-100 {
+    --border-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
   }
 
   .md\:border-blue-200 {
+    --border-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
   }
 
   .md\:border-blue-300 {
+    --border-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
   }
 
   .md\:border-blue-400 {
+    --border-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
   }
 
   .md\:border-blue-500 {
+    --border-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
   }
 
   .md\:border-blue-600 {
+    --border-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
   }
 
   .md\:border-blue-700 {
+    --border-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
   }
 
   .md\:border-blue-800 {
+    --border-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
   }
 
   .md\:border-blue-900 {
+    --border-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
   }
 
   .md\:border-indigo-100 {
+    --border-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
   }
 
   .md\:border-indigo-200 {
+    --border-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
   }
 
   .md\:border-indigo-300 {
+    --border-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
   }
 
   .md\:border-indigo-400 {
+    --border-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
   }
 
   .md\:border-indigo-500 {
+    --border-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
   }
 
   .md\:border-indigo-600 {
+    --border-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
   }
 
   .md\:border-indigo-700 {
+    --border-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
   }
 
   .md\:border-indigo-800 {
+    --border-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
   }
 
   .md\:border-indigo-900 {
+    --border-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
   }
 
   .md\:border-purple-100 {
+    --border-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
   }
 
   .md\:border-purple-200 {
+    --border-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
   }
 
   .md\:border-purple-300 {
+    --border-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
   }
 
   .md\:border-purple-400 {
+    --border-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
   }
 
   .md\:border-purple-500 {
+    --border-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
   }
 
   .md\:border-purple-600 {
+    --border-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
   }
 
   .md\:border-purple-700 {
+    --border-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
   }
 
   .md\:border-purple-800 {
+    --border-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
   }
 
   .md\:border-purple-900 {
+    --border-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
   }
 
   .md\:border-pink-100 {
+    --border-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
   }
 
   .md\:border-pink-200 {
+    --border-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
   }
 
   .md\:border-pink-300 {
+    --border-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
   }
 
   .md\:border-pink-400 {
+    --border-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
   }
 
   .md\:border-pink-500 {
+    --border-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
   }
 
   .md\:border-pink-600 {
+    --border-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
   }
 
   .md\:border-pink-700 {
+    --border-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
   }
 
   .md\:border-pink-800 {
+    --border-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
   }
 
   .md\:border-pink-900 {
+    --border-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-transparent:hover {
@@ -25736,371 +31632,555 @@ video {
   }
 
   .md\:hover\:border-black:hover {
+    --border-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-white:hover {
+    --border-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-gray-100:hover {
+    --border-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-gray-200:hover {
+    --border-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-gray-300:hover {
+    --border-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-gray-400:hover {
+    --border-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-gray-500:hover {
+    --border-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-gray-600:hover {
+    --border-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-gray-700:hover {
+    --border-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-gray-800:hover {
+    --border-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-gray-900:hover {
+    --border-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-red-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-red-200:hover {
+    --border-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-red-300:hover {
+    --border-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-red-400:hover {
+    --border-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-red-500:hover {
+    --border-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-red-600:hover {
+    --border-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-red-700:hover {
+    --border-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-red-800:hover {
+    --border-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-red-900:hover {
+    --border-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-orange-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-orange-200:hover {
+    --border-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-orange-300:hover {
+    --border-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-orange-400:hover {
+    --border-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-orange-500:hover {
+    --border-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-orange-600:hover {
+    --border-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-orange-700:hover {
+    --border-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-orange-800:hover {
+    --border-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-orange-900:hover {
+    --border-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-yellow-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-yellow-200:hover {
+    --border-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-yellow-300:hover {
+    --border-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-yellow-400:hover {
+    --border-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-yellow-500:hover {
+    --border-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-yellow-600:hover {
+    --border-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-yellow-700:hover {
+    --border-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-yellow-800:hover {
+    --border-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-yellow-900:hover {
+    --border-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-green-100:hover {
+    --border-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-green-200:hover {
+    --border-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-green-300:hover {
+    --border-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-green-400:hover {
+    --border-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-green-500:hover {
+    --border-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-green-600:hover {
+    --border-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-green-700:hover {
+    --border-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-green-800:hover {
+    --border-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-green-900:hover {
+    --border-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-teal-100:hover {
+    --border-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-teal-200:hover {
+    --border-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-teal-300:hover {
+    --border-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-teal-400:hover {
+    --border-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-teal-500:hover {
+    --border-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-teal-600:hover {
+    --border-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-teal-700:hover {
+    --border-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-teal-800:hover {
+    --border-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-teal-900:hover {
+    --border-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-blue-100:hover {
+    --border-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-blue-200:hover {
+    --border-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-blue-300:hover {
+    --border-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-blue-400:hover {
+    --border-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-blue-500:hover {
+    --border-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-blue-600:hover {
+    --border-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-blue-700:hover {
+    --border-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-blue-800:hover {
+    --border-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-blue-900:hover {
+    --border-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-indigo-100:hover {
+    --border-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-indigo-200:hover {
+    --border-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-indigo-300:hover {
+    --border-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-indigo-400:hover {
+    --border-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-indigo-500:hover {
+    --border-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-indigo-600:hover {
+    --border-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-indigo-700:hover {
+    --border-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-indigo-800:hover {
+    --border-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-indigo-900:hover {
+    --border-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-purple-100:hover {
+    --border-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-purple-200:hover {
+    --border-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-purple-300:hover {
+    --border-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-purple-400:hover {
+    --border-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-purple-500:hover {
+    --border-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-purple-600:hover {
+    --border-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-purple-700:hover {
+    --border-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-purple-800:hover {
+    --border-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-purple-900:hover {
+    --border-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-pink-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-pink-200:hover {
+    --border-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-pink-300:hover {
+    --border-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-pink-400:hover {
+    --border-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-pink-500:hover {
+    --border-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-pink-600:hover {
+    --border-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-pink-700:hover {
+    --border-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-pink-800:hover {
+    --border-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
   }
 
   .md\:hover\:border-pink-900:hover {
+    --border-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-transparent:focus {
@@ -26112,371 +32192,615 @@ video {
   }
 
   .md\:focus\:border-black:focus {
+    --border-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-white:focus {
+    --border-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-gray-100:focus {
+    --border-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-gray-200:focus {
+    --border-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-gray-300:focus {
+    --border-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-gray-400:focus {
+    --border-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-gray-500:focus {
+    --border-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-gray-600:focus {
+    --border-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-gray-700:focus {
+    --border-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-gray-800:focus {
+    --border-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-gray-900:focus {
+    --border-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-red-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-red-200:focus {
+    --border-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-red-300:focus {
+    --border-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-red-400:focus {
+    --border-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-red-500:focus {
+    --border-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-red-600:focus {
+    --border-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-red-700:focus {
+    --border-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-red-800:focus {
+    --border-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-red-900:focus {
+    --border-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-orange-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-orange-200:focus {
+    --border-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-orange-300:focus {
+    --border-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-orange-400:focus {
+    --border-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-orange-500:focus {
+    --border-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-orange-600:focus {
+    --border-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-orange-700:focus {
+    --border-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-orange-800:focus {
+    --border-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-orange-900:focus {
+    --border-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-yellow-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-yellow-200:focus {
+    --border-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-yellow-300:focus {
+    --border-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-yellow-400:focus {
+    --border-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-yellow-500:focus {
+    --border-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-yellow-600:focus {
+    --border-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-yellow-700:focus {
+    --border-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-yellow-800:focus {
+    --border-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-yellow-900:focus {
+    --border-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-green-100:focus {
+    --border-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-green-200:focus {
+    --border-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-green-300:focus {
+    --border-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-green-400:focus {
+    --border-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-green-500:focus {
+    --border-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-green-600:focus {
+    --border-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-green-700:focus {
+    --border-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-green-800:focus {
+    --border-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-green-900:focus {
+    --border-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-teal-100:focus {
+    --border-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-teal-200:focus {
+    --border-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-teal-300:focus {
+    --border-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-teal-400:focus {
+    --border-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-teal-500:focus {
+    --border-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-teal-600:focus {
+    --border-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-teal-700:focus {
+    --border-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-teal-800:focus {
+    --border-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-teal-900:focus {
+    --border-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-blue-100:focus {
+    --border-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-blue-200:focus {
+    --border-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-blue-300:focus {
+    --border-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-blue-400:focus {
+    --border-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-blue-500:focus {
+    --border-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-blue-600:focus {
+    --border-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-blue-700:focus {
+    --border-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-blue-800:focus {
+    --border-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-blue-900:focus {
+    --border-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-indigo-100:focus {
+    --border-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-indigo-200:focus {
+    --border-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-indigo-300:focus {
+    --border-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-indigo-400:focus {
+    --border-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-indigo-500:focus {
+    --border-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-indigo-600:focus {
+    --border-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-indigo-700:focus {
+    --border-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-indigo-800:focus {
+    --border-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-indigo-900:focus {
+    --border-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-purple-100:focus {
+    --border-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-purple-200:focus {
+    --border-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-purple-300:focus {
+    --border-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-purple-400:focus {
+    --border-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-purple-500:focus {
+    --border-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-purple-600:focus {
+    --border-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-purple-700:focus {
+    --border-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-purple-800:focus {
+    --border-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-purple-900:focus {
+    --border-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-pink-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-pink-200:focus {
+    --border-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-pink-300:focus {
+    --border-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-pink-400:focus {
+    --border-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-pink-500:focus {
+    --border-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-pink-600:focus {
+    --border-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-pink-700:focus {
+    --border-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-pink-800:focus {
+    --border-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
   }
 
   .md\:focus\:border-pink-900:focus {
+    --border-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
+  }
+
+  .md\:border-opacity-0 {
+    --border-opacity: 0 !important;
+  }
+
+  .md\:border-opacity-25 {
+    --border-opacity: 0.25 !important;
+  }
+
+  .md\:border-opacity-50 {
+    --border-opacity: 0.5 !important;
+  }
+
+  .md\:border-opacity-75 {
+    --border-opacity: 0.75 !important;
+  }
+
+  .md\:border-opacity-100 {
+    --border-opacity: 1 !important;
+  }
+
+  .md\:hover\:border-opacity-0:hover {
+    --border-opacity: 0 !important;
+  }
+
+  .md\:hover\:border-opacity-25:hover {
+    --border-opacity: 0.25 !important;
+  }
+
+  .md\:hover\:border-opacity-50:hover {
+    --border-opacity: 0.5 !important;
+  }
+
+  .md\:hover\:border-opacity-75:hover {
+    --border-opacity: 0.75 !important;
+  }
+
+  .md\:hover\:border-opacity-100:hover {
+    --border-opacity: 1 !important;
+  }
+
+  .md\:focus\:border-opacity-0:focus {
+    --border-opacity: 0 !important;
+  }
+
+  .md\:focus\:border-opacity-25:focus {
+    --border-opacity: 0.25 !important;
+  }
+
+  .md\:focus\:border-opacity-50:focus {
+    --border-opacity: 0.5 !important;
+  }
+
+  .md\:focus\:border-opacity-75:focus {
+    --border-opacity: 0.75 !important;
+  }
+
+  .md\:focus\:border-opacity-100:focus {
+    --border-opacity: 1 !important;
   }
 
   .md\:rounded-none {
@@ -29500,371 +35824,555 @@ video {
   }
 
   .md\:placeholder-black::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-white::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
   }
 
   .md\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-transparent:focus::placeholder {
@@ -29876,371 +36384,595 @@ video {
   }
 
   .md\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
   }
 
   .md\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-opacity-0 {
+    --placeholder-opacity: 0 !important;
+  }
+
+  .md\:placeholder-opacity-25 {
+    --placeholder-opacity: 0.25 !important;
+  }
+
+  .md\:placeholder-opacity-50 {
+    --placeholder-opacity: 0.5 !important;
+  }
+
+  .md\:placeholder-opacity-75 {
+    --placeholder-opacity: 0.75 !important;
+  }
+
+  .md\:placeholder-opacity-100 {
+    --placeholder-opacity: 1 !important;
+  }
+
+  .md\:focus\:placeholder-opacity-0:focus {
+    --placeholder-opacity: 0 !important;
+  }
+
+  .md\:focus\:placeholder-opacity-25:focus {
+    --placeholder-opacity: 0.25 !important;
+  }
+
+  .md\:focus\:placeholder-opacity-50:focus {
+    --placeholder-opacity: 0.5 !important;
+  }
+
+  .md\:focus\:placeholder-opacity-75:focus {
+    --placeholder-opacity: 0.75 !important;
+  }
+
+  .md\:focus\:placeholder-opacity-100:focus {
+    --placeholder-opacity: 1 !important;
   }
 
   .md\:pointer-events-none {
@@ -30526,371 +37258,555 @@ video {
   }
 
   .md\:text-black {
+    --text-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
   }
 
   .md\:text-white {
+    --text-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
   }
 
   .md\:text-gray-100 {
+    --text-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--text-opacity)) !important;
   }
 
   .md\:text-gray-200 {
+    --text-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--text-opacity)) !important;
   }
 
   .md\:text-gray-300 {
+    --text-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--text-opacity)) !important;
   }
 
   .md\:text-gray-400 {
+    --text-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--text-opacity)) !important;
   }
 
   .md\:text-gray-500 {
+    --text-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--text-opacity)) !important;
   }
 
   .md\:text-gray-600 {
+    --text-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--text-opacity)) !important;
   }
 
   .md\:text-gray-700 {
+    --text-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--text-opacity)) !important;
   }
 
   .md\:text-gray-800 {
+    --text-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--text-opacity)) !important;
   }
 
   .md\:text-gray-900 {
+    --text-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--text-opacity)) !important;
   }
 
   .md\:text-red-100 {
+    --text-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--text-opacity)) !important;
   }
 
   .md\:text-red-200 {
+    --text-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--text-opacity)) !important;
   }
 
   .md\:text-red-300 {
+    --text-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--text-opacity)) !important;
   }
 
   .md\:text-red-400 {
+    --text-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--text-opacity)) !important;
   }
 
   .md\:text-red-500 {
+    --text-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--text-opacity)) !important;
   }
 
   .md\:text-red-600 {
+    --text-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--text-opacity)) !important;
   }
 
   .md\:text-red-700 {
+    --text-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--text-opacity)) !important;
   }
 
   .md\:text-red-800 {
+    --text-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--text-opacity)) !important;
   }
 
   .md\:text-red-900 {
+    --text-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--text-opacity)) !important;
   }
 
   .md\:text-orange-100 {
+    --text-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--text-opacity)) !important;
   }
 
   .md\:text-orange-200 {
+    --text-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--text-opacity)) !important;
   }
 
   .md\:text-orange-300 {
+    --text-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--text-opacity)) !important;
   }
 
   .md\:text-orange-400 {
+    --text-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--text-opacity)) !important;
   }
 
   .md\:text-orange-500 {
+    --text-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--text-opacity)) !important;
   }
 
   .md\:text-orange-600 {
+    --text-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--text-opacity)) !important;
   }
 
   .md\:text-orange-700 {
+    --text-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--text-opacity)) !important;
   }
 
   .md\:text-orange-800 {
+    --text-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--text-opacity)) !important;
   }
 
   .md\:text-orange-900 {
+    --text-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--text-opacity)) !important;
   }
 
   .md\:text-yellow-100 {
+    --text-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--text-opacity)) !important;
   }
 
   .md\:text-yellow-200 {
+    --text-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--text-opacity)) !important;
   }
 
   .md\:text-yellow-300 {
+    --text-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--text-opacity)) !important;
   }
 
   .md\:text-yellow-400 {
+    --text-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--text-opacity)) !important;
   }
 
   .md\:text-yellow-500 {
+    --text-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--text-opacity)) !important;
   }
 
   .md\:text-yellow-600 {
+    --text-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--text-opacity)) !important;
   }
 
   .md\:text-yellow-700 {
+    --text-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--text-opacity)) !important;
   }
 
   .md\:text-yellow-800 {
+    --text-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--text-opacity)) !important;
   }
 
   .md\:text-yellow-900 {
+    --text-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--text-opacity)) !important;
   }
 
   .md\:text-green-100 {
+    --text-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--text-opacity)) !important;
   }
 
   .md\:text-green-200 {
+    --text-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--text-opacity)) !important;
   }
 
   .md\:text-green-300 {
+    --text-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--text-opacity)) !important;
   }
 
   .md\:text-green-400 {
+    --text-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--text-opacity)) !important;
   }
 
   .md\:text-green-500 {
+    --text-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--text-opacity)) !important;
   }
 
   .md\:text-green-600 {
+    --text-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--text-opacity)) !important;
   }
 
   .md\:text-green-700 {
+    --text-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--text-opacity)) !important;
   }
 
   .md\:text-green-800 {
+    --text-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--text-opacity)) !important;
   }
 
   .md\:text-green-900 {
+    --text-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--text-opacity)) !important;
   }
 
   .md\:text-teal-100 {
+    --text-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--text-opacity)) !important;
   }
 
   .md\:text-teal-200 {
+    --text-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--text-opacity)) !important;
   }
 
   .md\:text-teal-300 {
+    --text-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--text-opacity)) !important;
   }
 
   .md\:text-teal-400 {
+    --text-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--text-opacity)) !important;
   }
 
   .md\:text-teal-500 {
+    --text-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--text-opacity)) !important;
   }
 
   .md\:text-teal-600 {
+    --text-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--text-opacity)) !important;
   }
 
   .md\:text-teal-700 {
+    --text-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--text-opacity)) !important;
   }
 
   .md\:text-teal-800 {
+    --text-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--text-opacity)) !important;
   }
 
   .md\:text-teal-900 {
+    --text-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--text-opacity)) !important;
   }
 
   .md\:text-blue-100 {
+    --text-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--text-opacity)) !important;
   }
 
   .md\:text-blue-200 {
+    --text-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--text-opacity)) !important;
   }
 
   .md\:text-blue-300 {
+    --text-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--text-opacity)) !important;
   }
 
   .md\:text-blue-400 {
+    --text-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--text-opacity)) !important;
   }
 
   .md\:text-blue-500 {
+    --text-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--text-opacity)) !important;
   }
 
   .md\:text-blue-600 {
+    --text-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--text-opacity)) !important;
   }
 
   .md\:text-blue-700 {
+    --text-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--text-opacity)) !important;
   }
 
   .md\:text-blue-800 {
+    --text-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--text-opacity)) !important;
   }
 
   .md\:text-blue-900 {
+    --text-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--text-opacity)) !important;
   }
 
   .md\:text-indigo-100 {
+    --text-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--text-opacity)) !important;
   }
 
   .md\:text-indigo-200 {
+    --text-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--text-opacity)) !important;
   }
 
   .md\:text-indigo-300 {
+    --text-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--text-opacity)) !important;
   }
 
   .md\:text-indigo-400 {
+    --text-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--text-opacity)) !important;
   }
 
   .md\:text-indigo-500 {
+    --text-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--text-opacity)) !important;
   }
 
   .md\:text-indigo-600 {
+    --text-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--text-opacity)) !important;
   }
 
   .md\:text-indigo-700 {
+    --text-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--text-opacity)) !important;
   }
 
   .md\:text-indigo-800 {
+    --text-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--text-opacity)) !important;
   }
 
   .md\:text-indigo-900 {
+    --text-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--text-opacity)) !important;
   }
 
   .md\:text-purple-100 {
+    --text-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--text-opacity)) !important;
   }
 
   .md\:text-purple-200 {
+    --text-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--text-opacity)) !important;
   }
 
   .md\:text-purple-300 {
+    --text-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--text-opacity)) !important;
   }
 
   .md\:text-purple-400 {
+    --text-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--text-opacity)) !important;
   }
 
   .md\:text-purple-500 {
+    --text-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--text-opacity)) !important;
   }
 
   .md\:text-purple-600 {
+    --text-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--text-opacity)) !important;
   }
 
   .md\:text-purple-700 {
+    --text-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--text-opacity)) !important;
   }
 
   .md\:text-purple-800 {
+    --text-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--text-opacity)) !important;
   }
 
   .md\:text-purple-900 {
+    --text-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--text-opacity)) !important;
   }
 
   .md\:text-pink-100 {
+    --text-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--text-opacity)) !important;
   }
 
   .md\:text-pink-200 {
+    --text-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--text-opacity)) !important;
   }
 
   .md\:text-pink-300 {
+    --text-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--text-opacity)) !important;
   }
 
   .md\:text-pink-400 {
+    --text-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--text-opacity)) !important;
   }
 
   .md\:text-pink-500 {
+    --text-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--text-opacity)) !important;
   }
 
   .md\:text-pink-600 {
+    --text-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--text-opacity)) !important;
   }
 
   .md\:text-pink-700 {
+    --text-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--text-opacity)) !important;
   }
 
   .md\:text-pink-800 {
+    --text-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--text-opacity)) !important;
   }
 
   .md\:text-pink-900 {
+    --text-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-transparent:hover {
@@ -30902,371 +37818,555 @@ video {
   }
 
   .md\:hover\:text-black:hover {
+    --text-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-white:hover {
+    --text-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-gray-100:hover {
+    --text-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-gray-200:hover {
+    --text-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-gray-300:hover {
+    --text-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-gray-400:hover {
+    --text-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-gray-500:hover {
+    --text-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-gray-600:hover {
+    --text-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-gray-700:hover {
+    --text-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-gray-800:hover {
+    --text-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-gray-900:hover {
+    --text-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-red-100:hover {
+    --text-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-red-200:hover {
+    --text-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-red-300:hover {
+    --text-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-red-400:hover {
+    --text-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-red-500:hover {
+    --text-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-red-600:hover {
+    --text-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-red-700:hover {
+    --text-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-red-800:hover {
+    --text-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-red-900:hover {
+    --text-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-orange-100:hover {
+    --text-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-orange-200:hover {
+    --text-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-orange-300:hover {
+    --text-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-orange-400:hover {
+    --text-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-orange-500:hover {
+    --text-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-orange-600:hover {
+    --text-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-orange-700:hover {
+    --text-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-orange-800:hover {
+    --text-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-orange-900:hover {
+    --text-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-yellow-100:hover {
+    --text-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-yellow-200:hover {
+    --text-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-yellow-300:hover {
+    --text-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-yellow-400:hover {
+    --text-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-yellow-500:hover {
+    --text-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-yellow-600:hover {
+    --text-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-yellow-700:hover {
+    --text-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-yellow-800:hover {
+    --text-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-yellow-900:hover {
+    --text-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-green-100:hover {
+    --text-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-green-200:hover {
+    --text-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-green-300:hover {
+    --text-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-green-400:hover {
+    --text-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-green-500:hover {
+    --text-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-green-600:hover {
+    --text-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-green-700:hover {
+    --text-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-green-800:hover {
+    --text-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-green-900:hover {
+    --text-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-teal-100:hover {
+    --text-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-teal-200:hover {
+    --text-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-teal-300:hover {
+    --text-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-teal-400:hover {
+    --text-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-teal-500:hover {
+    --text-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-teal-600:hover {
+    --text-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-teal-700:hover {
+    --text-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-teal-800:hover {
+    --text-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-teal-900:hover {
+    --text-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-blue-100:hover {
+    --text-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-blue-200:hover {
+    --text-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-blue-300:hover {
+    --text-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-blue-400:hover {
+    --text-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-blue-500:hover {
+    --text-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-blue-600:hover {
+    --text-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-blue-700:hover {
+    --text-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-blue-800:hover {
+    --text-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-blue-900:hover {
+    --text-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-indigo-100:hover {
+    --text-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-indigo-200:hover {
+    --text-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-indigo-300:hover {
+    --text-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-indigo-400:hover {
+    --text-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-indigo-500:hover {
+    --text-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-indigo-600:hover {
+    --text-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-indigo-700:hover {
+    --text-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-indigo-800:hover {
+    --text-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-indigo-900:hover {
+    --text-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-purple-100:hover {
+    --text-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-purple-200:hover {
+    --text-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-purple-300:hover {
+    --text-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-purple-400:hover {
+    --text-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-purple-500:hover {
+    --text-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-purple-600:hover {
+    --text-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-purple-700:hover {
+    --text-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-purple-800:hover {
+    --text-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-purple-900:hover {
+    --text-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-pink-100:hover {
+    --text-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-pink-200:hover {
+    --text-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-pink-300:hover {
+    --text-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-pink-400:hover {
+    --text-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-pink-500:hover {
+    --text-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-pink-600:hover {
+    --text-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-pink-700:hover {
+    --text-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-pink-800:hover {
+    --text-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--text-opacity)) !important;
   }
 
   .md\:hover\:text-pink-900:hover {
+    --text-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-transparent:focus {
@@ -31278,371 +38378,615 @@ video {
   }
 
   .md\:focus\:text-black:focus {
+    --text-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-white:focus {
+    --text-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-gray-100:focus {
+    --text-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-gray-200:focus {
+    --text-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-gray-300:focus {
+    --text-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-gray-400:focus {
+    --text-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-gray-500:focus {
+    --text-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-gray-600:focus {
+    --text-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-gray-700:focus {
+    --text-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-gray-800:focus {
+    --text-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-gray-900:focus {
+    --text-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-red-100:focus {
+    --text-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-red-200:focus {
+    --text-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-red-300:focus {
+    --text-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-red-400:focus {
+    --text-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-red-500:focus {
+    --text-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-red-600:focus {
+    --text-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-red-700:focus {
+    --text-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-red-800:focus {
+    --text-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-red-900:focus {
+    --text-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-orange-100:focus {
+    --text-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-orange-200:focus {
+    --text-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-orange-300:focus {
+    --text-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-orange-400:focus {
+    --text-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-orange-500:focus {
+    --text-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-orange-600:focus {
+    --text-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-orange-700:focus {
+    --text-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-orange-800:focus {
+    --text-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-orange-900:focus {
+    --text-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-yellow-100:focus {
+    --text-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-yellow-200:focus {
+    --text-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-yellow-300:focus {
+    --text-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-yellow-400:focus {
+    --text-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-yellow-500:focus {
+    --text-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-yellow-600:focus {
+    --text-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-yellow-700:focus {
+    --text-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-yellow-800:focus {
+    --text-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-yellow-900:focus {
+    --text-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-green-100:focus {
+    --text-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-green-200:focus {
+    --text-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-green-300:focus {
+    --text-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-green-400:focus {
+    --text-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-green-500:focus {
+    --text-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-green-600:focus {
+    --text-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-green-700:focus {
+    --text-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-green-800:focus {
+    --text-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-green-900:focus {
+    --text-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-teal-100:focus {
+    --text-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-teal-200:focus {
+    --text-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-teal-300:focus {
+    --text-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-teal-400:focus {
+    --text-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-teal-500:focus {
+    --text-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-teal-600:focus {
+    --text-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-teal-700:focus {
+    --text-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-teal-800:focus {
+    --text-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-teal-900:focus {
+    --text-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-blue-100:focus {
+    --text-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-blue-200:focus {
+    --text-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-blue-300:focus {
+    --text-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-blue-400:focus {
+    --text-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-blue-500:focus {
+    --text-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-blue-600:focus {
+    --text-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-blue-700:focus {
+    --text-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-blue-800:focus {
+    --text-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-blue-900:focus {
+    --text-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-indigo-100:focus {
+    --text-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-indigo-200:focus {
+    --text-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-indigo-300:focus {
+    --text-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-indigo-400:focus {
+    --text-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-indigo-500:focus {
+    --text-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-indigo-600:focus {
+    --text-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-indigo-700:focus {
+    --text-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-indigo-800:focus {
+    --text-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-indigo-900:focus {
+    --text-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-purple-100:focus {
+    --text-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-purple-200:focus {
+    --text-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-purple-300:focus {
+    --text-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-purple-400:focus {
+    --text-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-purple-500:focus {
+    --text-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-purple-600:focus {
+    --text-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-purple-700:focus {
+    --text-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-purple-800:focus {
+    --text-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-purple-900:focus {
+    --text-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-pink-100:focus {
+    --text-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-pink-200:focus {
+    --text-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-pink-300:focus {
+    --text-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-pink-400:focus {
+    --text-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-pink-500:focus {
+    --text-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-pink-600:focus {
+    --text-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-pink-700:focus {
+    --text-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-pink-800:focus {
+    --text-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--text-opacity)) !important;
   }
 
   .md\:focus\:text-pink-900:focus {
+    --text-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--text-opacity)) !important;
+  }
+
+  .md\:text-opacity-0 {
+    --text-opacity: 0 !important;
+  }
+
+  .md\:text-opacity-25 {
+    --text-opacity: 0.25 !important;
+  }
+
+  .md\:text-opacity-50 {
+    --text-opacity: 0.5 !important;
+  }
+
+  .md\:text-opacity-75 {
+    --text-opacity: 0.75 !important;
+  }
+
+  .md\:text-opacity-100 {
+    --text-opacity: 1 !important;
+  }
+
+  .md\:hover\:text-opacity-0:hover {
+    --text-opacity: 0 !important;
+  }
+
+  .md\:hover\:text-opacity-25:hover {
+    --text-opacity: 0.25 !important;
+  }
+
+  .md\:hover\:text-opacity-50:hover {
+    --text-opacity: 0.5 !important;
+  }
+
+  .md\:hover\:text-opacity-75:hover {
+    --text-opacity: 0.75 !important;
+  }
+
+  .md\:hover\:text-opacity-100:hover {
+    --text-opacity: 1 !important;
+  }
+
+  .md\:focus\:text-opacity-0:focus {
+    --text-opacity: 0 !important;
+  }
+
+  .md\:focus\:text-opacity-25:focus {
+    --text-opacity: 0.25 !important;
+  }
+
+  .md\:focus\:text-opacity-50:focus {
+    --text-opacity: 0.5 !important;
+  }
+
+  .md\:focus\:text-opacity-75:focus {
+    --text-opacity: 0.75 !important;
+  }
+
+  .md\:focus\:text-opacity-100:focus {
+    --text-opacity: 1 !important;
   }
 
   .md\:italic {
@@ -35004,371 +42348,575 @@ video {
   }
 
   .lg\:divide-black > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-white > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-red-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-red-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-red-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-red-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-red-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-red-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-red-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-red-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-red-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-orange-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-orange-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-orange-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-orange-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-orange-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-orange-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-orange-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-orange-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-orange-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-yellow-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-yellow-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-yellow-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-yellow-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-yellow-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-yellow-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-yellow-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-yellow-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-yellow-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-green-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-green-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-green-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-green-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-green-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-green-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-green-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-green-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-green-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-teal-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-teal-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-teal-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-teal-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-teal-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-teal-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-teal-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-teal-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-teal-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-blue-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-blue-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-blue-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-blue-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-blue-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-blue-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-blue-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-blue-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-blue-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-indigo-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-indigo-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-indigo-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-indigo-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-indigo-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-indigo-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-indigo-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-indigo-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-indigo-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-purple-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-purple-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-purple-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-purple-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-purple-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-purple-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-purple-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-purple-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-purple-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-pink-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-pink-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-pink-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-pink-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-pink-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-pink-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-pink-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-pink-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
   }
 
   .lg\:divide-pink-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
+  }
+
+  .lg\:divide-opacity-0 {
+    --divide-opacity: 0 !important;
+  }
+
+  .lg\:divide-opacity-25 {
+    --divide-opacity: 0.25 !important;
+  }
+
+  .lg\:divide-opacity-50 {
+    --divide-opacity: 0.5 !important;
+  }
+
+  .lg\:divide-opacity-75 {
+    --divide-opacity: 0.75 !important;
+  }
+
+  .lg\:divide-opacity-100 {
+    --divide-opacity: 1 !important;
   }
 
   .lg\:sr-only {
@@ -35442,371 +42990,555 @@ video {
   }
 
   .lg\:bg-black {
+    --bg-opacity: 1 !important;
     background-color: #000 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-white {
+    --bg-opacity: 1 !important;
     background-color: #fff !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-gray-100 {
+    --bg-opacity: 1 !important;
     background-color: #f7fafc !important;
+    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-gray-200 {
+    --bg-opacity: 1 !important;
     background-color: #edf2f7 !important;
+    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-gray-300 {
+    --bg-opacity: 1 !important;
     background-color: #e2e8f0 !important;
+    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-gray-400 {
+    --bg-opacity: 1 !important;
     background-color: #cbd5e0 !important;
+    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-gray-500 {
+    --bg-opacity: 1 !important;
     background-color: #a0aec0 !important;
+    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-gray-600 {
+    --bg-opacity: 1 !important;
     background-color: #718096 !important;
+    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-gray-700 {
+    --bg-opacity: 1 !important;
     background-color: #4a5568 !important;
+    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-gray-800 {
+    --bg-opacity: 1 !important;
     background-color: #2d3748 !important;
+    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-gray-900 {
+    --bg-opacity: 1 !important;
     background-color: #1a202c !important;
+    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-red-100 {
+    --bg-opacity: 1 !important;
     background-color: #fff5f5 !important;
+    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-red-200 {
+    --bg-opacity: 1 !important;
     background-color: #fed7d7 !important;
+    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-red-300 {
+    --bg-opacity: 1 !important;
     background-color: #feb2b2 !important;
+    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-red-400 {
+    --bg-opacity: 1 !important;
     background-color: #fc8181 !important;
+    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-red-500 {
+    --bg-opacity: 1 !important;
     background-color: #f56565 !important;
+    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-red-600 {
+    --bg-opacity: 1 !important;
     background-color: #e53e3e !important;
+    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-red-700 {
+    --bg-opacity: 1 !important;
     background-color: #c53030 !important;
+    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-red-800 {
+    --bg-opacity: 1 !important;
     background-color: #9b2c2c !important;
+    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-red-900 {
+    --bg-opacity: 1 !important;
     background-color: #742a2a !important;
+    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-orange-100 {
+    --bg-opacity: 1 !important;
     background-color: #fffaf0 !important;
+    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-orange-200 {
+    --bg-opacity: 1 !important;
     background-color: #feebc8 !important;
+    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-orange-300 {
+    --bg-opacity: 1 !important;
     background-color: #fbd38d !important;
+    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-orange-400 {
+    --bg-opacity: 1 !important;
     background-color: #f6ad55 !important;
+    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-orange-500 {
+    --bg-opacity: 1 !important;
     background-color: #ed8936 !important;
+    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-orange-600 {
+    --bg-opacity: 1 !important;
     background-color: #dd6b20 !important;
+    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-orange-700 {
+    --bg-opacity: 1 !important;
     background-color: #c05621 !important;
+    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-orange-800 {
+    --bg-opacity: 1 !important;
     background-color: #9c4221 !important;
+    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-orange-900 {
+    --bg-opacity: 1 !important;
     background-color: #7b341e !important;
+    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-yellow-100 {
+    --bg-opacity: 1 !important;
     background-color: #fffff0 !important;
+    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-yellow-200 {
+    --bg-opacity: 1 !important;
     background-color: #fefcbf !important;
+    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-yellow-300 {
+    --bg-opacity: 1 !important;
     background-color: #faf089 !important;
+    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-yellow-400 {
+    --bg-opacity: 1 !important;
     background-color: #f6e05e !important;
+    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-yellow-500 {
+    --bg-opacity: 1 !important;
     background-color: #ecc94b !important;
+    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-yellow-600 {
+    --bg-opacity: 1 !important;
     background-color: #d69e2e !important;
+    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-yellow-700 {
+    --bg-opacity: 1 !important;
     background-color: #b7791f !important;
+    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-yellow-800 {
+    --bg-opacity: 1 !important;
     background-color: #975a16 !important;
+    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-yellow-900 {
+    --bg-opacity: 1 !important;
     background-color: #744210 !important;
+    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-green-100 {
+    --bg-opacity: 1 !important;
     background-color: #f0fff4 !important;
+    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-green-200 {
+    --bg-opacity: 1 !important;
     background-color: #c6f6d5 !important;
+    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-green-300 {
+    --bg-opacity: 1 !important;
     background-color: #9ae6b4 !important;
+    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-green-400 {
+    --bg-opacity: 1 !important;
     background-color: #68d391 !important;
+    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-green-500 {
+    --bg-opacity: 1 !important;
     background-color: #48bb78 !important;
+    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-green-600 {
+    --bg-opacity: 1 !important;
     background-color: #38a169 !important;
+    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-green-700 {
+    --bg-opacity: 1 !important;
     background-color: #2f855a !important;
+    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-green-800 {
+    --bg-opacity: 1 !important;
     background-color: #276749 !important;
+    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-green-900 {
+    --bg-opacity: 1 !important;
     background-color: #22543d !important;
+    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-teal-100 {
+    --bg-opacity: 1 !important;
     background-color: #e6fffa !important;
+    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-teal-200 {
+    --bg-opacity: 1 !important;
     background-color: #b2f5ea !important;
+    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-teal-300 {
+    --bg-opacity: 1 !important;
     background-color: #81e6d9 !important;
+    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-teal-400 {
+    --bg-opacity: 1 !important;
     background-color: #4fd1c5 !important;
+    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-teal-500 {
+    --bg-opacity: 1 !important;
     background-color: #38b2ac !important;
+    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-teal-600 {
+    --bg-opacity: 1 !important;
     background-color: #319795 !important;
+    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-teal-700 {
+    --bg-opacity: 1 !important;
     background-color: #2c7a7b !important;
+    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-teal-800 {
+    --bg-opacity: 1 !important;
     background-color: #285e61 !important;
+    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-teal-900 {
+    --bg-opacity: 1 !important;
     background-color: #234e52 !important;
+    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-blue-100 {
+    --bg-opacity: 1 !important;
     background-color: #ebf8ff !important;
+    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-blue-200 {
+    --bg-opacity: 1 !important;
     background-color: #bee3f8 !important;
+    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-blue-300 {
+    --bg-opacity: 1 !important;
     background-color: #90cdf4 !important;
+    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-blue-400 {
+    --bg-opacity: 1 !important;
     background-color: #63b3ed !important;
+    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-blue-500 {
+    --bg-opacity: 1 !important;
     background-color: #4299e1 !important;
+    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-blue-600 {
+    --bg-opacity: 1 !important;
     background-color: #3182ce !important;
+    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-blue-700 {
+    --bg-opacity: 1 !important;
     background-color: #2b6cb0 !important;
+    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-blue-800 {
+    --bg-opacity: 1 !important;
     background-color: #2c5282 !important;
+    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-blue-900 {
+    --bg-opacity: 1 !important;
     background-color: #2a4365 !important;
+    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-indigo-100 {
+    --bg-opacity: 1 !important;
     background-color: #ebf4ff !important;
+    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-indigo-200 {
+    --bg-opacity: 1 !important;
     background-color: #c3dafe !important;
+    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-indigo-300 {
+    --bg-opacity: 1 !important;
     background-color: #a3bffa !important;
+    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-indigo-400 {
+    --bg-opacity: 1 !important;
     background-color: #7f9cf5 !important;
+    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-indigo-500 {
+    --bg-opacity: 1 !important;
     background-color: #667eea !important;
+    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-indigo-600 {
+    --bg-opacity: 1 !important;
     background-color: #5a67d8 !important;
+    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-indigo-700 {
+    --bg-opacity: 1 !important;
     background-color: #4c51bf !important;
+    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-indigo-800 {
+    --bg-opacity: 1 !important;
     background-color: #434190 !important;
+    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-indigo-900 {
+    --bg-opacity: 1 !important;
     background-color: #3c366b !important;
+    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-purple-100 {
+    --bg-opacity: 1 !important;
     background-color: #faf5ff !important;
+    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-purple-200 {
+    --bg-opacity: 1 !important;
     background-color: #e9d8fd !important;
+    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-purple-300 {
+    --bg-opacity: 1 !important;
     background-color: #d6bcfa !important;
+    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-purple-400 {
+    --bg-opacity: 1 !important;
     background-color: #b794f4 !important;
+    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-purple-500 {
+    --bg-opacity: 1 !important;
     background-color: #9f7aea !important;
+    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-purple-600 {
+    --bg-opacity: 1 !important;
     background-color: #805ad5 !important;
+    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-purple-700 {
+    --bg-opacity: 1 !important;
     background-color: #6b46c1 !important;
+    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-purple-800 {
+    --bg-opacity: 1 !important;
     background-color: #553c9a !important;
+    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-purple-900 {
+    --bg-opacity: 1 !important;
     background-color: #44337a !important;
+    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-pink-100 {
+    --bg-opacity: 1 !important;
     background-color: #fff5f7 !important;
+    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-pink-200 {
+    --bg-opacity: 1 !important;
     background-color: #fed7e2 !important;
+    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-pink-300 {
+    --bg-opacity: 1 !important;
     background-color: #fbb6ce !important;
+    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-pink-400 {
+    --bg-opacity: 1 !important;
     background-color: #f687b3 !important;
+    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-pink-500 {
+    --bg-opacity: 1 !important;
     background-color: #ed64a6 !important;
+    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-pink-600 {
+    --bg-opacity: 1 !important;
     background-color: #d53f8c !important;
+    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-pink-700 {
+    --bg-opacity: 1 !important;
     background-color: #b83280 !important;
+    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-pink-800 {
+    --bg-opacity: 1 !important;
     background-color: #97266d !important;
+    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
   }
 
   .lg\:bg-pink-900 {
+    --bg-opacity: 1 !important;
     background-color: #702459 !important;
+    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-transparent:hover {
@@ -35818,371 +43550,555 @@ video {
   }
 
   .lg\:hover\:bg-black:hover {
+    --bg-opacity: 1 !important;
     background-color: #000 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-white:hover {
+    --bg-opacity: 1 !important;
     background-color: #fff !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-gray-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #f7fafc !important;
+    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-gray-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #edf2f7 !important;
+    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-gray-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #e2e8f0 !important;
+    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-gray-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #cbd5e0 !important;
+    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-gray-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #a0aec0 !important;
+    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-gray-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #718096 !important;
+    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-gray-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #4a5568 !important;
+    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-gray-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #2d3748 !important;
+    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-gray-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #1a202c !important;
+    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-red-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fff5f5 !important;
+    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-red-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #fed7d7 !important;
+    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-red-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #feb2b2 !important;
+    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-red-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #fc8181 !important;
+    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-red-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #f56565 !important;
+    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-red-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #e53e3e !important;
+    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-red-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #c53030 !important;
+    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-red-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #9b2c2c !important;
+    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-red-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #742a2a !important;
+    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-orange-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fffaf0 !important;
+    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-orange-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #feebc8 !important;
+    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-orange-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #fbd38d !important;
+    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-orange-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #f6ad55 !important;
+    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-orange-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #ed8936 !important;
+    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-orange-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #dd6b20 !important;
+    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-orange-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #c05621 !important;
+    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-orange-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #9c4221 !important;
+    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-orange-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #7b341e !important;
+    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-yellow-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fffff0 !important;
+    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-yellow-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #fefcbf !important;
+    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-yellow-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #faf089 !important;
+    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-yellow-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #f6e05e !important;
+    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-yellow-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #ecc94b !important;
+    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-yellow-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #d69e2e !important;
+    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-yellow-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #b7791f !important;
+    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-yellow-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #975a16 !important;
+    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-yellow-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #744210 !important;
+    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-green-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #f0fff4 !important;
+    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-green-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #c6f6d5 !important;
+    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-green-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #9ae6b4 !important;
+    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-green-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #68d391 !important;
+    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-green-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #48bb78 !important;
+    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-green-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #38a169 !important;
+    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-green-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #2f855a !important;
+    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-green-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #276749 !important;
+    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-green-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #22543d !important;
+    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-teal-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #e6fffa !important;
+    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-teal-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #b2f5ea !important;
+    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-teal-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #81e6d9 !important;
+    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-teal-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #4fd1c5 !important;
+    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-teal-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #38b2ac !important;
+    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-teal-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #319795 !important;
+    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-teal-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #2c7a7b !important;
+    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-teal-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #285e61 !important;
+    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-teal-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #234e52 !important;
+    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-blue-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #ebf8ff !important;
+    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-blue-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #bee3f8 !important;
+    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-blue-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #90cdf4 !important;
+    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-blue-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #63b3ed !important;
+    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-blue-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #4299e1 !important;
+    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-blue-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #3182ce !important;
+    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-blue-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #2b6cb0 !important;
+    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-blue-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #2c5282 !important;
+    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-blue-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #2a4365 !important;
+    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-indigo-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #ebf4ff !important;
+    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-indigo-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #c3dafe !important;
+    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-indigo-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #a3bffa !important;
+    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-indigo-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #7f9cf5 !important;
+    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-indigo-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #667eea !important;
+    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-indigo-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #5a67d8 !important;
+    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-indigo-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #4c51bf !important;
+    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-indigo-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #434190 !important;
+    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-indigo-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #3c366b !important;
+    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-purple-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #faf5ff !important;
+    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-purple-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #e9d8fd !important;
+    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-purple-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #d6bcfa !important;
+    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-purple-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #b794f4 !important;
+    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-purple-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #9f7aea !important;
+    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-purple-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #805ad5 !important;
+    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-purple-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #6b46c1 !important;
+    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-purple-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #553c9a !important;
+    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-purple-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #44337a !important;
+    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-pink-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fff5f7 !important;
+    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-pink-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #fed7e2 !important;
+    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-pink-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #fbb6ce !important;
+    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-pink-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #f687b3 !important;
+    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-pink-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #ed64a6 !important;
+    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-pink-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #d53f8c !important;
+    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-pink-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #b83280 !important;
+    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-pink-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #97266d !important;
+    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
   }
 
   .lg\:hover\:bg-pink-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #702459 !important;
+    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-transparent:focus {
@@ -36194,371 +44110,615 @@ video {
   }
 
   .lg\:focus\:bg-black:focus {
+    --bg-opacity: 1 !important;
     background-color: #000 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-white:focus {
+    --bg-opacity: 1 !important;
     background-color: #fff !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-gray-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #f7fafc !important;
+    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-gray-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #edf2f7 !important;
+    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-gray-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #e2e8f0 !important;
+    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-gray-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #cbd5e0 !important;
+    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-gray-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #a0aec0 !important;
+    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-gray-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #718096 !important;
+    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-gray-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #4a5568 !important;
+    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-gray-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #2d3748 !important;
+    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-gray-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #1a202c !important;
+    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-red-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fff5f5 !important;
+    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-red-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #fed7d7 !important;
+    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-red-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #feb2b2 !important;
+    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-red-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #fc8181 !important;
+    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-red-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #f56565 !important;
+    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-red-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #e53e3e !important;
+    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-red-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #c53030 !important;
+    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-red-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #9b2c2c !important;
+    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-red-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #742a2a !important;
+    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-orange-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fffaf0 !important;
+    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-orange-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #feebc8 !important;
+    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-orange-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #fbd38d !important;
+    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-orange-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #f6ad55 !important;
+    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-orange-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #ed8936 !important;
+    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-orange-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #dd6b20 !important;
+    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-orange-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #c05621 !important;
+    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-orange-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #9c4221 !important;
+    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-orange-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #7b341e !important;
+    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-yellow-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fffff0 !important;
+    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-yellow-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #fefcbf !important;
+    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-yellow-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #faf089 !important;
+    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-yellow-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #f6e05e !important;
+    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-yellow-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #ecc94b !important;
+    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-yellow-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #d69e2e !important;
+    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-yellow-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #b7791f !important;
+    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-yellow-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #975a16 !important;
+    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-yellow-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #744210 !important;
+    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-green-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #f0fff4 !important;
+    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-green-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #c6f6d5 !important;
+    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-green-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #9ae6b4 !important;
+    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-green-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #68d391 !important;
+    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-green-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #48bb78 !important;
+    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-green-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #38a169 !important;
+    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-green-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #2f855a !important;
+    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-green-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #276749 !important;
+    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-green-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #22543d !important;
+    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-teal-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #e6fffa !important;
+    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-teal-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #b2f5ea !important;
+    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-teal-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #81e6d9 !important;
+    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-teal-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #4fd1c5 !important;
+    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-teal-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #38b2ac !important;
+    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-teal-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #319795 !important;
+    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-teal-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #2c7a7b !important;
+    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-teal-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #285e61 !important;
+    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-teal-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #234e52 !important;
+    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-blue-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #ebf8ff !important;
+    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-blue-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #bee3f8 !important;
+    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-blue-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #90cdf4 !important;
+    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-blue-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #63b3ed !important;
+    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-blue-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #4299e1 !important;
+    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-blue-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #3182ce !important;
+    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-blue-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #2b6cb0 !important;
+    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-blue-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #2c5282 !important;
+    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-blue-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #2a4365 !important;
+    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-indigo-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #ebf4ff !important;
+    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-indigo-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #c3dafe !important;
+    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-indigo-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #a3bffa !important;
+    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-indigo-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #7f9cf5 !important;
+    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-indigo-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #667eea !important;
+    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-indigo-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #5a67d8 !important;
+    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-indigo-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #4c51bf !important;
+    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-indigo-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #434190 !important;
+    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-indigo-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #3c366b !important;
+    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-purple-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #faf5ff !important;
+    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-purple-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #e9d8fd !important;
+    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-purple-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #d6bcfa !important;
+    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-purple-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #b794f4 !important;
+    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-purple-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #9f7aea !important;
+    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-purple-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #805ad5 !important;
+    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-purple-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #6b46c1 !important;
+    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-purple-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #553c9a !important;
+    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-purple-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #44337a !important;
+    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-pink-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fff5f7 !important;
+    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-pink-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #fed7e2 !important;
+    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-pink-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #fbb6ce !important;
+    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-pink-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #f687b3 !important;
+    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-pink-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #ed64a6 !important;
+    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-pink-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #d53f8c !important;
+    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-pink-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #b83280 !important;
+    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-pink-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #97266d !important;
+    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
   }
 
   .lg\:focus\:bg-pink-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #702459 !important;
+    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
+  }
+
+  .lg\:bg-opacity-0 {
+    --bg-opacity: 0 !important;
+  }
+
+  .lg\:bg-opacity-25 {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .lg\:bg-opacity-50 {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .lg\:bg-opacity-75 {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .lg\:bg-opacity-100 {
+    --bg-opacity: 1 !important;
+  }
+
+  .lg\:hover\:bg-opacity-0:hover {
+    --bg-opacity: 0 !important;
+  }
+
+  .lg\:hover\:bg-opacity-25:hover {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .lg\:hover\:bg-opacity-50:hover {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .lg\:hover\:bg-opacity-75:hover {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .lg\:hover\:bg-opacity-100:hover {
+    --bg-opacity: 1 !important;
+  }
+
+  .lg\:focus\:bg-opacity-0:focus {
+    --bg-opacity: 0 !important;
+  }
+
+  .lg\:focus\:bg-opacity-25:focus {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .lg\:focus\:bg-opacity-50:focus {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .lg\:focus\:bg-opacity-75:focus {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .lg\:focus\:bg-opacity-100:focus {
+    --bg-opacity: 1 !important;
   }
 
   .lg\:bg-bottom {
@@ -36650,371 +44810,555 @@ video {
   }
 
   .lg\:border-black {
+    --border-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
   }
 
   .lg\:border-white {
+    --border-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
   }
 
   .lg\:border-gray-100 {
+    --border-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
   }
 
   .lg\:border-gray-200 {
+    --border-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
   }
 
   .lg\:border-gray-300 {
+    --border-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
   }
 
   .lg\:border-gray-400 {
+    --border-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
   }
 
   .lg\:border-gray-500 {
+    --border-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
   }
 
   .lg\:border-gray-600 {
+    --border-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
   }
 
   .lg\:border-gray-700 {
+    --border-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
   }
 
   .lg\:border-gray-800 {
+    --border-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
   }
 
   .lg\:border-gray-900 {
+    --border-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
   }
 
   .lg\:border-red-100 {
+    --border-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
   }
 
   .lg\:border-red-200 {
+    --border-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
   }
 
   .lg\:border-red-300 {
+    --border-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
   }
 
   .lg\:border-red-400 {
+    --border-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
   }
 
   .lg\:border-red-500 {
+    --border-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
   }
 
   .lg\:border-red-600 {
+    --border-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
   }
 
   .lg\:border-red-700 {
+    --border-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
   }
 
   .lg\:border-red-800 {
+    --border-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
   }
 
   .lg\:border-red-900 {
+    --border-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
   }
 
   .lg\:border-orange-100 {
+    --border-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
   }
 
   .lg\:border-orange-200 {
+    --border-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
   }
 
   .lg\:border-orange-300 {
+    --border-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
   }
 
   .lg\:border-orange-400 {
+    --border-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
   }
 
   .lg\:border-orange-500 {
+    --border-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
   }
 
   .lg\:border-orange-600 {
+    --border-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
   }
 
   .lg\:border-orange-700 {
+    --border-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
   }
 
   .lg\:border-orange-800 {
+    --border-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
   }
 
   .lg\:border-orange-900 {
+    --border-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
   }
 
   .lg\:border-yellow-100 {
+    --border-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
   }
 
   .lg\:border-yellow-200 {
+    --border-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
   }
 
   .lg\:border-yellow-300 {
+    --border-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
   }
 
   .lg\:border-yellow-400 {
+    --border-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
   }
 
   .lg\:border-yellow-500 {
+    --border-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
   }
 
   .lg\:border-yellow-600 {
+    --border-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
   }
 
   .lg\:border-yellow-700 {
+    --border-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
   }
 
   .lg\:border-yellow-800 {
+    --border-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
   }
 
   .lg\:border-yellow-900 {
+    --border-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
   }
 
   .lg\:border-green-100 {
+    --border-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
   }
 
   .lg\:border-green-200 {
+    --border-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
   }
 
   .lg\:border-green-300 {
+    --border-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
   }
 
   .lg\:border-green-400 {
+    --border-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
   }
 
   .lg\:border-green-500 {
+    --border-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
   }
 
   .lg\:border-green-600 {
+    --border-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
   }
 
   .lg\:border-green-700 {
+    --border-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
   }
 
   .lg\:border-green-800 {
+    --border-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
   }
 
   .lg\:border-green-900 {
+    --border-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
   }
 
   .lg\:border-teal-100 {
+    --border-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
   }
 
   .lg\:border-teal-200 {
+    --border-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
   }
 
   .lg\:border-teal-300 {
+    --border-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
   }
 
   .lg\:border-teal-400 {
+    --border-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
   }
 
   .lg\:border-teal-500 {
+    --border-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
   }
 
   .lg\:border-teal-600 {
+    --border-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
   }
 
   .lg\:border-teal-700 {
+    --border-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
   }
 
   .lg\:border-teal-800 {
+    --border-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
   }
 
   .lg\:border-teal-900 {
+    --border-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
   }
 
   .lg\:border-blue-100 {
+    --border-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
   }
 
   .lg\:border-blue-200 {
+    --border-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
   }
 
   .lg\:border-blue-300 {
+    --border-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
   }
 
   .lg\:border-blue-400 {
+    --border-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
   }
 
   .lg\:border-blue-500 {
+    --border-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
   }
 
   .lg\:border-blue-600 {
+    --border-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
   }
 
   .lg\:border-blue-700 {
+    --border-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
   }
 
   .lg\:border-blue-800 {
+    --border-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
   }
 
   .lg\:border-blue-900 {
+    --border-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
   }
 
   .lg\:border-indigo-100 {
+    --border-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
   }
 
   .lg\:border-indigo-200 {
+    --border-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
   }
 
   .lg\:border-indigo-300 {
+    --border-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
   }
 
   .lg\:border-indigo-400 {
+    --border-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
   }
 
   .lg\:border-indigo-500 {
+    --border-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
   }
 
   .lg\:border-indigo-600 {
+    --border-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
   }
 
   .lg\:border-indigo-700 {
+    --border-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
   }
 
   .lg\:border-indigo-800 {
+    --border-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
   }
 
   .lg\:border-indigo-900 {
+    --border-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
   }
 
   .lg\:border-purple-100 {
+    --border-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
   }
 
   .lg\:border-purple-200 {
+    --border-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
   }
 
   .lg\:border-purple-300 {
+    --border-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
   }
 
   .lg\:border-purple-400 {
+    --border-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
   }
 
   .lg\:border-purple-500 {
+    --border-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
   }
 
   .lg\:border-purple-600 {
+    --border-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
   }
 
   .lg\:border-purple-700 {
+    --border-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
   }
 
   .lg\:border-purple-800 {
+    --border-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
   }
 
   .lg\:border-purple-900 {
+    --border-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
   }
 
   .lg\:border-pink-100 {
+    --border-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
   }
 
   .lg\:border-pink-200 {
+    --border-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
   }
 
   .lg\:border-pink-300 {
+    --border-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
   }
 
   .lg\:border-pink-400 {
+    --border-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
   }
 
   .lg\:border-pink-500 {
+    --border-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
   }
 
   .lg\:border-pink-600 {
+    --border-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
   }
 
   .lg\:border-pink-700 {
+    --border-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
   }
 
   .lg\:border-pink-800 {
+    --border-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
   }
 
   .lg\:border-pink-900 {
+    --border-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-transparent:hover {
@@ -37026,371 +45370,555 @@ video {
   }
 
   .lg\:hover\:border-black:hover {
+    --border-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-white:hover {
+    --border-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-gray-100:hover {
+    --border-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-gray-200:hover {
+    --border-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-gray-300:hover {
+    --border-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-gray-400:hover {
+    --border-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-gray-500:hover {
+    --border-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-gray-600:hover {
+    --border-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-gray-700:hover {
+    --border-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-gray-800:hover {
+    --border-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-gray-900:hover {
+    --border-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-red-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-red-200:hover {
+    --border-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-red-300:hover {
+    --border-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-red-400:hover {
+    --border-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-red-500:hover {
+    --border-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-red-600:hover {
+    --border-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-red-700:hover {
+    --border-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-red-800:hover {
+    --border-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-red-900:hover {
+    --border-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-orange-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-orange-200:hover {
+    --border-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-orange-300:hover {
+    --border-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-orange-400:hover {
+    --border-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-orange-500:hover {
+    --border-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-orange-600:hover {
+    --border-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-orange-700:hover {
+    --border-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-orange-800:hover {
+    --border-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-orange-900:hover {
+    --border-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-yellow-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-yellow-200:hover {
+    --border-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-yellow-300:hover {
+    --border-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-yellow-400:hover {
+    --border-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-yellow-500:hover {
+    --border-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-yellow-600:hover {
+    --border-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-yellow-700:hover {
+    --border-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-yellow-800:hover {
+    --border-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-yellow-900:hover {
+    --border-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-green-100:hover {
+    --border-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-green-200:hover {
+    --border-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-green-300:hover {
+    --border-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-green-400:hover {
+    --border-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-green-500:hover {
+    --border-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-green-600:hover {
+    --border-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-green-700:hover {
+    --border-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-green-800:hover {
+    --border-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-green-900:hover {
+    --border-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-teal-100:hover {
+    --border-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-teal-200:hover {
+    --border-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-teal-300:hover {
+    --border-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-teal-400:hover {
+    --border-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-teal-500:hover {
+    --border-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-teal-600:hover {
+    --border-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-teal-700:hover {
+    --border-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-teal-800:hover {
+    --border-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-teal-900:hover {
+    --border-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-blue-100:hover {
+    --border-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-blue-200:hover {
+    --border-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-blue-300:hover {
+    --border-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-blue-400:hover {
+    --border-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-blue-500:hover {
+    --border-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-blue-600:hover {
+    --border-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-blue-700:hover {
+    --border-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-blue-800:hover {
+    --border-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-blue-900:hover {
+    --border-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-indigo-100:hover {
+    --border-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-indigo-200:hover {
+    --border-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-indigo-300:hover {
+    --border-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-indigo-400:hover {
+    --border-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-indigo-500:hover {
+    --border-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-indigo-600:hover {
+    --border-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-indigo-700:hover {
+    --border-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-indigo-800:hover {
+    --border-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-indigo-900:hover {
+    --border-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-purple-100:hover {
+    --border-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-purple-200:hover {
+    --border-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-purple-300:hover {
+    --border-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-purple-400:hover {
+    --border-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-purple-500:hover {
+    --border-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-purple-600:hover {
+    --border-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-purple-700:hover {
+    --border-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-purple-800:hover {
+    --border-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-purple-900:hover {
+    --border-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-pink-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-pink-200:hover {
+    --border-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-pink-300:hover {
+    --border-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-pink-400:hover {
+    --border-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-pink-500:hover {
+    --border-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-pink-600:hover {
+    --border-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-pink-700:hover {
+    --border-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-pink-800:hover {
+    --border-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
   }
 
   .lg\:hover\:border-pink-900:hover {
+    --border-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-transparent:focus {
@@ -37402,371 +45930,615 @@ video {
   }
 
   .lg\:focus\:border-black:focus {
+    --border-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-white:focus {
+    --border-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-gray-100:focus {
+    --border-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-gray-200:focus {
+    --border-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-gray-300:focus {
+    --border-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-gray-400:focus {
+    --border-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-gray-500:focus {
+    --border-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-gray-600:focus {
+    --border-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-gray-700:focus {
+    --border-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-gray-800:focus {
+    --border-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-gray-900:focus {
+    --border-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-red-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-red-200:focus {
+    --border-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-red-300:focus {
+    --border-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-red-400:focus {
+    --border-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-red-500:focus {
+    --border-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-red-600:focus {
+    --border-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-red-700:focus {
+    --border-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-red-800:focus {
+    --border-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-red-900:focus {
+    --border-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-orange-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-orange-200:focus {
+    --border-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-orange-300:focus {
+    --border-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-orange-400:focus {
+    --border-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-orange-500:focus {
+    --border-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-orange-600:focus {
+    --border-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-orange-700:focus {
+    --border-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-orange-800:focus {
+    --border-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-orange-900:focus {
+    --border-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-yellow-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-yellow-200:focus {
+    --border-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-yellow-300:focus {
+    --border-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-yellow-400:focus {
+    --border-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-yellow-500:focus {
+    --border-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-yellow-600:focus {
+    --border-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-yellow-700:focus {
+    --border-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-yellow-800:focus {
+    --border-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-yellow-900:focus {
+    --border-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-green-100:focus {
+    --border-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-green-200:focus {
+    --border-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-green-300:focus {
+    --border-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-green-400:focus {
+    --border-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-green-500:focus {
+    --border-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-green-600:focus {
+    --border-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-green-700:focus {
+    --border-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-green-800:focus {
+    --border-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-green-900:focus {
+    --border-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-teal-100:focus {
+    --border-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-teal-200:focus {
+    --border-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-teal-300:focus {
+    --border-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-teal-400:focus {
+    --border-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-teal-500:focus {
+    --border-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-teal-600:focus {
+    --border-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-teal-700:focus {
+    --border-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-teal-800:focus {
+    --border-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-teal-900:focus {
+    --border-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-blue-100:focus {
+    --border-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-blue-200:focus {
+    --border-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-blue-300:focus {
+    --border-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-blue-400:focus {
+    --border-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-blue-500:focus {
+    --border-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-blue-600:focus {
+    --border-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-blue-700:focus {
+    --border-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-blue-800:focus {
+    --border-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-blue-900:focus {
+    --border-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-indigo-100:focus {
+    --border-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-indigo-200:focus {
+    --border-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-indigo-300:focus {
+    --border-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-indigo-400:focus {
+    --border-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-indigo-500:focus {
+    --border-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-indigo-600:focus {
+    --border-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-indigo-700:focus {
+    --border-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-indigo-800:focus {
+    --border-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-indigo-900:focus {
+    --border-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-purple-100:focus {
+    --border-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-purple-200:focus {
+    --border-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-purple-300:focus {
+    --border-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-purple-400:focus {
+    --border-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-purple-500:focus {
+    --border-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-purple-600:focus {
+    --border-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-purple-700:focus {
+    --border-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-purple-800:focus {
+    --border-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-purple-900:focus {
+    --border-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-pink-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-pink-200:focus {
+    --border-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-pink-300:focus {
+    --border-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-pink-400:focus {
+    --border-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-pink-500:focus {
+    --border-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-pink-600:focus {
+    --border-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-pink-700:focus {
+    --border-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-pink-800:focus {
+    --border-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
   }
 
   .lg\:focus\:border-pink-900:focus {
+    --border-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
+  }
+
+  .lg\:border-opacity-0 {
+    --border-opacity: 0 !important;
+  }
+
+  .lg\:border-opacity-25 {
+    --border-opacity: 0.25 !important;
+  }
+
+  .lg\:border-opacity-50 {
+    --border-opacity: 0.5 !important;
+  }
+
+  .lg\:border-opacity-75 {
+    --border-opacity: 0.75 !important;
+  }
+
+  .lg\:border-opacity-100 {
+    --border-opacity: 1 !important;
+  }
+
+  .lg\:hover\:border-opacity-0:hover {
+    --border-opacity: 0 !important;
+  }
+
+  .lg\:hover\:border-opacity-25:hover {
+    --border-opacity: 0.25 !important;
+  }
+
+  .lg\:hover\:border-opacity-50:hover {
+    --border-opacity: 0.5 !important;
+  }
+
+  .lg\:hover\:border-opacity-75:hover {
+    --border-opacity: 0.75 !important;
+  }
+
+  .lg\:hover\:border-opacity-100:hover {
+    --border-opacity: 1 !important;
+  }
+
+  .lg\:focus\:border-opacity-0:focus {
+    --border-opacity: 0 !important;
+  }
+
+  .lg\:focus\:border-opacity-25:focus {
+    --border-opacity: 0.25 !important;
+  }
+
+  .lg\:focus\:border-opacity-50:focus {
+    --border-opacity: 0.5 !important;
+  }
+
+  .lg\:focus\:border-opacity-75:focus {
+    --border-opacity: 0.75 !important;
+  }
+
+  .lg\:focus\:border-opacity-100:focus {
+    --border-opacity: 1 !important;
   }
 
   .lg\:rounded-none {
@@ -40790,371 +49562,555 @@ video {
   }
 
   .lg\:placeholder-black::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-white::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
   }
 
   .lg\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-transparent:focus::placeholder {
@@ -41166,371 +50122,595 @@ video {
   }
 
   .lg\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
   }
 
   .lg\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-opacity-0 {
+    --placeholder-opacity: 0 !important;
+  }
+
+  .lg\:placeholder-opacity-25 {
+    --placeholder-opacity: 0.25 !important;
+  }
+
+  .lg\:placeholder-opacity-50 {
+    --placeholder-opacity: 0.5 !important;
+  }
+
+  .lg\:placeholder-opacity-75 {
+    --placeholder-opacity: 0.75 !important;
+  }
+
+  .lg\:placeholder-opacity-100 {
+    --placeholder-opacity: 1 !important;
+  }
+
+  .lg\:focus\:placeholder-opacity-0:focus {
+    --placeholder-opacity: 0 !important;
+  }
+
+  .lg\:focus\:placeholder-opacity-25:focus {
+    --placeholder-opacity: 0.25 !important;
+  }
+
+  .lg\:focus\:placeholder-opacity-50:focus {
+    --placeholder-opacity: 0.5 !important;
+  }
+
+  .lg\:focus\:placeholder-opacity-75:focus {
+    --placeholder-opacity: 0.75 !important;
+  }
+
+  .lg\:focus\:placeholder-opacity-100:focus {
+    --placeholder-opacity: 1 !important;
   }
 
   .lg\:pointer-events-none {
@@ -41816,371 +50996,555 @@ video {
   }
 
   .lg\:text-black {
+    --text-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
   }
 
   .lg\:text-white {
+    --text-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
   }
 
   .lg\:text-gray-100 {
+    --text-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--text-opacity)) !important;
   }
 
   .lg\:text-gray-200 {
+    --text-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--text-opacity)) !important;
   }
 
   .lg\:text-gray-300 {
+    --text-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--text-opacity)) !important;
   }
 
   .lg\:text-gray-400 {
+    --text-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--text-opacity)) !important;
   }
 
   .lg\:text-gray-500 {
+    --text-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--text-opacity)) !important;
   }
 
   .lg\:text-gray-600 {
+    --text-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--text-opacity)) !important;
   }
 
   .lg\:text-gray-700 {
+    --text-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--text-opacity)) !important;
   }
 
   .lg\:text-gray-800 {
+    --text-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--text-opacity)) !important;
   }
 
   .lg\:text-gray-900 {
+    --text-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--text-opacity)) !important;
   }
 
   .lg\:text-red-100 {
+    --text-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--text-opacity)) !important;
   }
 
   .lg\:text-red-200 {
+    --text-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--text-opacity)) !important;
   }
 
   .lg\:text-red-300 {
+    --text-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--text-opacity)) !important;
   }
 
   .lg\:text-red-400 {
+    --text-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--text-opacity)) !important;
   }
 
   .lg\:text-red-500 {
+    --text-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--text-opacity)) !important;
   }
 
   .lg\:text-red-600 {
+    --text-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--text-opacity)) !important;
   }
 
   .lg\:text-red-700 {
+    --text-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--text-opacity)) !important;
   }
 
   .lg\:text-red-800 {
+    --text-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--text-opacity)) !important;
   }
 
   .lg\:text-red-900 {
+    --text-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--text-opacity)) !important;
   }
 
   .lg\:text-orange-100 {
+    --text-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--text-opacity)) !important;
   }
 
   .lg\:text-orange-200 {
+    --text-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--text-opacity)) !important;
   }
 
   .lg\:text-orange-300 {
+    --text-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--text-opacity)) !important;
   }
 
   .lg\:text-orange-400 {
+    --text-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--text-opacity)) !important;
   }
 
   .lg\:text-orange-500 {
+    --text-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--text-opacity)) !important;
   }
 
   .lg\:text-orange-600 {
+    --text-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--text-opacity)) !important;
   }
 
   .lg\:text-orange-700 {
+    --text-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--text-opacity)) !important;
   }
 
   .lg\:text-orange-800 {
+    --text-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--text-opacity)) !important;
   }
 
   .lg\:text-orange-900 {
+    --text-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--text-opacity)) !important;
   }
 
   .lg\:text-yellow-100 {
+    --text-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--text-opacity)) !important;
   }
 
   .lg\:text-yellow-200 {
+    --text-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--text-opacity)) !important;
   }
 
   .lg\:text-yellow-300 {
+    --text-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--text-opacity)) !important;
   }
 
   .lg\:text-yellow-400 {
+    --text-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--text-opacity)) !important;
   }
 
   .lg\:text-yellow-500 {
+    --text-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--text-opacity)) !important;
   }
 
   .lg\:text-yellow-600 {
+    --text-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--text-opacity)) !important;
   }
 
   .lg\:text-yellow-700 {
+    --text-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--text-opacity)) !important;
   }
 
   .lg\:text-yellow-800 {
+    --text-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--text-opacity)) !important;
   }
 
   .lg\:text-yellow-900 {
+    --text-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--text-opacity)) !important;
   }
 
   .lg\:text-green-100 {
+    --text-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--text-opacity)) !important;
   }
 
   .lg\:text-green-200 {
+    --text-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--text-opacity)) !important;
   }
 
   .lg\:text-green-300 {
+    --text-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--text-opacity)) !important;
   }
 
   .lg\:text-green-400 {
+    --text-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--text-opacity)) !important;
   }
 
   .lg\:text-green-500 {
+    --text-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--text-opacity)) !important;
   }
 
   .lg\:text-green-600 {
+    --text-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--text-opacity)) !important;
   }
 
   .lg\:text-green-700 {
+    --text-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--text-opacity)) !important;
   }
 
   .lg\:text-green-800 {
+    --text-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--text-opacity)) !important;
   }
 
   .lg\:text-green-900 {
+    --text-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--text-opacity)) !important;
   }
 
   .lg\:text-teal-100 {
+    --text-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--text-opacity)) !important;
   }
 
   .lg\:text-teal-200 {
+    --text-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--text-opacity)) !important;
   }
 
   .lg\:text-teal-300 {
+    --text-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--text-opacity)) !important;
   }
 
   .lg\:text-teal-400 {
+    --text-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--text-opacity)) !important;
   }
 
   .lg\:text-teal-500 {
+    --text-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--text-opacity)) !important;
   }
 
   .lg\:text-teal-600 {
+    --text-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--text-opacity)) !important;
   }
 
   .lg\:text-teal-700 {
+    --text-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--text-opacity)) !important;
   }
 
   .lg\:text-teal-800 {
+    --text-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--text-opacity)) !important;
   }
 
   .lg\:text-teal-900 {
+    --text-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--text-opacity)) !important;
   }
 
   .lg\:text-blue-100 {
+    --text-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--text-opacity)) !important;
   }
 
   .lg\:text-blue-200 {
+    --text-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--text-opacity)) !important;
   }
 
   .lg\:text-blue-300 {
+    --text-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--text-opacity)) !important;
   }
 
   .lg\:text-blue-400 {
+    --text-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--text-opacity)) !important;
   }
 
   .lg\:text-blue-500 {
+    --text-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--text-opacity)) !important;
   }
 
   .lg\:text-blue-600 {
+    --text-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--text-opacity)) !important;
   }
 
   .lg\:text-blue-700 {
+    --text-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--text-opacity)) !important;
   }
 
   .lg\:text-blue-800 {
+    --text-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--text-opacity)) !important;
   }
 
   .lg\:text-blue-900 {
+    --text-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--text-opacity)) !important;
   }
 
   .lg\:text-indigo-100 {
+    --text-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--text-opacity)) !important;
   }
 
   .lg\:text-indigo-200 {
+    --text-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--text-opacity)) !important;
   }
 
   .lg\:text-indigo-300 {
+    --text-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--text-opacity)) !important;
   }
 
   .lg\:text-indigo-400 {
+    --text-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--text-opacity)) !important;
   }
 
   .lg\:text-indigo-500 {
+    --text-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--text-opacity)) !important;
   }
 
   .lg\:text-indigo-600 {
+    --text-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--text-opacity)) !important;
   }
 
   .lg\:text-indigo-700 {
+    --text-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--text-opacity)) !important;
   }
 
   .lg\:text-indigo-800 {
+    --text-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--text-opacity)) !important;
   }
 
   .lg\:text-indigo-900 {
+    --text-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--text-opacity)) !important;
   }
 
   .lg\:text-purple-100 {
+    --text-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--text-opacity)) !important;
   }
 
   .lg\:text-purple-200 {
+    --text-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--text-opacity)) !important;
   }
 
   .lg\:text-purple-300 {
+    --text-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--text-opacity)) !important;
   }
 
   .lg\:text-purple-400 {
+    --text-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--text-opacity)) !important;
   }
 
   .lg\:text-purple-500 {
+    --text-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--text-opacity)) !important;
   }
 
   .lg\:text-purple-600 {
+    --text-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--text-opacity)) !important;
   }
 
   .lg\:text-purple-700 {
+    --text-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--text-opacity)) !important;
   }
 
   .lg\:text-purple-800 {
+    --text-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--text-opacity)) !important;
   }
 
   .lg\:text-purple-900 {
+    --text-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--text-opacity)) !important;
   }
 
   .lg\:text-pink-100 {
+    --text-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--text-opacity)) !important;
   }
 
   .lg\:text-pink-200 {
+    --text-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--text-opacity)) !important;
   }
 
   .lg\:text-pink-300 {
+    --text-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--text-opacity)) !important;
   }
 
   .lg\:text-pink-400 {
+    --text-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--text-opacity)) !important;
   }
 
   .lg\:text-pink-500 {
+    --text-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--text-opacity)) !important;
   }
 
   .lg\:text-pink-600 {
+    --text-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--text-opacity)) !important;
   }
 
   .lg\:text-pink-700 {
+    --text-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--text-opacity)) !important;
   }
 
   .lg\:text-pink-800 {
+    --text-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--text-opacity)) !important;
   }
 
   .lg\:text-pink-900 {
+    --text-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-transparent:hover {
@@ -42192,371 +51556,555 @@ video {
   }
 
   .lg\:hover\:text-black:hover {
+    --text-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-white:hover {
+    --text-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-gray-100:hover {
+    --text-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-gray-200:hover {
+    --text-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-gray-300:hover {
+    --text-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-gray-400:hover {
+    --text-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-gray-500:hover {
+    --text-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-gray-600:hover {
+    --text-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-gray-700:hover {
+    --text-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-gray-800:hover {
+    --text-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-gray-900:hover {
+    --text-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-red-100:hover {
+    --text-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-red-200:hover {
+    --text-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-red-300:hover {
+    --text-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-red-400:hover {
+    --text-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-red-500:hover {
+    --text-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-red-600:hover {
+    --text-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-red-700:hover {
+    --text-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-red-800:hover {
+    --text-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-red-900:hover {
+    --text-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-orange-100:hover {
+    --text-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-orange-200:hover {
+    --text-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-orange-300:hover {
+    --text-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-orange-400:hover {
+    --text-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-orange-500:hover {
+    --text-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-orange-600:hover {
+    --text-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-orange-700:hover {
+    --text-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-orange-800:hover {
+    --text-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-orange-900:hover {
+    --text-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-yellow-100:hover {
+    --text-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-yellow-200:hover {
+    --text-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-yellow-300:hover {
+    --text-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-yellow-400:hover {
+    --text-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-yellow-500:hover {
+    --text-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-yellow-600:hover {
+    --text-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-yellow-700:hover {
+    --text-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-yellow-800:hover {
+    --text-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-yellow-900:hover {
+    --text-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-green-100:hover {
+    --text-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-green-200:hover {
+    --text-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-green-300:hover {
+    --text-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-green-400:hover {
+    --text-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-green-500:hover {
+    --text-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-green-600:hover {
+    --text-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-green-700:hover {
+    --text-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-green-800:hover {
+    --text-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-green-900:hover {
+    --text-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-teal-100:hover {
+    --text-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-teal-200:hover {
+    --text-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-teal-300:hover {
+    --text-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-teal-400:hover {
+    --text-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-teal-500:hover {
+    --text-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-teal-600:hover {
+    --text-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-teal-700:hover {
+    --text-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-teal-800:hover {
+    --text-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-teal-900:hover {
+    --text-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-blue-100:hover {
+    --text-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-blue-200:hover {
+    --text-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-blue-300:hover {
+    --text-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-blue-400:hover {
+    --text-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-blue-500:hover {
+    --text-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-blue-600:hover {
+    --text-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-blue-700:hover {
+    --text-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-blue-800:hover {
+    --text-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-blue-900:hover {
+    --text-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-indigo-100:hover {
+    --text-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-indigo-200:hover {
+    --text-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-indigo-300:hover {
+    --text-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-indigo-400:hover {
+    --text-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-indigo-500:hover {
+    --text-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-indigo-600:hover {
+    --text-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-indigo-700:hover {
+    --text-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-indigo-800:hover {
+    --text-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-indigo-900:hover {
+    --text-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-purple-100:hover {
+    --text-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-purple-200:hover {
+    --text-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-purple-300:hover {
+    --text-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-purple-400:hover {
+    --text-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-purple-500:hover {
+    --text-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-purple-600:hover {
+    --text-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-purple-700:hover {
+    --text-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-purple-800:hover {
+    --text-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-purple-900:hover {
+    --text-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-pink-100:hover {
+    --text-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-pink-200:hover {
+    --text-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-pink-300:hover {
+    --text-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-pink-400:hover {
+    --text-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-pink-500:hover {
+    --text-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-pink-600:hover {
+    --text-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-pink-700:hover {
+    --text-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-pink-800:hover {
+    --text-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--text-opacity)) !important;
   }
 
   .lg\:hover\:text-pink-900:hover {
+    --text-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-transparent:focus {
@@ -42568,371 +52116,615 @@ video {
   }
 
   .lg\:focus\:text-black:focus {
+    --text-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-white:focus {
+    --text-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-gray-100:focus {
+    --text-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-gray-200:focus {
+    --text-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-gray-300:focus {
+    --text-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-gray-400:focus {
+    --text-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-gray-500:focus {
+    --text-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-gray-600:focus {
+    --text-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-gray-700:focus {
+    --text-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-gray-800:focus {
+    --text-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-gray-900:focus {
+    --text-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-red-100:focus {
+    --text-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-red-200:focus {
+    --text-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-red-300:focus {
+    --text-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-red-400:focus {
+    --text-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-red-500:focus {
+    --text-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-red-600:focus {
+    --text-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-red-700:focus {
+    --text-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-red-800:focus {
+    --text-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-red-900:focus {
+    --text-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-orange-100:focus {
+    --text-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-orange-200:focus {
+    --text-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-orange-300:focus {
+    --text-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-orange-400:focus {
+    --text-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-orange-500:focus {
+    --text-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-orange-600:focus {
+    --text-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-orange-700:focus {
+    --text-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-orange-800:focus {
+    --text-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-orange-900:focus {
+    --text-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-yellow-100:focus {
+    --text-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-yellow-200:focus {
+    --text-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-yellow-300:focus {
+    --text-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-yellow-400:focus {
+    --text-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-yellow-500:focus {
+    --text-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-yellow-600:focus {
+    --text-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-yellow-700:focus {
+    --text-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-yellow-800:focus {
+    --text-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-yellow-900:focus {
+    --text-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-green-100:focus {
+    --text-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-green-200:focus {
+    --text-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-green-300:focus {
+    --text-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-green-400:focus {
+    --text-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-green-500:focus {
+    --text-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-green-600:focus {
+    --text-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-green-700:focus {
+    --text-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-green-800:focus {
+    --text-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-green-900:focus {
+    --text-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-teal-100:focus {
+    --text-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-teal-200:focus {
+    --text-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-teal-300:focus {
+    --text-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-teal-400:focus {
+    --text-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-teal-500:focus {
+    --text-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-teal-600:focus {
+    --text-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-teal-700:focus {
+    --text-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-teal-800:focus {
+    --text-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-teal-900:focus {
+    --text-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-blue-100:focus {
+    --text-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-blue-200:focus {
+    --text-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-blue-300:focus {
+    --text-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-blue-400:focus {
+    --text-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-blue-500:focus {
+    --text-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-blue-600:focus {
+    --text-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-blue-700:focus {
+    --text-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-blue-800:focus {
+    --text-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-blue-900:focus {
+    --text-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-indigo-100:focus {
+    --text-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-indigo-200:focus {
+    --text-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-indigo-300:focus {
+    --text-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-indigo-400:focus {
+    --text-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-indigo-500:focus {
+    --text-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-indigo-600:focus {
+    --text-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-indigo-700:focus {
+    --text-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-indigo-800:focus {
+    --text-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-indigo-900:focus {
+    --text-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-purple-100:focus {
+    --text-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-purple-200:focus {
+    --text-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-purple-300:focus {
+    --text-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-purple-400:focus {
+    --text-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-purple-500:focus {
+    --text-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-purple-600:focus {
+    --text-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-purple-700:focus {
+    --text-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-purple-800:focus {
+    --text-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-purple-900:focus {
+    --text-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-pink-100:focus {
+    --text-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-pink-200:focus {
+    --text-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-pink-300:focus {
+    --text-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-pink-400:focus {
+    --text-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-pink-500:focus {
+    --text-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-pink-600:focus {
+    --text-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-pink-700:focus {
+    --text-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-pink-800:focus {
+    --text-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--text-opacity)) !important;
   }
 
   .lg\:focus\:text-pink-900:focus {
+    --text-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--text-opacity)) !important;
+  }
+
+  .lg\:text-opacity-0 {
+    --text-opacity: 0 !important;
+  }
+
+  .lg\:text-opacity-25 {
+    --text-opacity: 0.25 !important;
+  }
+
+  .lg\:text-opacity-50 {
+    --text-opacity: 0.5 !important;
+  }
+
+  .lg\:text-opacity-75 {
+    --text-opacity: 0.75 !important;
+  }
+
+  .lg\:text-opacity-100 {
+    --text-opacity: 1 !important;
+  }
+
+  .lg\:hover\:text-opacity-0:hover {
+    --text-opacity: 0 !important;
+  }
+
+  .lg\:hover\:text-opacity-25:hover {
+    --text-opacity: 0.25 !important;
+  }
+
+  .lg\:hover\:text-opacity-50:hover {
+    --text-opacity: 0.5 !important;
+  }
+
+  .lg\:hover\:text-opacity-75:hover {
+    --text-opacity: 0.75 !important;
+  }
+
+  .lg\:hover\:text-opacity-100:hover {
+    --text-opacity: 1 !important;
+  }
+
+  .lg\:focus\:text-opacity-0:focus {
+    --text-opacity: 0 !important;
+  }
+
+  .lg\:focus\:text-opacity-25:focus {
+    --text-opacity: 0.25 !important;
+  }
+
+  .lg\:focus\:text-opacity-50:focus {
+    --text-opacity: 0.5 !important;
+  }
+
+  .lg\:focus\:text-opacity-75:focus {
+    --text-opacity: 0.75 !important;
+  }
+
+  .lg\:focus\:text-opacity-100:focus {
+    --text-opacity: 1 !important;
   }
 
   .lg\:italic {
@@ -46294,371 +56086,575 @@ video {
   }
 
   .xl\:divide-black > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-white > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-red-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-red-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-red-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-red-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-red-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-red-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-red-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-red-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-red-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-orange-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-orange-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-orange-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-orange-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-orange-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-orange-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-orange-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-orange-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-orange-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-yellow-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-yellow-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-yellow-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-yellow-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-yellow-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-yellow-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-yellow-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-yellow-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-yellow-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-green-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-green-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-green-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-green-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-green-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-green-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-green-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-green-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-green-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-teal-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-teal-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-teal-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-teal-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-teal-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-teal-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-teal-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-teal-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-teal-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-blue-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-blue-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-blue-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-blue-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-blue-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-blue-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-blue-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-blue-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-blue-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-indigo-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-indigo-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-indigo-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-indigo-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-indigo-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-indigo-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-indigo-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-indigo-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-indigo-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-purple-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-purple-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-purple-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-purple-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-purple-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-purple-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-purple-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-purple-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-purple-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-pink-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-pink-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-pink-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-pink-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-pink-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-pink-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-pink-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-pink-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
   }
 
   .xl\:divide-pink-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
+  }
+
+  .xl\:divide-opacity-0 {
+    --divide-opacity: 0 !important;
+  }
+
+  .xl\:divide-opacity-25 {
+    --divide-opacity: 0.25 !important;
+  }
+
+  .xl\:divide-opacity-50 {
+    --divide-opacity: 0.5 !important;
+  }
+
+  .xl\:divide-opacity-75 {
+    --divide-opacity: 0.75 !important;
+  }
+
+  .xl\:divide-opacity-100 {
+    --divide-opacity: 1 !important;
   }
 
   .xl\:sr-only {
@@ -46732,371 +56728,555 @@ video {
   }
 
   .xl\:bg-black {
+    --bg-opacity: 1 !important;
     background-color: #000 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-white {
+    --bg-opacity: 1 !important;
     background-color: #fff !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-gray-100 {
+    --bg-opacity: 1 !important;
     background-color: #f7fafc !important;
+    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-gray-200 {
+    --bg-opacity: 1 !important;
     background-color: #edf2f7 !important;
+    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-gray-300 {
+    --bg-opacity: 1 !important;
     background-color: #e2e8f0 !important;
+    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-gray-400 {
+    --bg-opacity: 1 !important;
     background-color: #cbd5e0 !important;
+    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-gray-500 {
+    --bg-opacity: 1 !important;
     background-color: #a0aec0 !important;
+    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-gray-600 {
+    --bg-opacity: 1 !important;
     background-color: #718096 !important;
+    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-gray-700 {
+    --bg-opacity: 1 !important;
     background-color: #4a5568 !important;
+    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-gray-800 {
+    --bg-opacity: 1 !important;
     background-color: #2d3748 !important;
+    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-gray-900 {
+    --bg-opacity: 1 !important;
     background-color: #1a202c !important;
+    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-red-100 {
+    --bg-opacity: 1 !important;
     background-color: #fff5f5 !important;
+    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-red-200 {
+    --bg-opacity: 1 !important;
     background-color: #fed7d7 !important;
+    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-red-300 {
+    --bg-opacity: 1 !important;
     background-color: #feb2b2 !important;
+    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-red-400 {
+    --bg-opacity: 1 !important;
     background-color: #fc8181 !important;
+    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-red-500 {
+    --bg-opacity: 1 !important;
     background-color: #f56565 !important;
+    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-red-600 {
+    --bg-opacity: 1 !important;
     background-color: #e53e3e !important;
+    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-red-700 {
+    --bg-opacity: 1 !important;
     background-color: #c53030 !important;
+    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-red-800 {
+    --bg-opacity: 1 !important;
     background-color: #9b2c2c !important;
+    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-red-900 {
+    --bg-opacity: 1 !important;
     background-color: #742a2a !important;
+    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-orange-100 {
+    --bg-opacity: 1 !important;
     background-color: #fffaf0 !important;
+    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-orange-200 {
+    --bg-opacity: 1 !important;
     background-color: #feebc8 !important;
+    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-orange-300 {
+    --bg-opacity: 1 !important;
     background-color: #fbd38d !important;
+    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-orange-400 {
+    --bg-opacity: 1 !important;
     background-color: #f6ad55 !important;
+    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-orange-500 {
+    --bg-opacity: 1 !important;
     background-color: #ed8936 !important;
+    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-orange-600 {
+    --bg-opacity: 1 !important;
     background-color: #dd6b20 !important;
+    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-orange-700 {
+    --bg-opacity: 1 !important;
     background-color: #c05621 !important;
+    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-orange-800 {
+    --bg-opacity: 1 !important;
     background-color: #9c4221 !important;
+    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-orange-900 {
+    --bg-opacity: 1 !important;
     background-color: #7b341e !important;
+    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-yellow-100 {
+    --bg-opacity: 1 !important;
     background-color: #fffff0 !important;
+    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-yellow-200 {
+    --bg-opacity: 1 !important;
     background-color: #fefcbf !important;
+    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-yellow-300 {
+    --bg-opacity: 1 !important;
     background-color: #faf089 !important;
+    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-yellow-400 {
+    --bg-opacity: 1 !important;
     background-color: #f6e05e !important;
+    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-yellow-500 {
+    --bg-opacity: 1 !important;
     background-color: #ecc94b !important;
+    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-yellow-600 {
+    --bg-opacity: 1 !important;
     background-color: #d69e2e !important;
+    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-yellow-700 {
+    --bg-opacity: 1 !important;
     background-color: #b7791f !important;
+    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-yellow-800 {
+    --bg-opacity: 1 !important;
     background-color: #975a16 !important;
+    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-yellow-900 {
+    --bg-opacity: 1 !important;
     background-color: #744210 !important;
+    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-green-100 {
+    --bg-opacity: 1 !important;
     background-color: #f0fff4 !important;
+    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-green-200 {
+    --bg-opacity: 1 !important;
     background-color: #c6f6d5 !important;
+    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-green-300 {
+    --bg-opacity: 1 !important;
     background-color: #9ae6b4 !important;
+    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-green-400 {
+    --bg-opacity: 1 !important;
     background-color: #68d391 !important;
+    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-green-500 {
+    --bg-opacity: 1 !important;
     background-color: #48bb78 !important;
+    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-green-600 {
+    --bg-opacity: 1 !important;
     background-color: #38a169 !important;
+    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-green-700 {
+    --bg-opacity: 1 !important;
     background-color: #2f855a !important;
+    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-green-800 {
+    --bg-opacity: 1 !important;
     background-color: #276749 !important;
+    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-green-900 {
+    --bg-opacity: 1 !important;
     background-color: #22543d !important;
+    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-teal-100 {
+    --bg-opacity: 1 !important;
     background-color: #e6fffa !important;
+    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-teal-200 {
+    --bg-opacity: 1 !important;
     background-color: #b2f5ea !important;
+    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-teal-300 {
+    --bg-opacity: 1 !important;
     background-color: #81e6d9 !important;
+    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-teal-400 {
+    --bg-opacity: 1 !important;
     background-color: #4fd1c5 !important;
+    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-teal-500 {
+    --bg-opacity: 1 !important;
     background-color: #38b2ac !important;
+    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-teal-600 {
+    --bg-opacity: 1 !important;
     background-color: #319795 !important;
+    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-teal-700 {
+    --bg-opacity: 1 !important;
     background-color: #2c7a7b !important;
+    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-teal-800 {
+    --bg-opacity: 1 !important;
     background-color: #285e61 !important;
+    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-teal-900 {
+    --bg-opacity: 1 !important;
     background-color: #234e52 !important;
+    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-blue-100 {
+    --bg-opacity: 1 !important;
     background-color: #ebf8ff !important;
+    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-blue-200 {
+    --bg-opacity: 1 !important;
     background-color: #bee3f8 !important;
+    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-blue-300 {
+    --bg-opacity: 1 !important;
     background-color: #90cdf4 !important;
+    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-blue-400 {
+    --bg-opacity: 1 !important;
     background-color: #63b3ed !important;
+    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-blue-500 {
+    --bg-opacity: 1 !important;
     background-color: #4299e1 !important;
+    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-blue-600 {
+    --bg-opacity: 1 !important;
     background-color: #3182ce !important;
+    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-blue-700 {
+    --bg-opacity: 1 !important;
     background-color: #2b6cb0 !important;
+    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-blue-800 {
+    --bg-opacity: 1 !important;
     background-color: #2c5282 !important;
+    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-blue-900 {
+    --bg-opacity: 1 !important;
     background-color: #2a4365 !important;
+    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-indigo-100 {
+    --bg-opacity: 1 !important;
     background-color: #ebf4ff !important;
+    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-indigo-200 {
+    --bg-opacity: 1 !important;
     background-color: #c3dafe !important;
+    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-indigo-300 {
+    --bg-opacity: 1 !important;
     background-color: #a3bffa !important;
+    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-indigo-400 {
+    --bg-opacity: 1 !important;
     background-color: #7f9cf5 !important;
+    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-indigo-500 {
+    --bg-opacity: 1 !important;
     background-color: #667eea !important;
+    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-indigo-600 {
+    --bg-opacity: 1 !important;
     background-color: #5a67d8 !important;
+    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-indigo-700 {
+    --bg-opacity: 1 !important;
     background-color: #4c51bf !important;
+    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-indigo-800 {
+    --bg-opacity: 1 !important;
     background-color: #434190 !important;
+    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-indigo-900 {
+    --bg-opacity: 1 !important;
     background-color: #3c366b !important;
+    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-purple-100 {
+    --bg-opacity: 1 !important;
     background-color: #faf5ff !important;
+    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-purple-200 {
+    --bg-opacity: 1 !important;
     background-color: #e9d8fd !important;
+    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-purple-300 {
+    --bg-opacity: 1 !important;
     background-color: #d6bcfa !important;
+    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-purple-400 {
+    --bg-opacity: 1 !important;
     background-color: #b794f4 !important;
+    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-purple-500 {
+    --bg-opacity: 1 !important;
     background-color: #9f7aea !important;
+    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-purple-600 {
+    --bg-opacity: 1 !important;
     background-color: #805ad5 !important;
+    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-purple-700 {
+    --bg-opacity: 1 !important;
     background-color: #6b46c1 !important;
+    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-purple-800 {
+    --bg-opacity: 1 !important;
     background-color: #553c9a !important;
+    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-purple-900 {
+    --bg-opacity: 1 !important;
     background-color: #44337a !important;
+    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-pink-100 {
+    --bg-opacity: 1 !important;
     background-color: #fff5f7 !important;
+    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-pink-200 {
+    --bg-opacity: 1 !important;
     background-color: #fed7e2 !important;
+    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-pink-300 {
+    --bg-opacity: 1 !important;
     background-color: #fbb6ce !important;
+    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-pink-400 {
+    --bg-opacity: 1 !important;
     background-color: #f687b3 !important;
+    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-pink-500 {
+    --bg-opacity: 1 !important;
     background-color: #ed64a6 !important;
+    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-pink-600 {
+    --bg-opacity: 1 !important;
     background-color: #d53f8c !important;
+    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-pink-700 {
+    --bg-opacity: 1 !important;
     background-color: #b83280 !important;
+    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-pink-800 {
+    --bg-opacity: 1 !important;
     background-color: #97266d !important;
+    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
   }
 
   .xl\:bg-pink-900 {
+    --bg-opacity: 1 !important;
     background-color: #702459 !important;
+    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-transparent:hover {
@@ -47108,371 +57288,555 @@ video {
   }
 
   .xl\:hover\:bg-black:hover {
+    --bg-opacity: 1 !important;
     background-color: #000 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-white:hover {
+    --bg-opacity: 1 !important;
     background-color: #fff !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-gray-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #f7fafc !important;
+    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-gray-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #edf2f7 !important;
+    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-gray-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #e2e8f0 !important;
+    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-gray-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #cbd5e0 !important;
+    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-gray-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #a0aec0 !important;
+    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-gray-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #718096 !important;
+    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-gray-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #4a5568 !important;
+    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-gray-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #2d3748 !important;
+    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-gray-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #1a202c !important;
+    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-red-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fff5f5 !important;
+    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-red-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #fed7d7 !important;
+    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-red-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #feb2b2 !important;
+    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-red-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #fc8181 !important;
+    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-red-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #f56565 !important;
+    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-red-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #e53e3e !important;
+    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-red-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #c53030 !important;
+    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-red-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #9b2c2c !important;
+    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-red-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #742a2a !important;
+    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-orange-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fffaf0 !important;
+    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-orange-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #feebc8 !important;
+    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-orange-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #fbd38d !important;
+    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-orange-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #f6ad55 !important;
+    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-orange-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #ed8936 !important;
+    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-orange-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #dd6b20 !important;
+    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-orange-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #c05621 !important;
+    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-orange-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #9c4221 !important;
+    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-orange-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #7b341e !important;
+    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-yellow-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fffff0 !important;
+    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-yellow-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #fefcbf !important;
+    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-yellow-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #faf089 !important;
+    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-yellow-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #f6e05e !important;
+    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-yellow-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #ecc94b !important;
+    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-yellow-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #d69e2e !important;
+    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-yellow-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #b7791f !important;
+    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-yellow-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #975a16 !important;
+    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-yellow-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #744210 !important;
+    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-green-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #f0fff4 !important;
+    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-green-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #c6f6d5 !important;
+    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-green-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #9ae6b4 !important;
+    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-green-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #68d391 !important;
+    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-green-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #48bb78 !important;
+    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-green-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #38a169 !important;
+    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-green-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #2f855a !important;
+    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-green-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #276749 !important;
+    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-green-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #22543d !important;
+    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-teal-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #e6fffa !important;
+    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-teal-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #b2f5ea !important;
+    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-teal-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #81e6d9 !important;
+    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-teal-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #4fd1c5 !important;
+    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-teal-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #38b2ac !important;
+    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-teal-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #319795 !important;
+    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-teal-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #2c7a7b !important;
+    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-teal-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #285e61 !important;
+    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-teal-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #234e52 !important;
+    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-blue-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #ebf8ff !important;
+    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-blue-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #bee3f8 !important;
+    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-blue-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #90cdf4 !important;
+    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-blue-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #63b3ed !important;
+    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-blue-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #4299e1 !important;
+    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-blue-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #3182ce !important;
+    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-blue-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #2b6cb0 !important;
+    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-blue-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #2c5282 !important;
+    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-blue-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #2a4365 !important;
+    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-indigo-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #ebf4ff !important;
+    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-indigo-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #c3dafe !important;
+    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-indigo-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #a3bffa !important;
+    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-indigo-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #7f9cf5 !important;
+    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-indigo-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #667eea !important;
+    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-indigo-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #5a67d8 !important;
+    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-indigo-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #4c51bf !important;
+    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-indigo-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #434190 !important;
+    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-indigo-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #3c366b !important;
+    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-purple-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #faf5ff !important;
+    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-purple-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #e9d8fd !important;
+    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-purple-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #d6bcfa !important;
+    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-purple-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #b794f4 !important;
+    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-purple-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #9f7aea !important;
+    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-purple-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #805ad5 !important;
+    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-purple-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #6b46c1 !important;
+    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-purple-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #553c9a !important;
+    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-purple-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #44337a !important;
+    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-pink-100:hover {
+    --bg-opacity: 1 !important;
     background-color: #fff5f7 !important;
+    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-pink-200:hover {
+    --bg-opacity: 1 !important;
     background-color: #fed7e2 !important;
+    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-pink-300:hover {
+    --bg-opacity: 1 !important;
     background-color: #fbb6ce !important;
+    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-pink-400:hover {
+    --bg-opacity: 1 !important;
     background-color: #f687b3 !important;
+    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-pink-500:hover {
+    --bg-opacity: 1 !important;
     background-color: #ed64a6 !important;
+    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-pink-600:hover {
+    --bg-opacity: 1 !important;
     background-color: #d53f8c !important;
+    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-pink-700:hover {
+    --bg-opacity: 1 !important;
     background-color: #b83280 !important;
+    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-pink-800:hover {
+    --bg-opacity: 1 !important;
     background-color: #97266d !important;
+    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
   }
 
   .xl\:hover\:bg-pink-900:hover {
+    --bg-opacity: 1 !important;
     background-color: #702459 !important;
+    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-transparent:focus {
@@ -47484,371 +57848,615 @@ video {
   }
 
   .xl\:focus\:bg-black:focus {
+    --bg-opacity: 1 !important;
     background-color: #000 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-white:focus {
+    --bg-opacity: 1 !important;
     background-color: #fff !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-gray-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #f7fafc !important;
+    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-gray-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #edf2f7 !important;
+    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-gray-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #e2e8f0 !important;
+    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-gray-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #cbd5e0 !important;
+    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-gray-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #a0aec0 !important;
+    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-gray-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #718096 !important;
+    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-gray-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #4a5568 !important;
+    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-gray-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #2d3748 !important;
+    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-gray-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #1a202c !important;
+    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-red-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fff5f5 !important;
+    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-red-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #fed7d7 !important;
+    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-red-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #feb2b2 !important;
+    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-red-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #fc8181 !important;
+    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-red-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #f56565 !important;
+    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-red-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #e53e3e !important;
+    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-red-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #c53030 !important;
+    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-red-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #9b2c2c !important;
+    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-red-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #742a2a !important;
+    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-orange-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fffaf0 !important;
+    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-orange-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #feebc8 !important;
+    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-orange-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #fbd38d !important;
+    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-orange-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #f6ad55 !important;
+    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-orange-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #ed8936 !important;
+    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-orange-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #dd6b20 !important;
+    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-orange-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #c05621 !important;
+    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-orange-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #9c4221 !important;
+    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-orange-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #7b341e !important;
+    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-yellow-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fffff0 !important;
+    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-yellow-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #fefcbf !important;
+    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-yellow-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #faf089 !important;
+    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-yellow-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #f6e05e !important;
+    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-yellow-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #ecc94b !important;
+    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-yellow-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #d69e2e !important;
+    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-yellow-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #b7791f !important;
+    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-yellow-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #975a16 !important;
+    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-yellow-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #744210 !important;
+    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-green-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #f0fff4 !important;
+    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-green-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #c6f6d5 !important;
+    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-green-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #9ae6b4 !important;
+    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-green-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #68d391 !important;
+    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-green-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #48bb78 !important;
+    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-green-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #38a169 !important;
+    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-green-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #2f855a !important;
+    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-green-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #276749 !important;
+    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-green-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #22543d !important;
+    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-teal-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #e6fffa !important;
+    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-teal-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #b2f5ea !important;
+    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-teal-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #81e6d9 !important;
+    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-teal-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #4fd1c5 !important;
+    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-teal-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #38b2ac !important;
+    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-teal-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #319795 !important;
+    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-teal-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #2c7a7b !important;
+    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-teal-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #285e61 !important;
+    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-teal-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #234e52 !important;
+    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-blue-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #ebf8ff !important;
+    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-blue-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #bee3f8 !important;
+    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-blue-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #90cdf4 !important;
+    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-blue-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #63b3ed !important;
+    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-blue-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #4299e1 !important;
+    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-blue-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #3182ce !important;
+    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-blue-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #2b6cb0 !important;
+    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-blue-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #2c5282 !important;
+    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-blue-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #2a4365 !important;
+    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-indigo-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #ebf4ff !important;
+    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-indigo-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #c3dafe !important;
+    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-indigo-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #a3bffa !important;
+    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-indigo-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #7f9cf5 !important;
+    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-indigo-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #667eea !important;
+    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-indigo-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #5a67d8 !important;
+    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-indigo-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #4c51bf !important;
+    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-indigo-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #434190 !important;
+    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-indigo-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #3c366b !important;
+    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-purple-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #faf5ff !important;
+    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-purple-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #e9d8fd !important;
+    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-purple-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #d6bcfa !important;
+    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-purple-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #b794f4 !important;
+    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-purple-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #9f7aea !important;
+    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-purple-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #805ad5 !important;
+    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-purple-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #6b46c1 !important;
+    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-purple-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #553c9a !important;
+    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-purple-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #44337a !important;
+    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-pink-100:focus {
+    --bg-opacity: 1 !important;
     background-color: #fff5f7 !important;
+    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-pink-200:focus {
+    --bg-opacity: 1 !important;
     background-color: #fed7e2 !important;
+    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-pink-300:focus {
+    --bg-opacity: 1 !important;
     background-color: #fbb6ce !important;
+    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-pink-400:focus {
+    --bg-opacity: 1 !important;
     background-color: #f687b3 !important;
+    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-pink-500:focus {
+    --bg-opacity: 1 !important;
     background-color: #ed64a6 !important;
+    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-pink-600:focus {
+    --bg-opacity: 1 !important;
     background-color: #d53f8c !important;
+    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-pink-700:focus {
+    --bg-opacity: 1 !important;
     background-color: #b83280 !important;
+    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-pink-800:focus {
+    --bg-opacity: 1 !important;
     background-color: #97266d !important;
+    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
   }
 
   .xl\:focus\:bg-pink-900:focus {
+    --bg-opacity: 1 !important;
     background-color: #702459 !important;
+    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
+  }
+
+  .xl\:bg-opacity-0 {
+    --bg-opacity: 0 !important;
+  }
+
+  .xl\:bg-opacity-25 {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .xl\:bg-opacity-50 {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .xl\:bg-opacity-75 {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .xl\:bg-opacity-100 {
+    --bg-opacity: 1 !important;
+  }
+
+  .xl\:hover\:bg-opacity-0:hover {
+    --bg-opacity: 0 !important;
+  }
+
+  .xl\:hover\:bg-opacity-25:hover {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .xl\:hover\:bg-opacity-50:hover {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .xl\:hover\:bg-opacity-75:hover {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .xl\:hover\:bg-opacity-100:hover {
+    --bg-opacity: 1 !important;
+  }
+
+  .xl\:focus\:bg-opacity-0:focus {
+    --bg-opacity: 0 !important;
+  }
+
+  .xl\:focus\:bg-opacity-25:focus {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .xl\:focus\:bg-opacity-50:focus {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .xl\:focus\:bg-opacity-75:focus {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .xl\:focus\:bg-opacity-100:focus {
+    --bg-opacity: 1 !important;
   }
 
   .xl\:bg-bottom {
@@ -47940,371 +58548,555 @@ video {
   }
 
   .xl\:border-black {
+    --border-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
   }
 
   .xl\:border-white {
+    --border-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
   }
 
   .xl\:border-gray-100 {
+    --border-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
   }
 
   .xl\:border-gray-200 {
+    --border-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
   }
 
   .xl\:border-gray-300 {
+    --border-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
   }
 
   .xl\:border-gray-400 {
+    --border-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
   }
 
   .xl\:border-gray-500 {
+    --border-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
   }
 
   .xl\:border-gray-600 {
+    --border-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
   }
 
   .xl\:border-gray-700 {
+    --border-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
   }
 
   .xl\:border-gray-800 {
+    --border-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
   }
 
   .xl\:border-gray-900 {
+    --border-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
   }
 
   .xl\:border-red-100 {
+    --border-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
   }
 
   .xl\:border-red-200 {
+    --border-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
   }
 
   .xl\:border-red-300 {
+    --border-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
   }
 
   .xl\:border-red-400 {
+    --border-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
   }
 
   .xl\:border-red-500 {
+    --border-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
   }
 
   .xl\:border-red-600 {
+    --border-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
   }
 
   .xl\:border-red-700 {
+    --border-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
   }
 
   .xl\:border-red-800 {
+    --border-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
   }
 
   .xl\:border-red-900 {
+    --border-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
   }
 
   .xl\:border-orange-100 {
+    --border-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
   }
 
   .xl\:border-orange-200 {
+    --border-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
   }
 
   .xl\:border-orange-300 {
+    --border-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
   }
 
   .xl\:border-orange-400 {
+    --border-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
   }
 
   .xl\:border-orange-500 {
+    --border-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
   }
 
   .xl\:border-orange-600 {
+    --border-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
   }
 
   .xl\:border-orange-700 {
+    --border-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
   }
 
   .xl\:border-orange-800 {
+    --border-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
   }
 
   .xl\:border-orange-900 {
+    --border-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
   }
 
   .xl\:border-yellow-100 {
+    --border-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
   }
 
   .xl\:border-yellow-200 {
+    --border-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
   }
 
   .xl\:border-yellow-300 {
+    --border-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
   }
 
   .xl\:border-yellow-400 {
+    --border-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
   }
 
   .xl\:border-yellow-500 {
+    --border-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
   }
 
   .xl\:border-yellow-600 {
+    --border-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
   }
 
   .xl\:border-yellow-700 {
+    --border-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
   }
 
   .xl\:border-yellow-800 {
+    --border-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
   }
 
   .xl\:border-yellow-900 {
+    --border-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
   }
 
   .xl\:border-green-100 {
+    --border-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
   }
 
   .xl\:border-green-200 {
+    --border-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
   }
 
   .xl\:border-green-300 {
+    --border-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
   }
 
   .xl\:border-green-400 {
+    --border-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
   }
 
   .xl\:border-green-500 {
+    --border-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
   }
 
   .xl\:border-green-600 {
+    --border-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
   }
 
   .xl\:border-green-700 {
+    --border-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
   }
 
   .xl\:border-green-800 {
+    --border-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
   }
 
   .xl\:border-green-900 {
+    --border-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
   }
 
   .xl\:border-teal-100 {
+    --border-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
   }
 
   .xl\:border-teal-200 {
+    --border-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
   }
 
   .xl\:border-teal-300 {
+    --border-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
   }
 
   .xl\:border-teal-400 {
+    --border-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
   }
 
   .xl\:border-teal-500 {
+    --border-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
   }
 
   .xl\:border-teal-600 {
+    --border-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
   }
 
   .xl\:border-teal-700 {
+    --border-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
   }
 
   .xl\:border-teal-800 {
+    --border-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
   }
 
   .xl\:border-teal-900 {
+    --border-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
   }
 
   .xl\:border-blue-100 {
+    --border-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
   }
 
   .xl\:border-blue-200 {
+    --border-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
   }
 
   .xl\:border-blue-300 {
+    --border-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
   }
 
   .xl\:border-blue-400 {
+    --border-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
   }
 
   .xl\:border-blue-500 {
+    --border-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
   }
 
   .xl\:border-blue-600 {
+    --border-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
   }
 
   .xl\:border-blue-700 {
+    --border-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
   }
 
   .xl\:border-blue-800 {
+    --border-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
   }
 
   .xl\:border-blue-900 {
+    --border-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
   }
 
   .xl\:border-indigo-100 {
+    --border-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
   }
 
   .xl\:border-indigo-200 {
+    --border-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
   }
 
   .xl\:border-indigo-300 {
+    --border-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
   }
 
   .xl\:border-indigo-400 {
+    --border-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
   }
 
   .xl\:border-indigo-500 {
+    --border-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
   }
 
   .xl\:border-indigo-600 {
+    --border-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
   }
 
   .xl\:border-indigo-700 {
+    --border-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
   }
 
   .xl\:border-indigo-800 {
+    --border-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
   }
 
   .xl\:border-indigo-900 {
+    --border-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
   }
 
   .xl\:border-purple-100 {
+    --border-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
   }
 
   .xl\:border-purple-200 {
+    --border-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
   }
 
   .xl\:border-purple-300 {
+    --border-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
   }
 
   .xl\:border-purple-400 {
+    --border-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
   }
 
   .xl\:border-purple-500 {
+    --border-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
   }
 
   .xl\:border-purple-600 {
+    --border-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
   }
 
   .xl\:border-purple-700 {
+    --border-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
   }
 
   .xl\:border-purple-800 {
+    --border-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
   }
 
   .xl\:border-purple-900 {
+    --border-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
   }
 
   .xl\:border-pink-100 {
+    --border-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
   }
 
   .xl\:border-pink-200 {
+    --border-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
   }
 
   .xl\:border-pink-300 {
+    --border-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
   }
 
   .xl\:border-pink-400 {
+    --border-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
   }
 
   .xl\:border-pink-500 {
+    --border-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
   }
 
   .xl\:border-pink-600 {
+    --border-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
   }
 
   .xl\:border-pink-700 {
+    --border-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
   }
 
   .xl\:border-pink-800 {
+    --border-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
   }
 
   .xl\:border-pink-900 {
+    --border-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-transparent:hover {
@@ -48316,371 +59108,555 @@ video {
   }
 
   .xl\:hover\:border-black:hover {
+    --border-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-white:hover {
+    --border-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-gray-100:hover {
+    --border-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-gray-200:hover {
+    --border-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-gray-300:hover {
+    --border-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-gray-400:hover {
+    --border-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-gray-500:hover {
+    --border-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-gray-600:hover {
+    --border-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-gray-700:hover {
+    --border-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-gray-800:hover {
+    --border-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-gray-900:hover {
+    --border-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-red-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-red-200:hover {
+    --border-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-red-300:hover {
+    --border-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-red-400:hover {
+    --border-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-red-500:hover {
+    --border-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-red-600:hover {
+    --border-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-red-700:hover {
+    --border-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-red-800:hover {
+    --border-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-red-900:hover {
+    --border-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-orange-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-orange-200:hover {
+    --border-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-orange-300:hover {
+    --border-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-orange-400:hover {
+    --border-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-orange-500:hover {
+    --border-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-orange-600:hover {
+    --border-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-orange-700:hover {
+    --border-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-orange-800:hover {
+    --border-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-orange-900:hover {
+    --border-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-yellow-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-yellow-200:hover {
+    --border-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-yellow-300:hover {
+    --border-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-yellow-400:hover {
+    --border-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-yellow-500:hover {
+    --border-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-yellow-600:hover {
+    --border-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-yellow-700:hover {
+    --border-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-yellow-800:hover {
+    --border-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-yellow-900:hover {
+    --border-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-green-100:hover {
+    --border-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-green-200:hover {
+    --border-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-green-300:hover {
+    --border-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-green-400:hover {
+    --border-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-green-500:hover {
+    --border-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-green-600:hover {
+    --border-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-green-700:hover {
+    --border-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-green-800:hover {
+    --border-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-green-900:hover {
+    --border-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-teal-100:hover {
+    --border-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-teal-200:hover {
+    --border-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-teal-300:hover {
+    --border-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-teal-400:hover {
+    --border-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-teal-500:hover {
+    --border-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-teal-600:hover {
+    --border-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-teal-700:hover {
+    --border-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-teal-800:hover {
+    --border-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-teal-900:hover {
+    --border-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-blue-100:hover {
+    --border-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-blue-200:hover {
+    --border-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-blue-300:hover {
+    --border-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-blue-400:hover {
+    --border-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-blue-500:hover {
+    --border-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-blue-600:hover {
+    --border-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-blue-700:hover {
+    --border-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-blue-800:hover {
+    --border-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-blue-900:hover {
+    --border-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-indigo-100:hover {
+    --border-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-indigo-200:hover {
+    --border-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-indigo-300:hover {
+    --border-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-indigo-400:hover {
+    --border-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-indigo-500:hover {
+    --border-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-indigo-600:hover {
+    --border-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-indigo-700:hover {
+    --border-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-indigo-800:hover {
+    --border-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-indigo-900:hover {
+    --border-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-purple-100:hover {
+    --border-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-purple-200:hover {
+    --border-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-purple-300:hover {
+    --border-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-purple-400:hover {
+    --border-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-purple-500:hover {
+    --border-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-purple-600:hover {
+    --border-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-purple-700:hover {
+    --border-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-purple-800:hover {
+    --border-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-purple-900:hover {
+    --border-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-pink-100:hover {
+    --border-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-pink-200:hover {
+    --border-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-pink-300:hover {
+    --border-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-pink-400:hover {
+    --border-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-pink-500:hover {
+    --border-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-pink-600:hover {
+    --border-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-pink-700:hover {
+    --border-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-pink-800:hover {
+    --border-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
   }
 
   .xl\:hover\:border-pink-900:hover {
+    --border-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-transparent:focus {
@@ -48692,371 +59668,615 @@ video {
   }
 
   .xl\:focus\:border-black:focus {
+    --border-opacity: 1 !important;
     border-color: #000 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-white:focus {
+    --border-opacity: 1 !important;
     border-color: #fff !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-gray-100:focus {
+    --border-opacity: 1 !important;
     border-color: #f7fafc !important;
+    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-gray-200:focus {
+    --border-opacity: 1 !important;
     border-color: #edf2f7 !important;
+    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-gray-300:focus {
+    --border-opacity: 1 !important;
     border-color: #e2e8f0 !important;
+    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-gray-400:focus {
+    --border-opacity: 1 !important;
     border-color: #cbd5e0 !important;
+    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-gray-500:focus {
+    --border-opacity: 1 !important;
     border-color: #a0aec0 !important;
+    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-gray-600:focus {
+    --border-opacity: 1 !important;
     border-color: #718096 !important;
+    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-gray-700:focus {
+    --border-opacity: 1 !important;
     border-color: #4a5568 !important;
+    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-gray-800:focus {
+    --border-opacity: 1 !important;
     border-color: #2d3748 !important;
+    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-gray-900:focus {
+    --border-opacity: 1 !important;
     border-color: #1a202c !important;
+    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-red-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fff5f5 !important;
+    border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-red-200:focus {
+    --border-opacity: 1 !important;
     border-color: #fed7d7 !important;
+    border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-red-300:focus {
+    --border-opacity: 1 !important;
     border-color: #feb2b2 !important;
+    border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-red-400:focus {
+    --border-opacity: 1 !important;
     border-color: #fc8181 !important;
+    border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-red-500:focus {
+    --border-opacity: 1 !important;
     border-color: #f56565 !important;
+    border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-red-600:focus {
+    --border-opacity: 1 !important;
     border-color: #e53e3e !important;
+    border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-red-700:focus {
+    --border-opacity: 1 !important;
     border-color: #c53030 !important;
+    border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-red-800:focus {
+    --border-opacity: 1 !important;
     border-color: #9b2c2c !important;
+    border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-red-900:focus {
+    --border-opacity: 1 !important;
     border-color: #742a2a !important;
+    border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-orange-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fffaf0 !important;
+    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-orange-200:focus {
+    --border-opacity: 1 !important;
     border-color: #feebc8 !important;
+    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-orange-300:focus {
+    --border-opacity: 1 !important;
     border-color: #fbd38d !important;
+    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-orange-400:focus {
+    --border-opacity: 1 !important;
     border-color: #f6ad55 !important;
+    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-orange-500:focus {
+    --border-opacity: 1 !important;
     border-color: #ed8936 !important;
+    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-orange-600:focus {
+    --border-opacity: 1 !important;
     border-color: #dd6b20 !important;
+    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-orange-700:focus {
+    --border-opacity: 1 !important;
     border-color: #c05621 !important;
+    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-orange-800:focus {
+    --border-opacity: 1 !important;
     border-color: #9c4221 !important;
+    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-orange-900:focus {
+    --border-opacity: 1 !important;
     border-color: #7b341e !important;
+    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-yellow-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fffff0 !important;
+    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-yellow-200:focus {
+    --border-opacity: 1 !important;
     border-color: #fefcbf !important;
+    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-yellow-300:focus {
+    --border-opacity: 1 !important;
     border-color: #faf089 !important;
+    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-yellow-400:focus {
+    --border-opacity: 1 !important;
     border-color: #f6e05e !important;
+    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-yellow-500:focus {
+    --border-opacity: 1 !important;
     border-color: #ecc94b !important;
+    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-yellow-600:focus {
+    --border-opacity: 1 !important;
     border-color: #d69e2e !important;
+    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-yellow-700:focus {
+    --border-opacity: 1 !important;
     border-color: #b7791f !important;
+    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-yellow-800:focus {
+    --border-opacity: 1 !important;
     border-color: #975a16 !important;
+    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-yellow-900:focus {
+    --border-opacity: 1 !important;
     border-color: #744210 !important;
+    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-green-100:focus {
+    --border-opacity: 1 !important;
     border-color: #f0fff4 !important;
+    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-green-200:focus {
+    --border-opacity: 1 !important;
     border-color: #c6f6d5 !important;
+    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-green-300:focus {
+    --border-opacity: 1 !important;
     border-color: #9ae6b4 !important;
+    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-green-400:focus {
+    --border-opacity: 1 !important;
     border-color: #68d391 !important;
+    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-green-500:focus {
+    --border-opacity: 1 !important;
     border-color: #48bb78 !important;
+    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-green-600:focus {
+    --border-opacity: 1 !important;
     border-color: #38a169 !important;
+    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-green-700:focus {
+    --border-opacity: 1 !important;
     border-color: #2f855a !important;
+    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-green-800:focus {
+    --border-opacity: 1 !important;
     border-color: #276749 !important;
+    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-green-900:focus {
+    --border-opacity: 1 !important;
     border-color: #22543d !important;
+    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-teal-100:focus {
+    --border-opacity: 1 !important;
     border-color: #e6fffa !important;
+    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-teal-200:focus {
+    --border-opacity: 1 !important;
     border-color: #b2f5ea !important;
+    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-teal-300:focus {
+    --border-opacity: 1 !important;
     border-color: #81e6d9 !important;
+    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-teal-400:focus {
+    --border-opacity: 1 !important;
     border-color: #4fd1c5 !important;
+    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-teal-500:focus {
+    --border-opacity: 1 !important;
     border-color: #38b2ac !important;
+    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-teal-600:focus {
+    --border-opacity: 1 !important;
     border-color: #319795 !important;
+    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-teal-700:focus {
+    --border-opacity: 1 !important;
     border-color: #2c7a7b !important;
+    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-teal-800:focus {
+    --border-opacity: 1 !important;
     border-color: #285e61 !important;
+    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-teal-900:focus {
+    --border-opacity: 1 !important;
     border-color: #234e52 !important;
+    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-blue-100:focus {
+    --border-opacity: 1 !important;
     border-color: #ebf8ff !important;
+    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-blue-200:focus {
+    --border-opacity: 1 !important;
     border-color: #bee3f8 !important;
+    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-blue-300:focus {
+    --border-opacity: 1 !important;
     border-color: #90cdf4 !important;
+    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-blue-400:focus {
+    --border-opacity: 1 !important;
     border-color: #63b3ed !important;
+    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-blue-500:focus {
+    --border-opacity: 1 !important;
     border-color: #4299e1 !important;
+    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-blue-600:focus {
+    --border-opacity: 1 !important;
     border-color: #3182ce !important;
+    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-blue-700:focus {
+    --border-opacity: 1 !important;
     border-color: #2b6cb0 !important;
+    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-blue-800:focus {
+    --border-opacity: 1 !important;
     border-color: #2c5282 !important;
+    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-blue-900:focus {
+    --border-opacity: 1 !important;
     border-color: #2a4365 !important;
+    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-indigo-100:focus {
+    --border-opacity: 1 !important;
     border-color: #ebf4ff !important;
+    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-indigo-200:focus {
+    --border-opacity: 1 !important;
     border-color: #c3dafe !important;
+    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-indigo-300:focus {
+    --border-opacity: 1 !important;
     border-color: #a3bffa !important;
+    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-indigo-400:focus {
+    --border-opacity: 1 !important;
     border-color: #7f9cf5 !important;
+    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-indigo-500:focus {
+    --border-opacity: 1 !important;
     border-color: #667eea !important;
+    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-indigo-600:focus {
+    --border-opacity: 1 !important;
     border-color: #5a67d8 !important;
+    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-indigo-700:focus {
+    --border-opacity: 1 !important;
     border-color: #4c51bf !important;
+    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-indigo-800:focus {
+    --border-opacity: 1 !important;
     border-color: #434190 !important;
+    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-indigo-900:focus {
+    --border-opacity: 1 !important;
     border-color: #3c366b !important;
+    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-purple-100:focus {
+    --border-opacity: 1 !important;
     border-color: #faf5ff !important;
+    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-purple-200:focus {
+    --border-opacity: 1 !important;
     border-color: #e9d8fd !important;
+    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-purple-300:focus {
+    --border-opacity: 1 !important;
     border-color: #d6bcfa !important;
+    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-purple-400:focus {
+    --border-opacity: 1 !important;
     border-color: #b794f4 !important;
+    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-purple-500:focus {
+    --border-opacity: 1 !important;
     border-color: #9f7aea !important;
+    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-purple-600:focus {
+    --border-opacity: 1 !important;
     border-color: #805ad5 !important;
+    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-purple-700:focus {
+    --border-opacity: 1 !important;
     border-color: #6b46c1 !important;
+    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-purple-800:focus {
+    --border-opacity: 1 !important;
     border-color: #553c9a !important;
+    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-purple-900:focus {
+    --border-opacity: 1 !important;
     border-color: #44337a !important;
+    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-pink-100:focus {
+    --border-opacity: 1 !important;
     border-color: #fff5f7 !important;
+    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-pink-200:focus {
+    --border-opacity: 1 !important;
     border-color: #fed7e2 !important;
+    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-pink-300:focus {
+    --border-opacity: 1 !important;
     border-color: #fbb6ce !important;
+    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-pink-400:focus {
+    --border-opacity: 1 !important;
     border-color: #f687b3 !important;
+    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-pink-500:focus {
+    --border-opacity: 1 !important;
     border-color: #ed64a6 !important;
+    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-pink-600:focus {
+    --border-opacity: 1 !important;
     border-color: #d53f8c !important;
+    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-pink-700:focus {
+    --border-opacity: 1 !important;
     border-color: #b83280 !important;
+    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-pink-800:focus {
+    --border-opacity: 1 !important;
     border-color: #97266d !important;
+    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
   }
 
   .xl\:focus\:border-pink-900:focus {
+    --border-opacity: 1 !important;
     border-color: #702459 !important;
+    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
+  }
+
+  .xl\:border-opacity-0 {
+    --border-opacity: 0 !important;
+  }
+
+  .xl\:border-opacity-25 {
+    --border-opacity: 0.25 !important;
+  }
+
+  .xl\:border-opacity-50 {
+    --border-opacity: 0.5 !important;
+  }
+
+  .xl\:border-opacity-75 {
+    --border-opacity: 0.75 !important;
+  }
+
+  .xl\:border-opacity-100 {
+    --border-opacity: 1 !important;
+  }
+
+  .xl\:hover\:border-opacity-0:hover {
+    --border-opacity: 0 !important;
+  }
+
+  .xl\:hover\:border-opacity-25:hover {
+    --border-opacity: 0.25 !important;
+  }
+
+  .xl\:hover\:border-opacity-50:hover {
+    --border-opacity: 0.5 !important;
+  }
+
+  .xl\:hover\:border-opacity-75:hover {
+    --border-opacity: 0.75 !important;
+  }
+
+  .xl\:hover\:border-opacity-100:hover {
+    --border-opacity: 1 !important;
+  }
+
+  .xl\:focus\:border-opacity-0:focus {
+    --border-opacity: 0 !important;
+  }
+
+  .xl\:focus\:border-opacity-25:focus {
+    --border-opacity: 0.25 !important;
+  }
+
+  .xl\:focus\:border-opacity-50:focus {
+    --border-opacity: 0.5 !important;
+  }
+
+  .xl\:focus\:border-opacity-75:focus {
+    --border-opacity: 0.75 !important;
+  }
+
+  .xl\:focus\:border-opacity-100:focus {
+    --border-opacity: 1 !important;
   }
 
   .xl\:rounded-none {
@@ -52080,371 +63300,555 @@ video {
   }
 
   .xl\:placeholder-black::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-white::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
   }
 
   .xl\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-transparent:focus::placeholder {
@@ -52456,371 +63860,595 @@ video {
   }
 
   .xl\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
   }
 
   .xl\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-opacity-0 {
+    --placeholder-opacity: 0 !important;
+  }
+
+  .xl\:placeholder-opacity-25 {
+    --placeholder-opacity: 0.25 !important;
+  }
+
+  .xl\:placeholder-opacity-50 {
+    --placeholder-opacity: 0.5 !important;
+  }
+
+  .xl\:placeholder-opacity-75 {
+    --placeholder-opacity: 0.75 !important;
+  }
+
+  .xl\:placeholder-opacity-100 {
+    --placeholder-opacity: 1 !important;
+  }
+
+  .xl\:focus\:placeholder-opacity-0:focus {
+    --placeholder-opacity: 0 !important;
+  }
+
+  .xl\:focus\:placeholder-opacity-25:focus {
+    --placeholder-opacity: 0.25 !important;
+  }
+
+  .xl\:focus\:placeholder-opacity-50:focus {
+    --placeholder-opacity: 0.5 !important;
+  }
+
+  .xl\:focus\:placeholder-opacity-75:focus {
+    --placeholder-opacity: 0.75 !important;
+  }
+
+  .xl\:focus\:placeholder-opacity-100:focus {
+    --placeholder-opacity: 1 !important;
   }
 
   .xl\:pointer-events-none {
@@ -53106,371 +64734,555 @@ video {
   }
 
   .xl\:text-black {
+    --text-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
   }
 
   .xl\:text-white {
+    --text-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
   }
 
   .xl\:text-gray-100 {
+    --text-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--text-opacity)) !important;
   }
 
   .xl\:text-gray-200 {
+    --text-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--text-opacity)) !important;
   }
 
   .xl\:text-gray-300 {
+    --text-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--text-opacity)) !important;
   }
 
   .xl\:text-gray-400 {
+    --text-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--text-opacity)) !important;
   }
 
   .xl\:text-gray-500 {
+    --text-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--text-opacity)) !important;
   }
 
   .xl\:text-gray-600 {
+    --text-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--text-opacity)) !important;
   }
 
   .xl\:text-gray-700 {
+    --text-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--text-opacity)) !important;
   }
 
   .xl\:text-gray-800 {
+    --text-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--text-opacity)) !important;
   }
 
   .xl\:text-gray-900 {
+    --text-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--text-opacity)) !important;
   }
 
   .xl\:text-red-100 {
+    --text-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--text-opacity)) !important;
   }
 
   .xl\:text-red-200 {
+    --text-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--text-opacity)) !important;
   }
 
   .xl\:text-red-300 {
+    --text-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--text-opacity)) !important;
   }
 
   .xl\:text-red-400 {
+    --text-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--text-opacity)) !important;
   }
 
   .xl\:text-red-500 {
+    --text-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--text-opacity)) !important;
   }
 
   .xl\:text-red-600 {
+    --text-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--text-opacity)) !important;
   }
 
   .xl\:text-red-700 {
+    --text-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--text-opacity)) !important;
   }
 
   .xl\:text-red-800 {
+    --text-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--text-opacity)) !important;
   }
 
   .xl\:text-red-900 {
+    --text-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--text-opacity)) !important;
   }
 
   .xl\:text-orange-100 {
+    --text-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--text-opacity)) !important;
   }
 
   .xl\:text-orange-200 {
+    --text-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--text-opacity)) !important;
   }
 
   .xl\:text-orange-300 {
+    --text-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--text-opacity)) !important;
   }
 
   .xl\:text-orange-400 {
+    --text-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--text-opacity)) !important;
   }
 
   .xl\:text-orange-500 {
+    --text-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--text-opacity)) !important;
   }
 
   .xl\:text-orange-600 {
+    --text-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--text-opacity)) !important;
   }
 
   .xl\:text-orange-700 {
+    --text-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--text-opacity)) !important;
   }
 
   .xl\:text-orange-800 {
+    --text-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--text-opacity)) !important;
   }
 
   .xl\:text-orange-900 {
+    --text-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--text-opacity)) !important;
   }
 
   .xl\:text-yellow-100 {
+    --text-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--text-opacity)) !important;
   }
 
   .xl\:text-yellow-200 {
+    --text-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--text-opacity)) !important;
   }
 
   .xl\:text-yellow-300 {
+    --text-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--text-opacity)) !important;
   }
 
   .xl\:text-yellow-400 {
+    --text-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--text-opacity)) !important;
   }
 
   .xl\:text-yellow-500 {
+    --text-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--text-opacity)) !important;
   }
 
   .xl\:text-yellow-600 {
+    --text-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--text-opacity)) !important;
   }
 
   .xl\:text-yellow-700 {
+    --text-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--text-opacity)) !important;
   }
 
   .xl\:text-yellow-800 {
+    --text-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--text-opacity)) !important;
   }
 
   .xl\:text-yellow-900 {
+    --text-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--text-opacity)) !important;
   }
 
   .xl\:text-green-100 {
+    --text-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--text-opacity)) !important;
   }
 
   .xl\:text-green-200 {
+    --text-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--text-opacity)) !important;
   }
 
   .xl\:text-green-300 {
+    --text-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--text-opacity)) !important;
   }
 
   .xl\:text-green-400 {
+    --text-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--text-opacity)) !important;
   }
 
   .xl\:text-green-500 {
+    --text-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--text-opacity)) !important;
   }
 
   .xl\:text-green-600 {
+    --text-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--text-opacity)) !important;
   }
 
   .xl\:text-green-700 {
+    --text-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--text-opacity)) !important;
   }
 
   .xl\:text-green-800 {
+    --text-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--text-opacity)) !important;
   }
 
   .xl\:text-green-900 {
+    --text-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--text-opacity)) !important;
   }
 
   .xl\:text-teal-100 {
+    --text-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--text-opacity)) !important;
   }
 
   .xl\:text-teal-200 {
+    --text-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--text-opacity)) !important;
   }
 
   .xl\:text-teal-300 {
+    --text-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--text-opacity)) !important;
   }
 
   .xl\:text-teal-400 {
+    --text-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--text-opacity)) !important;
   }
 
   .xl\:text-teal-500 {
+    --text-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--text-opacity)) !important;
   }
 
   .xl\:text-teal-600 {
+    --text-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--text-opacity)) !important;
   }
 
   .xl\:text-teal-700 {
+    --text-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--text-opacity)) !important;
   }
 
   .xl\:text-teal-800 {
+    --text-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--text-opacity)) !important;
   }
 
   .xl\:text-teal-900 {
+    --text-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--text-opacity)) !important;
   }
 
   .xl\:text-blue-100 {
+    --text-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--text-opacity)) !important;
   }
 
   .xl\:text-blue-200 {
+    --text-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--text-opacity)) !important;
   }
 
   .xl\:text-blue-300 {
+    --text-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--text-opacity)) !important;
   }
 
   .xl\:text-blue-400 {
+    --text-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--text-opacity)) !important;
   }
 
   .xl\:text-blue-500 {
+    --text-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--text-opacity)) !important;
   }
 
   .xl\:text-blue-600 {
+    --text-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--text-opacity)) !important;
   }
 
   .xl\:text-blue-700 {
+    --text-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--text-opacity)) !important;
   }
 
   .xl\:text-blue-800 {
+    --text-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--text-opacity)) !important;
   }
 
   .xl\:text-blue-900 {
+    --text-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--text-opacity)) !important;
   }
 
   .xl\:text-indigo-100 {
+    --text-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--text-opacity)) !important;
   }
 
   .xl\:text-indigo-200 {
+    --text-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--text-opacity)) !important;
   }
 
   .xl\:text-indigo-300 {
+    --text-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--text-opacity)) !important;
   }
 
   .xl\:text-indigo-400 {
+    --text-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--text-opacity)) !important;
   }
 
   .xl\:text-indigo-500 {
+    --text-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--text-opacity)) !important;
   }
 
   .xl\:text-indigo-600 {
+    --text-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--text-opacity)) !important;
   }
 
   .xl\:text-indigo-700 {
+    --text-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--text-opacity)) !important;
   }
 
   .xl\:text-indigo-800 {
+    --text-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--text-opacity)) !important;
   }
 
   .xl\:text-indigo-900 {
+    --text-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--text-opacity)) !important;
   }
 
   .xl\:text-purple-100 {
+    --text-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--text-opacity)) !important;
   }
 
   .xl\:text-purple-200 {
+    --text-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--text-opacity)) !important;
   }
 
   .xl\:text-purple-300 {
+    --text-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--text-opacity)) !important;
   }
 
   .xl\:text-purple-400 {
+    --text-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--text-opacity)) !important;
   }
 
   .xl\:text-purple-500 {
+    --text-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--text-opacity)) !important;
   }
 
   .xl\:text-purple-600 {
+    --text-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--text-opacity)) !important;
   }
 
   .xl\:text-purple-700 {
+    --text-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--text-opacity)) !important;
   }
 
   .xl\:text-purple-800 {
+    --text-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--text-opacity)) !important;
   }
 
   .xl\:text-purple-900 {
+    --text-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--text-opacity)) !important;
   }
 
   .xl\:text-pink-100 {
+    --text-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--text-opacity)) !important;
   }
 
   .xl\:text-pink-200 {
+    --text-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--text-opacity)) !important;
   }
 
   .xl\:text-pink-300 {
+    --text-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--text-opacity)) !important;
   }
 
   .xl\:text-pink-400 {
+    --text-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--text-opacity)) !important;
   }
 
   .xl\:text-pink-500 {
+    --text-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--text-opacity)) !important;
   }
 
   .xl\:text-pink-600 {
+    --text-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--text-opacity)) !important;
   }
 
   .xl\:text-pink-700 {
+    --text-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--text-opacity)) !important;
   }
 
   .xl\:text-pink-800 {
+    --text-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--text-opacity)) !important;
   }
 
   .xl\:text-pink-900 {
+    --text-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-transparent:hover {
@@ -53482,371 +65294,555 @@ video {
   }
 
   .xl\:hover\:text-black:hover {
+    --text-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-white:hover {
+    --text-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-gray-100:hover {
+    --text-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-gray-200:hover {
+    --text-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-gray-300:hover {
+    --text-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-gray-400:hover {
+    --text-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-gray-500:hover {
+    --text-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-gray-600:hover {
+    --text-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-gray-700:hover {
+    --text-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-gray-800:hover {
+    --text-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-gray-900:hover {
+    --text-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-red-100:hover {
+    --text-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-red-200:hover {
+    --text-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-red-300:hover {
+    --text-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-red-400:hover {
+    --text-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-red-500:hover {
+    --text-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-red-600:hover {
+    --text-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-red-700:hover {
+    --text-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-red-800:hover {
+    --text-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-red-900:hover {
+    --text-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-orange-100:hover {
+    --text-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-orange-200:hover {
+    --text-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-orange-300:hover {
+    --text-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-orange-400:hover {
+    --text-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-orange-500:hover {
+    --text-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-orange-600:hover {
+    --text-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-orange-700:hover {
+    --text-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-orange-800:hover {
+    --text-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-orange-900:hover {
+    --text-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-yellow-100:hover {
+    --text-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-yellow-200:hover {
+    --text-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-yellow-300:hover {
+    --text-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-yellow-400:hover {
+    --text-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-yellow-500:hover {
+    --text-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-yellow-600:hover {
+    --text-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-yellow-700:hover {
+    --text-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-yellow-800:hover {
+    --text-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-yellow-900:hover {
+    --text-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-green-100:hover {
+    --text-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-green-200:hover {
+    --text-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-green-300:hover {
+    --text-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-green-400:hover {
+    --text-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-green-500:hover {
+    --text-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-green-600:hover {
+    --text-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-green-700:hover {
+    --text-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-green-800:hover {
+    --text-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-green-900:hover {
+    --text-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-teal-100:hover {
+    --text-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-teal-200:hover {
+    --text-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-teal-300:hover {
+    --text-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-teal-400:hover {
+    --text-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-teal-500:hover {
+    --text-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-teal-600:hover {
+    --text-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-teal-700:hover {
+    --text-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-teal-800:hover {
+    --text-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-teal-900:hover {
+    --text-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-blue-100:hover {
+    --text-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-blue-200:hover {
+    --text-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-blue-300:hover {
+    --text-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-blue-400:hover {
+    --text-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-blue-500:hover {
+    --text-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-blue-600:hover {
+    --text-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-blue-700:hover {
+    --text-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-blue-800:hover {
+    --text-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-blue-900:hover {
+    --text-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-indigo-100:hover {
+    --text-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-indigo-200:hover {
+    --text-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-indigo-300:hover {
+    --text-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-indigo-400:hover {
+    --text-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-indigo-500:hover {
+    --text-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-indigo-600:hover {
+    --text-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-indigo-700:hover {
+    --text-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-indigo-800:hover {
+    --text-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-indigo-900:hover {
+    --text-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-purple-100:hover {
+    --text-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-purple-200:hover {
+    --text-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-purple-300:hover {
+    --text-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-purple-400:hover {
+    --text-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-purple-500:hover {
+    --text-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-purple-600:hover {
+    --text-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-purple-700:hover {
+    --text-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-purple-800:hover {
+    --text-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-purple-900:hover {
+    --text-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-pink-100:hover {
+    --text-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-pink-200:hover {
+    --text-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-pink-300:hover {
+    --text-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-pink-400:hover {
+    --text-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-pink-500:hover {
+    --text-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-pink-600:hover {
+    --text-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-pink-700:hover {
+    --text-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-pink-800:hover {
+    --text-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--text-opacity)) !important;
   }
 
   .xl\:hover\:text-pink-900:hover {
+    --text-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-transparent:focus {
@@ -53858,371 +65854,615 @@ video {
   }
 
   .xl\:focus\:text-black:focus {
+    --text-opacity: 1 !important;
     color: #000 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-white:focus {
+    --text-opacity: 1 !important;
     color: #fff !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-gray-100:focus {
+    --text-opacity: 1 !important;
     color: #f7fafc !important;
+    color: rgba(247, 250, 252, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-gray-200:focus {
+    --text-opacity: 1 !important;
     color: #edf2f7 !important;
+    color: rgba(237, 242, 247, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-gray-300:focus {
+    --text-opacity: 1 !important;
     color: #e2e8f0 !important;
+    color: rgba(226, 232, 240, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-gray-400:focus {
+    --text-opacity: 1 !important;
     color: #cbd5e0 !important;
+    color: rgba(203, 213, 224, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-gray-500:focus {
+    --text-opacity: 1 !important;
     color: #a0aec0 !important;
+    color: rgba(160, 174, 192, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-gray-600:focus {
+    --text-opacity: 1 !important;
     color: #718096 !important;
+    color: rgba(113, 128, 150, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-gray-700:focus {
+    --text-opacity: 1 !important;
     color: #4a5568 !important;
+    color: rgba(74, 85, 104, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-gray-800:focus {
+    --text-opacity: 1 !important;
     color: #2d3748 !important;
+    color: rgba(45, 55, 72, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-gray-900:focus {
+    --text-opacity: 1 !important;
     color: #1a202c !important;
+    color: rgba(26, 32, 44, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-red-100:focus {
+    --text-opacity: 1 !important;
     color: #fff5f5 !important;
+    color: rgba(255, 245, 245, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-red-200:focus {
+    --text-opacity: 1 !important;
     color: #fed7d7 !important;
+    color: rgba(254, 215, 215, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-red-300:focus {
+    --text-opacity: 1 !important;
     color: #feb2b2 !important;
+    color: rgba(254, 178, 178, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-red-400:focus {
+    --text-opacity: 1 !important;
     color: #fc8181 !important;
+    color: rgba(252, 129, 129, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-red-500:focus {
+    --text-opacity: 1 !important;
     color: #f56565 !important;
+    color: rgba(245, 101, 101, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-red-600:focus {
+    --text-opacity: 1 !important;
     color: #e53e3e !important;
+    color: rgba(229, 62, 62, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-red-700:focus {
+    --text-opacity: 1 !important;
     color: #c53030 !important;
+    color: rgba(197, 48, 48, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-red-800:focus {
+    --text-opacity: 1 !important;
     color: #9b2c2c !important;
+    color: rgba(155, 44, 44, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-red-900:focus {
+    --text-opacity: 1 !important;
     color: #742a2a !important;
+    color: rgba(116, 42, 42, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-orange-100:focus {
+    --text-opacity: 1 !important;
     color: #fffaf0 !important;
+    color: rgba(255, 250, 240, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-orange-200:focus {
+    --text-opacity: 1 !important;
     color: #feebc8 !important;
+    color: rgba(254, 235, 200, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-orange-300:focus {
+    --text-opacity: 1 !important;
     color: #fbd38d !important;
+    color: rgba(251, 211, 141, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-orange-400:focus {
+    --text-opacity: 1 !important;
     color: #f6ad55 !important;
+    color: rgba(246, 173, 85, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-orange-500:focus {
+    --text-opacity: 1 !important;
     color: #ed8936 !important;
+    color: rgba(237, 137, 54, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-orange-600:focus {
+    --text-opacity: 1 !important;
     color: #dd6b20 !important;
+    color: rgba(221, 107, 32, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-orange-700:focus {
+    --text-opacity: 1 !important;
     color: #c05621 !important;
+    color: rgba(192, 86, 33, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-orange-800:focus {
+    --text-opacity: 1 !important;
     color: #9c4221 !important;
+    color: rgba(156, 66, 33, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-orange-900:focus {
+    --text-opacity: 1 !important;
     color: #7b341e !important;
+    color: rgba(123, 52, 30, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-yellow-100:focus {
+    --text-opacity: 1 !important;
     color: #fffff0 !important;
+    color: rgba(255, 255, 240, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-yellow-200:focus {
+    --text-opacity: 1 !important;
     color: #fefcbf !important;
+    color: rgba(254, 252, 191, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-yellow-300:focus {
+    --text-opacity: 1 !important;
     color: #faf089 !important;
+    color: rgba(250, 240, 137, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-yellow-400:focus {
+    --text-opacity: 1 !important;
     color: #f6e05e !important;
+    color: rgba(246, 224, 94, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-yellow-500:focus {
+    --text-opacity: 1 !important;
     color: #ecc94b !important;
+    color: rgba(236, 201, 75, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-yellow-600:focus {
+    --text-opacity: 1 !important;
     color: #d69e2e !important;
+    color: rgba(214, 158, 46, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-yellow-700:focus {
+    --text-opacity: 1 !important;
     color: #b7791f !important;
+    color: rgba(183, 121, 31, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-yellow-800:focus {
+    --text-opacity: 1 !important;
     color: #975a16 !important;
+    color: rgba(151, 90, 22, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-yellow-900:focus {
+    --text-opacity: 1 !important;
     color: #744210 !important;
+    color: rgba(116, 66, 16, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-green-100:focus {
+    --text-opacity: 1 !important;
     color: #f0fff4 !important;
+    color: rgba(240, 255, 244, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-green-200:focus {
+    --text-opacity: 1 !important;
     color: #c6f6d5 !important;
+    color: rgba(198, 246, 213, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-green-300:focus {
+    --text-opacity: 1 !important;
     color: #9ae6b4 !important;
+    color: rgba(154, 230, 180, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-green-400:focus {
+    --text-opacity: 1 !important;
     color: #68d391 !important;
+    color: rgba(104, 211, 145, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-green-500:focus {
+    --text-opacity: 1 !important;
     color: #48bb78 !important;
+    color: rgba(72, 187, 120, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-green-600:focus {
+    --text-opacity: 1 !important;
     color: #38a169 !important;
+    color: rgba(56, 161, 105, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-green-700:focus {
+    --text-opacity: 1 !important;
     color: #2f855a !important;
+    color: rgba(47, 133, 90, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-green-800:focus {
+    --text-opacity: 1 !important;
     color: #276749 !important;
+    color: rgba(39, 103, 73, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-green-900:focus {
+    --text-opacity: 1 !important;
     color: #22543d !important;
+    color: rgba(34, 84, 61, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-teal-100:focus {
+    --text-opacity: 1 !important;
     color: #e6fffa !important;
+    color: rgba(230, 255, 250, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-teal-200:focus {
+    --text-opacity: 1 !important;
     color: #b2f5ea !important;
+    color: rgba(178, 245, 234, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-teal-300:focus {
+    --text-opacity: 1 !important;
     color: #81e6d9 !important;
+    color: rgba(129, 230, 217, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-teal-400:focus {
+    --text-opacity: 1 !important;
     color: #4fd1c5 !important;
+    color: rgba(79, 209, 197, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-teal-500:focus {
+    --text-opacity: 1 !important;
     color: #38b2ac !important;
+    color: rgba(56, 178, 172, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-teal-600:focus {
+    --text-opacity: 1 !important;
     color: #319795 !important;
+    color: rgba(49, 151, 149, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-teal-700:focus {
+    --text-opacity: 1 !important;
     color: #2c7a7b !important;
+    color: rgba(44, 122, 123, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-teal-800:focus {
+    --text-opacity: 1 !important;
     color: #285e61 !important;
+    color: rgba(40, 94, 97, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-teal-900:focus {
+    --text-opacity: 1 !important;
     color: #234e52 !important;
+    color: rgba(35, 78, 82, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-blue-100:focus {
+    --text-opacity: 1 !important;
     color: #ebf8ff !important;
+    color: rgba(235, 248, 255, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-blue-200:focus {
+    --text-opacity: 1 !important;
     color: #bee3f8 !important;
+    color: rgba(190, 227, 248, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-blue-300:focus {
+    --text-opacity: 1 !important;
     color: #90cdf4 !important;
+    color: rgba(144, 205, 244, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-blue-400:focus {
+    --text-opacity: 1 !important;
     color: #63b3ed !important;
+    color: rgba(99, 179, 237, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-blue-500:focus {
+    --text-opacity: 1 !important;
     color: #4299e1 !important;
+    color: rgba(66, 153, 225, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-blue-600:focus {
+    --text-opacity: 1 !important;
     color: #3182ce !important;
+    color: rgba(49, 130, 206, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-blue-700:focus {
+    --text-opacity: 1 !important;
     color: #2b6cb0 !important;
+    color: rgba(43, 108, 176, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-blue-800:focus {
+    --text-opacity: 1 !important;
     color: #2c5282 !important;
+    color: rgba(44, 82, 130, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-blue-900:focus {
+    --text-opacity: 1 !important;
     color: #2a4365 !important;
+    color: rgba(42, 67, 101, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-indigo-100:focus {
+    --text-opacity: 1 !important;
     color: #ebf4ff !important;
+    color: rgba(235, 244, 255, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-indigo-200:focus {
+    --text-opacity: 1 !important;
     color: #c3dafe !important;
+    color: rgba(195, 218, 254, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-indigo-300:focus {
+    --text-opacity: 1 !important;
     color: #a3bffa !important;
+    color: rgba(163, 191, 250, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-indigo-400:focus {
+    --text-opacity: 1 !important;
     color: #7f9cf5 !important;
+    color: rgba(127, 156, 245, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-indigo-500:focus {
+    --text-opacity: 1 !important;
     color: #667eea !important;
+    color: rgba(102, 126, 234, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-indigo-600:focus {
+    --text-opacity: 1 !important;
     color: #5a67d8 !important;
+    color: rgba(90, 103, 216, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-indigo-700:focus {
+    --text-opacity: 1 !important;
     color: #4c51bf !important;
+    color: rgba(76, 81, 191, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-indigo-800:focus {
+    --text-opacity: 1 !important;
     color: #434190 !important;
+    color: rgba(67, 65, 144, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-indigo-900:focus {
+    --text-opacity: 1 !important;
     color: #3c366b !important;
+    color: rgba(60, 54, 107, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-purple-100:focus {
+    --text-opacity: 1 !important;
     color: #faf5ff !important;
+    color: rgba(250, 245, 255, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-purple-200:focus {
+    --text-opacity: 1 !important;
     color: #e9d8fd !important;
+    color: rgba(233, 216, 253, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-purple-300:focus {
+    --text-opacity: 1 !important;
     color: #d6bcfa !important;
+    color: rgba(214, 188, 250, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-purple-400:focus {
+    --text-opacity: 1 !important;
     color: #b794f4 !important;
+    color: rgba(183, 148, 244, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-purple-500:focus {
+    --text-opacity: 1 !important;
     color: #9f7aea !important;
+    color: rgba(159, 122, 234, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-purple-600:focus {
+    --text-opacity: 1 !important;
     color: #805ad5 !important;
+    color: rgba(128, 90, 213, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-purple-700:focus {
+    --text-opacity: 1 !important;
     color: #6b46c1 !important;
+    color: rgba(107, 70, 193, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-purple-800:focus {
+    --text-opacity: 1 !important;
     color: #553c9a !important;
+    color: rgba(85, 60, 154, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-purple-900:focus {
+    --text-opacity: 1 !important;
     color: #44337a !important;
+    color: rgba(68, 51, 122, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-pink-100:focus {
+    --text-opacity: 1 !important;
     color: #fff5f7 !important;
+    color: rgba(255, 245, 247, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-pink-200:focus {
+    --text-opacity: 1 !important;
     color: #fed7e2 !important;
+    color: rgba(254, 215, 226, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-pink-300:focus {
+    --text-opacity: 1 !important;
     color: #fbb6ce !important;
+    color: rgba(251, 182, 206, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-pink-400:focus {
+    --text-opacity: 1 !important;
     color: #f687b3 !important;
+    color: rgba(246, 135, 179, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-pink-500:focus {
+    --text-opacity: 1 !important;
     color: #ed64a6 !important;
+    color: rgba(237, 100, 166, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-pink-600:focus {
+    --text-opacity: 1 !important;
     color: #d53f8c !important;
+    color: rgba(213, 63, 140, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-pink-700:focus {
+    --text-opacity: 1 !important;
     color: #b83280 !important;
+    color: rgba(184, 50, 128, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-pink-800:focus {
+    --text-opacity: 1 !important;
     color: #97266d !important;
+    color: rgba(151, 38, 109, var(--text-opacity)) !important;
   }
 
   .xl\:focus\:text-pink-900:focus {
+    --text-opacity: 1 !important;
     color: #702459 !important;
+    color: rgba(112, 36, 89, var(--text-opacity)) !important;
+  }
+
+  .xl\:text-opacity-0 {
+    --text-opacity: 0 !important;
+  }
+
+  .xl\:text-opacity-25 {
+    --text-opacity: 0.25 !important;
+  }
+
+  .xl\:text-opacity-50 {
+    --text-opacity: 0.5 !important;
+  }
+
+  .xl\:text-opacity-75 {
+    --text-opacity: 0.75 !important;
+  }
+
+  .xl\:text-opacity-100 {
+    --text-opacity: 1 !important;
+  }
+
+  .xl\:hover\:text-opacity-0:hover {
+    --text-opacity: 0 !important;
+  }
+
+  .xl\:hover\:text-opacity-25:hover {
+    --text-opacity: 0.25 !important;
+  }
+
+  .xl\:hover\:text-opacity-50:hover {
+    --text-opacity: 0.5 !important;
+  }
+
+  .xl\:hover\:text-opacity-75:hover {
+    --text-opacity: 0.75 !important;
+  }
+
+  .xl\:hover\:text-opacity-100:hover {
+    --text-opacity: 1 !important;
+  }
+
+  .xl\:focus\:text-opacity-0:focus {
+    --text-opacity: 0 !important;
+  }
+
+  .xl\:focus\:text-opacity-25:focus {
+    --text-opacity: 0.25 !important;
+  }
+
+  .xl\:focus\:text-opacity-50:focus {
+    --text-opacity: 0.5 !important;
+  }
+
+  .xl\:focus\:text-opacity-75:focus {
+    --text-opacity: 0.75 !important;
+  }
+
+  .xl\:focus\:text-opacity-100:focus {
+    --text-opacity: 1 !important;
   }
 
   .xl\:italic {
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 78aa6ce8c..cb1865434 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -1135,371 +1135,575 @@ video {
 }
 
 .divide-black > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #000;
+  border-color: rgba(0, 0, 0, var(--divide-opacity));
 }
 
 .divide-white > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #fff;
+  border-color: rgba(255, 255, 255, var(--divide-opacity));
 }
 
 .divide-gray-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #f7fafc;
+  border-color: rgba(247, 250, 252, var(--divide-opacity));
 }
 
 .divide-gray-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #edf2f7;
+  border-color: rgba(237, 242, 247, var(--divide-opacity));
 }
 
 .divide-gray-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #e2e8f0;
+  border-color: rgba(226, 232, 240, var(--divide-opacity));
 }
 
 .divide-gray-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #cbd5e0;
+  border-color: rgba(203, 213, 224, var(--divide-opacity));
 }
 
 .divide-gray-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #a0aec0;
+  border-color: rgba(160, 174, 192, var(--divide-opacity));
 }
 
 .divide-gray-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #718096;
+  border-color: rgba(113, 128, 150, var(--divide-opacity));
 }
 
 .divide-gray-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #4a5568;
+  border-color: rgba(74, 85, 104, var(--divide-opacity));
 }
 
 .divide-gray-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #2d3748;
+  border-color: rgba(45, 55, 72, var(--divide-opacity));
 }
 
 .divide-gray-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #1a202c;
+  border-color: rgba(26, 32, 44, var(--divide-opacity));
 }
 
 .divide-red-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #fff5f5;
+  border-color: rgba(255, 245, 245, var(--divide-opacity));
 }
 
 .divide-red-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #fed7d7;
+  border-color: rgba(254, 215, 215, var(--divide-opacity));
 }
 
 .divide-red-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #feb2b2;
+  border-color: rgba(254, 178, 178, var(--divide-opacity));
 }
 
 .divide-red-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #fc8181;
+  border-color: rgba(252, 129, 129, var(--divide-opacity));
 }
 
 .divide-red-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #f56565;
+  border-color: rgba(245, 101, 101, var(--divide-opacity));
 }
 
 .divide-red-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #e53e3e;
+  border-color: rgba(229, 62, 62, var(--divide-opacity));
 }
 
 .divide-red-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #c53030;
+  border-color: rgba(197, 48, 48, var(--divide-opacity));
 }
 
 .divide-red-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #9b2c2c;
+  border-color: rgba(155, 44, 44, var(--divide-opacity));
 }
 
 .divide-red-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #742a2a;
+  border-color: rgba(116, 42, 42, var(--divide-opacity));
 }
 
 .divide-orange-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #fffaf0;
+  border-color: rgba(255, 250, 240, var(--divide-opacity));
 }
 
 .divide-orange-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #feebc8;
+  border-color: rgba(254, 235, 200, var(--divide-opacity));
 }
 
 .divide-orange-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #fbd38d;
+  border-color: rgba(251, 211, 141, var(--divide-opacity));
 }
 
 .divide-orange-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #f6ad55;
+  border-color: rgba(246, 173, 85, var(--divide-opacity));
 }
 
 .divide-orange-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #ed8936;
+  border-color: rgba(237, 137, 54, var(--divide-opacity));
 }
 
 .divide-orange-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #dd6b20;
+  border-color: rgba(221, 107, 32, var(--divide-opacity));
 }
 
 .divide-orange-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #c05621;
+  border-color: rgba(192, 86, 33, var(--divide-opacity));
 }
 
 .divide-orange-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #9c4221;
+  border-color: rgba(156, 66, 33, var(--divide-opacity));
 }
 
 .divide-orange-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #7b341e;
+  border-color: rgba(123, 52, 30, var(--divide-opacity));
 }
 
 .divide-yellow-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #fffff0;
+  border-color: rgba(255, 255, 240, var(--divide-opacity));
 }
 
 .divide-yellow-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #fefcbf;
+  border-color: rgba(254, 252, 191, var(--divide-opacity));
 }
 
 .divide-yellow-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #faf089;
+  border-color: rgba(250, 240, 137, var(--divide-opacity));
 }
 
 .divide-yellow-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #f6e05e;
+  border-color: rgba(246, 224, 94, var(--divide-opacity));
 }
 
 .divide-yellow-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #ecc94b;
+  border-color: rgba(236, 201, 75, var(--divide-opacity));
 }
 
 .divide-yellow-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #d69e2e;
+  border-color: rgba(214, 158, 46, var(--divide-opacity));
 }
 
 .divide-yellow-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #b7791f;
+  border-color: rgba(183, 121, 31, var(--divide-opacity));
 }
 
 .divide-yellow-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #975a16;
+  border-color: rgba(151, 90, 22, var(--divide-opacity));
 }
 
 .divide-yellow-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #744210;
+  border-color: rgba(116, 66, 16, var(--divide-opacity));
 }
 
 .divide-green-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #f0fff4;
+  border-color: rgba(240, 255, 244, var(--divide-opacity));
 }
 
 .divide-green-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #c6f6d5;
+  border-color: rgba(198, 246, 213, var(--divide-opacity));
 }
 
 .divide-green-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #9ae6b4;
+  border-color: rgba(154, 230, 180, var(--divide-opacity));
 }
 
 .divide-green-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #68d391;
+  border-color: rgba(104, 211, 145, var(--divide-opacity));
 }
 
 .divide-green-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #48bb78;
+  border-color: rgba(72, 187, 120, var(--divide-opacity));
 }
 
 .divide-green-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #38a169;
+  border-color: rgba(56, 161, 105, var(--divide-opacity));
 }
 
 .divide-green-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #2f855a;
+  border-color: rgba(47, 133, 90, var(--divide-opacity));
 }
 
 .divide-green-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #276749;
+  border-color: rgba(39, 103, 73, var(--divide-opacity));
 }
 
 .divide-green-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #22543d;
+  border-color: rgba(34, 84, 61, var(--divide-opacity));
 }
 
 .divide-teal-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #e6fffa;
+  border-color: rgba(230, 255, 250, var(--divide-opacity));
 }
 
 .divide-teal-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #b2f5ea;
+  border-color: rgba(178, 245, 234, var(--divide-opacity));
 }
 
 .divide-teal-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #81e6d9;
+  border-color: rgba(129, 230, 217, var(--divide-opacity));
 }
 
 .divide-teal-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #4fd1c5;
+  border-color: rgba(79, 209, 197, var(--divide-opacity));
 }
 
 .divide-teal-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #38b2ac;
+  border-color: rgba(56, 178, 172, var(--divide-opacity));
 }
 
 .divide-teal-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #319795;
+  border-color: rgba(49, 151, 149, var(--divide-opacity));
 }
 
 .divide-teal-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #2c7a7b;
+  border-color: rgba(44, 122, 123, var(--divide-opacity));
 }
 
 .divide-teal-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #285e61;
+  border-color: rgba(40, 94, 97, var(--divide-opacity));
 }
 
 .divide-teal-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #234e52;
+  border-color: rgba(35, 78, 82, var(--divide-opacity));
 }
 
 .divide-blue-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #ebf8ff;
+  border-color: rgba(235, 248, 255, var(--divide-opacity));
 }
 
 .divide-blue-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #bee3f8;
+  border-color: rgba(190, 227, 248, var(--divide-opacity));
 }
 
 .divide-blue-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #90cdf4;
+  border-color: rgba(144, 205, 244, var(--divide-opacity));
 }
 
 .divide-blue-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #63b3ed;
+  border-color: rgba(99, 179, 237, var(--divide-opacity));
 }
 
 .divide-blue-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #4299e1;
+  border-color: rgba(66, 153, 225, var(--divide-opacity));
 }
 
 .divide-blue-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #3182ce;
+  border-color: rgba(49, 130, 206, var(--divide-opacity));
 }
 
 .divide-blue-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #2b6cb0;
+  border-color: rgba(43, 108, 176, var(--divide-opacity));
 }
 
 .divide-blue-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #2c5282;
+  border-color: rgba(44, 82, 130, var(--divide-opacity));
 }
 
 .divide-blue-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #2a4365;
+  border-color: rgba(42, 67, 101, var(--divide-opacity));
 }
 
 .divide-indigo-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #ebf4ff;
+  border-color: rgba(235, 244, 255, var(--divide-opacity));
 }
 
 .divide-indigo-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #c3dafe;
+  border-color: rgba(195, 218, 254, var(--divide-opacity));
 }
 
 .divide-indigo-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #a3bffa;
+  border-color: rgba(163, 191, 250, var(--divide-opacity));
 }
 
 .divide-indigo-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #7f9cf5;
+  border-color: rgba(127, 156, 245, var(--divide-opacity));
 }
 
 .divide-indigo-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #667eea;
+  border-color: rgba(102, 126, 234, var(--divide-opacity));
 }
 
 .divide-indigo-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #5a67d8;
+  border-color: rgba(90, 103, 216, var(--divide-opacity));
 }
 
 .divide-indigo-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #4c51bf;
+  border-color: rgba(76, 81, 191, var(--divide-opacity));
 }
 
 .divide-indigo-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #434190;
+  border-color: rgba(67, 65, 144, var(--divide-opacity));
 }
 
 .divide-indigo-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #3c366b;
+  border-color: rgba(60, 54, 107, var(--divide-opacity));
 }
 
 .divide-purple-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #faf5ff;
+  border-color: rgba(250, 245, 255, var(--divide-opacity));
 }
 
 .divide-purple-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #e9d8fd;
+  border-color: rgba(233, 216, 253, var(--divide-opacity));
 }
 
 .divide-purple-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #d6bcfa;
+  border-color: rgba(214, 188, 250, var(--divide-opacity));
 }
 
 .divide-purple-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #b794f4;
+  border-color: rgba(183, 148, 244, var(--divide-opacity));
 }
 
 .divide-purple-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #9f7aea;
+  border-color: rgba(159, 122, 234, var(--divide-opacity));
 }
 
 .divide-purple-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #805ad5;
+  border-color: rgba(128, 90, 213, var(--divide-opacity));
 }
 
 .divide-purple-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #6b46c1;
+  border-color: rgba(107, 70, 193, var(--divide-opacity));
 }
 
 .divide-purple-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #553c9a;
+  border-color: rgba(85, 60, 154, var(--divide-opacity));
 }
 
 .divide-purple-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #44337a;
+  border-color: rgba(68, 51, 122, var(--divide-opacity));
 }
 
 .divide-pink-100 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #fff5f7;
+  border-color: rgba(255, 245, 247, var(--divide-opacity));
 }
 
 .divide-pink-200 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #fed7e2;
+  border-color: rgba(254, 215, 226, var(--divide-opacity));
 }
 
 .divide-pink-300 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #fbb6ce;
+  border-color: rgba(251, 182, 206, var(--divide-opacity));
 }
 
 .divide-pink-400 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #f687b3;
+  border-color: rgba(246, 135, 179, var(--divide-opacity));
 }
 
 .divide-pink-500 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #ed64a6;
+  border-color: rgba(237, 100, 166, var(--divide-opacity));
 }
 
 .divide-pink-600 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #d53f8c;
+  border-color: rgba(213, 63, 140, var(--divide-opacity));
 }
 
 .divide-pink-700 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #b83280;
+  border-color: rgba(184, 50, 128, var(--divide-opacity));
 }
 
 .divide-pink-800 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #97266d;
+  border-color: rgba(151, 38, 109, var(--divide-opacity));
 }
 
 .divide-pink-900 > :not(template) ~ :not(template) {
+  --divide-opacity: 1;
   border-color: #702459;
+  border-color: rgba(112, 36, 89, var(--divide-opacity));
+}
+
+.divide-opacity-0 {
+  --divide-opacity: 0;
+}
+
+.divide-opacity-25 {
+  --divide-opacity: 0.25;
+}
+
+.divide-opacity-50 {
+  --divide-opacity: 0.5;
+}
+
+.divide-opacity-75 {
+  --divide-opacity: 0.75;
+}
+
+.divide-opacity-100 {
+  --divide-opacity: 1;
 }
 
 .sr-only {
@@ -1573,371 +1777,555 @@ video {
 }
 
 .bg-black {
+  --bg-opacity: 1;
   background-color: #000;
+  background-color: rgba(0, 0, 0, var(--bg-opacity));
 }
 
 .bg-white {
+  --bg-opacity: 1;
   background-color: #fff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
 }
 
 .bg-gray-100 {
+  --bg-opacity: 1;
   background-color: #f7fafc;
+  background-color: rgba(247, 250, 252, var(--bg-opacity));
 }
 
 .bg-gray-200 {
+  --bg-opacity: 1;
   background-color: #edf2f7;
+  background-color: rgba(237, 242, 247, var(--bg-opacity));
 }
 
 .bg-gray-300 {
+  --bg-opacity: 1;
   background-color: #e2e8f0;
+  background-color: rgba(226, 232, 240, var(--bg-opacity));
 }
 
 .bg-gray-400 {
+  --bg-opacity: 1;
   background-color: #cbd5e0;
+  background-color: rgba(203, 213, 224, var(--bg-opacity));
 }
 
 .bg-gray-500 {
+  --bg-opacity: 1;
   background-color: #a0aec0;
+  background-color: rgba(160, 174, 192, var(--bg-opacity));
 }
 
 .bg-gray-600 {
+  --bg-opacity: 1;
   background-color: #718096;
+  background-color: rgba(113, 128, 150, var(--bg-opacity));
 }
 
 .bg-gray-700 {
+  --bg-opacity: 1;
   background-color: #4a5568;
+  background-color: rgba(74, 85, 104, var(--bg-opacity));
 }
 
 .bg-gray-800 {
+  --bg-opacity: 1;
   background-color: #2d3748;
+  background-color: rgba(45, 55, 72, var(--bg-opacity));
 }
 
 .bg-gray-900 {
+  --bg-opacity: 1;
   background-color: #1a202c;
+  background-color: rgba(26, 32, 44, var(--bg-opacity));
 }
 
 .bg-red-100 {
+  --bg-opacity: 1;
   background-color: #fff5f5;
+  background-color: rgba(255, 245, 245, var(--bg-opacity));
 }
 
 .bg-red-200 {
+  --bg-opacity: 1;
   background-color: #fed7d7;
+  background-color: rgba(254, 215, 215, var(--bg-opacity));
 }
 
 .bg-red-300 {
+  --bg-opacity: 1;
   background-color: #feb2b2;
+  background-color: rgba(254, 178, 178, var(--bg-opacity));
 }
 
 .bg-red-400 {
+  --bg-opacity: 1;
   background-color: #fc8181;
+  background-color: rgba(252, 129, 129, var(--bg-opacity));
 }
 
 .bg-red-500 {
+  --bg-opacity: 1;
   background-color: #f56565;
+  background-color: rgba(245, 101, 101, var(--bg-opacity));
 }
 
 .bg-red-600 {
+  --bg-opacity: 1;
   background-color: #e53e3e;
+  background-color: rgba(229, 62, 62, var(--bg-opacity));
 }
 
 .bg-red-700 {
+  --bg-opacity: 1;
   background-color: #c53030;
+  background-color: rgba(197, 48, 48, var(--bg-opacity));
 }
 
 .bg-red-800 {
+  --bg-opacity: 1;
   background-color: #9b2c2c;
+  background-color: rgba(155, 44, 44, var(--bg-opacity));
 }
 
 .bg-red-900 {
+  --bg-opacity: 1;
   background-color: #742a2a;
+  background-color: rgba(116, 42, 42, var(--bg-opacity));
 }
 
 .bg-orange-100 {
+  --bg-opacity: 1;
   background-color: #fffaf0;
+  background-color: rgba(255, 250, 240, var(--bg-opacity));
 }
 
 .bg-orange-200 {
+  --bg-opacity: 1;
   background-color: #feebc8;
+  background-color: rgba(254, 235, 200, var(--bg-opacity));
 }
 
 .bg-orange-300 {
+  --bg-opacity: 1;
   background-color: #fbd38d;
+  background-color: rgba(251, 211, 141, var(--bg-opacity));
 }
 
 .bg-orange-400 {
+  --bg-opacity: 1;
   background-color: #f6ad55;
+  background-color: rgba(246, 173, 85, var(--bg-opacity));
 }
 
 .bg-orange-500 {
+  --bg-opacity: 1;
   background-color: #ed8936;
+  background-color: rgba(237, 137, 54, var(--bg-opacity));
 }
 
 .bg-orange-600 {
+  --bg-opacity: 1;
   background-color: #dd6b20;
+  background-color: rgba(221, 107, 32, var(--bg-opacity));
 }
 
 .bg-orange-700 {
+  --bg-opacity: 1;
   background-color: #c05621;
+  background-color: rgba(192, 86, 33, var(--bg-opacity));
 }
 
 .bg-orange-800 {
+  --bg-opacity: 1;
   background-color: #9c4221;
+  background-color: rgba(156, 66, 33, var(--bg-opacity));
 }
 
 .bg-orange-900 {
+  --bg-opacity: 1;
   background-color: #7b341e;
+  background-color: rgba(123, 52, 30, var(--bg-opacity));
 }
 
 .bg-yellow-100 {
+  --bg-opacity: 1;
   background-color: #fffff0;
+  background-color: rgba(255, 255, 240, var(--bg-opacity));
 }
 
 .bg-yellow-200 {
+  --bg-opacity: 1;
   background-color: #fefcbf;
+  background-color: rgba(254, 252, 191, var(--bg-opacity));
 }
 
 .bg-yellow-300 {
+  --bg-opacity: 1;
   background-color: #faf089;
+  background-color: rgba(250, 240, 137, var(--bg-opacity));
 }
 
 .bg-yellow-400 {
+  --bg-opacity: 1;
   background-color: #f6e05e;
+  background-color: rgba(246, 224, 94, var(--bg-opacity));
 }
 
 .bg-yellow-500 {
+  --bg-opacity: 1;
   background-color: #ecc94b;
+  background-color: rgba(236, 201, 75, var(--bg-opacity));
 }
 
 .bg-yellow-600 {
+  --bg-opacity: 1;
   background-color: #d69e2e;
+  background-color: rgba(214, 158, 46, var(--bg-opacity));
 }
 
 .bg-yellow-700 {
+  --bg-opacity: 1;
   background-color: #b7791f;
+  background-color: rgba(183, 121, 31, var(--bg-opacity));
 }
 
 .bg-yellow-800 {
+  --bg-opacity: 1;
   background-color: #975a16;
+  background-color: rgba(151, 90, 22, var(--bg-opacity));
 }
 
 .bg-yellow-900 {
+  --bg-opacity: 1;
   background-color: #744210;
+  background-color: rgba(116, 66, 16, var(--bg-opacity));
 }
 
 .bg-green-100 {
+  --bg-opacity: 1;
   background-color: #f0fff4;
+  background-color: rgba(240, 255, 244, var(--bg-opacity));
 }
 
 .bg-green-200 {
+  --bg-opacity: 1;
   background-color: #c6f6d5;
+  background-color: rgba(198, 246, 213, var(--bg-opacity));
 }
 
 .bg-green-300 {
+  --bg-opacity: 1;
   background-color: #9ae6b4;
+  background-color: rgba(154, 230, 180, var(--bg-opacity));
 }
 
 .bg-green-400 {
+  --bg-opacity: 1;
   background-color: #68d391;
+  background-color: rgba(104, 211, 145, var(--bg-opacity));
 }
 
 .bg-green-500 {
+  --bg-opacity: 1;
   background-color: #48bb78;
+  background-color: rgba(72, 187, 120, var(--bg-opacity));
 }
 
 .bg-green-600 {
+  --bg-opacity: 1;
   background-color: #38a169;
+  background-color: rgba(56, 161, 105, var(--bg-opacity));
 }
 
 .bg-green-700 {
+  --bg-opacity: 1;
   background-color: #2f855a;
+  background-color: rgba(47, 133, 90, var(--bg-opacity));
 }
 
 .bg-green-800 {
+  --bg-opacity: 1;
   background-color: #276749;
+  background-color: rgba(39, 103, 73, var(--bg-opacity));
 }
 
 .bg-green-900 {
+  --bg-opacity: 1;
   background-color: #22543d;
+  background-color: rgba(34, 84, 61, var(--bg-opacity));
 }
 
 .bg-teal-100 {
+  --bg-opacity: 1;
   background-color: #e6fffa;
+  background-color: rgba(230, 255, 250, var(--bg-opacity));
 }
 
 .bg-teal-200 {
+  --bg-opacity: 1;
   background-color: #b2f5ea;
+  background-color: rgba(178, 245, 234, var(--bg-opacity));
 }
 
 .bg-teal-300 {
+  --bg-opacity: 1;
   background-color: #81e6d9;
+  background-color: rgba(129, 230, 217, var(--bg-opacity));
 }
 
 .bg-teal-400 {
+  --bg-opacity: 1;
   background-color: #4fd1c5;
+  background-color: rgba(79, 209, 197, var(--bg-opacity));
 }
 
 .bg-teal-500 {
+  --bg-opacity: 1;
   background-color: #38b2ac;
+  background-color: rgba(56, 178, 172, var(--bg-opacity));
 }
 
 .bg-teal-600 {
+  --bg-opacity: 1;
   background-color: #319795;
+  background-color: rgba(49, 151, 149, var(--bg-opacity));
 }
 
 .bg-teal-700 {
+  --bg-opacity: 1;
   background-color: #2c7a7b;
+  background-color: rgba(44, 122, 123, var(--bg-opacity));
 }
 
 .bg-teal-800 {
+  --bg-opacity: 1;
   background-color: #285e61;
+  background-color: rgba(40, 94, 97, var(--bg-opacity));
 }
 
 .bg-teal-900 {
+  --bg-opacity: 1;
   background-color: #234e52;
+  background-color: rgba(35, 78, 82, var(--bg-opacity));
 }
 
 .bg-blue-100 {
+  --bg-opacity: 1;
   background-color: #ebf8ff;
+  background-color: rgba(235, 248, 255, var(--bg-opacity));
 }
 
 .bg-blue-200 {
+  --bg-opacity: 1;
   background-color: #bee3f8;
+  background-color: rgba(190, 227, 248, var(--bg-opacity));
 }
 
 .bg-blue-300 {
+  --bg-opacity: 1;
   background-color: #90cdf4;
+  background-color: rgba(144, 205, 244, var(--bg-opacity));
 }
 
 .bg-blue-400 {
+  --bg-opacity: 1;
   background-color: #63b3ed;
+  background-color: rgba(99, 179, 237, var(--bg-opacity));
 }
 
 .bg-blue-500 {
+  --bg-opacity: 1;
   background-color: #4299e1;
+  background-color: rgba(66, 153, 225, var(--bg-opacity));
 }
 
 .bg-blue-600 {
+  --bg-opacity: 1;
   background-color: #3182ce;
+  background-color: rgba(49, 130, 206, var(--bg-opacity));
 }
 
 .bg-blue-700 {
+  --bg-opacity: 1;
   background-color: #2b6cb0;
+  background-color: rgba(43, 108, 176, var(--bg-opacity));
 }
 
 .bg-blue-800 {
+  --bg-opacity: 1;
   background-color: #2c5282;
+  background-color: rgba(44, 82, 130, var(--bg-opacity));
 }
 
 .bg-blue-900 {
+  --bg-opacity: 1;
   background-color: #2a4365;
+  background-color: rgba(42, 67, 101, var(--bg-opacity));
 }
 
 .bg-indigo-100 {
+  --bg-opacity: 1;
   background-color: #ebf4ff;
+  background-color: rgba(235, 244, 255, var(--bg-opacity));
 }
 
 .bg-indigo-200 {
+  --bg-opacity: 1;
   background-color: #c3dafe;
+  background-color: rgba(195, 218, 254, var(--bg-opacity));
 }
 
 .bg-indigo-300 {
+  --bg-opacity: 1;
   background-color: #a3bffa;
+  background-color: rgba(163, 191, 250, var(--bg-opacity));
 }
 
 .bg-indigo-400 {
+  --bg-opacity: 1;
   background-color: #7f9cf5;
+  background-color: rgba(127, 156, 245, var(--bg-opacity));
 }
 
 .bg-indigo-500 {
+  --bg-opacity: 1;
   background-color: #667eea;
+  background-color: rgba(102, 126, 234, var(--bg-opacity));
 }
 
 .bg-indigo-600 {
+  --bg-opacity: 1;
   background-color: #5a67d8;
+  background-color: rgba(90, 103, 216, var(--bg-opacity));
 }
 
 .bg-indigo-700 {
+  --bg-opacity: 1;
   background-color: #4c51bf;
+  background-color: rgba(76, 81, 191, var(--bg-opacity));
 }
 
 .bg-indigo-800 {
+  --bg-opacity: 1;
   background-color: #434190;
+  background-color: rgba(67, 65, 144, var(--bg-opacity));
 }
 
 .bg-indigo-900 {
+  --bg-opacity: 1;
   background-color: #3c366b;
+  background-color: rgba(60, 54, 107, var(--bg-opacity));
 }
 
 .bg-purple-100 {
+  --bg-opacity: 1;
   background-color: #faf5ff;
+  background-color: rgba(250, 245, 255, var(--bg-opacity));
 }
 
 .bg-purple-200 {
+  --bg-opacity: 1;
   background-color: #e9d8fd;
+  background-color: rgba(233, 216, 253, var(--bg-opacity));
 }
 
 .bg-purple-300 {
+  --bg-opacity: 1;
   background-color: #d6bcfa;
+  background-color: rgba(214, 188, 250, var(--bg-opacity));
 }
 
 .bg-purple-400 {
+  --bg-opacity: 1;
   background-color: #b794f4;
+  background-color: rgba(183, 148, 244, var(--bg-opacity));
 }
 
 .bg-purple-500 {
+  --bg-opacity: 1;
   background-color: #9f7aea;
+  background-color: rgba(159, 122, 234, var(--bg-opacity));
 }
 
 .bg-purple-600 {
+  --bg-opacity: 1;
   background-color: #805ad5;
+  background-color: rgba(128, 90, 213, var(--bg-opacity));
 }
 
 .bg-purple-700 {
+  --bg-opacity: 1;
   background-color: #6b46c1;
+  background-color: rgba(107, 70, 193, var(--bg-opacity));
 }
 
 .bg-purple-800 {
+  --bg-opacity: 1;
   background-color: #553c9a;
+  background-color: rgba(85, 60, 154, var(--bg-opacity));
 }
 
 .bg-purple-900 {
+  --bg-opacity: 1;
   background-color: #44337a;
+  background-color: rgba(68, 51, 122, var(--bg-opacity));
 }
 
 .bg-pink-100 {
+  --bg-opacity: 1;
   background-color: #fff5f7;
+  background-color: rgba(255, 245, 247, var(--bg-opacity));
 }
 
 .bg-pink-200 {
+  --bg-opacity: 1;
   background-color: #fed7e2;
+  background-color: rgba(254, 215, 226, var(--bg-opacity));
 }
 
 .bg-pink-300 {
+  --bg-opacity: 1;
   background-color: #fbb6ce;
+  background-color: rgba(251, 182, 206, var(--bg-opacity));
 }
 
 .bg-pink-400 {
+  --bg-opacity: 1;
   background-color: #f687b3;
+  background-color: rgba(246, 135, 179, var(--bg-opacity));
 }
 
 .bg-pink-500 {
+  --bg-opacity: 1;
   background-color: #ed64a6;
+  background-color: rgba(237, 100, 166, var(--bg-opacity));
 }
 
 .bg-pink-600 {
+  --bg-opacity: 1;
   background-color: #d53f8c;
+  background-color: rgba(213, 63, 140, var(--bg-opacity));
 }
 
 .bg-pink-700 {
+  --bg-opacity: 1;
   background-color: #b83280;
+  background-color: rgba(184, 50, 128, var(--bg-opacity));
 }
 
 .bg-pink-800 {
+  --bg-opacity: 1;
   background-color: #97266d;
+  background-color: rgba(151, 38, 109, var(--bg-opacity));
 }
 
 .bg-pink-900 {
+  --bg-opacity: 1;
   background-color: #702459;
+  background-color: rgba(112, 36, 89, var(--bg-opacity));
 }
 
 .hover\:bg-transparent:hover {
@@ -1949,371 +2337,555 @@ video {
 }
 
 .hover\:bg-black:hover {
+  --bg-opacity: 1;
   background-color: #000;
+  background-color: rgba(0, 0, 0, var(--bg-opacity));
 }
 
 .hover\:bg-white:hover {
+  --bg-opacity: 1;
   background-color: #fff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
 }
 
 .hover\:bg-gray-100:hover {
+  --bg-opacity: 1;
   background-color: #f7fafc;
+  background-color: rgba(247, 250, 252, var(--bg-opacity));
 }
 
 .hover\:bg-gray-200:hover {
+  --bg-opacity: 1;
   background-color: #edf2f7;
+  background-color: rgba(237, 242, 247, var(--bg-opacity));
 }
 
 .hover\:bg-gray-300:hover {
+  --bg-opacity: 1;
   background-color: #e2e8f0;
+  background-color: rgba(226, 232, 240, var(--bg-opacity));
 }
 
 .hover\:bg-gray-400:hover {
+  --bg-opacity: 1;
   background-color: #cbd5e0;
+  background-color: rgba(203, 213, 224, var(--bg-opacity));
 }
 
 .hover\:bg-gray-500:hover {
+  --bg-opacity: 1;
   background-color: #a0aec0;
+  background-color: rgba(160, 174, 192, var(--bg-opacity));
 }
 
 .hover\:bg-gray-600:hover {
+  --bg-opacity: 1;
   background-color: #718096;
+  background-color: rgba(113, 128, 150, var(--bg-opacity));
 }
 
 .hover\:bg-gray-700:hover {
+  --bg-opacity: 1;
   background-color: #4a5568;
+  background-color: rgba(74, 85, 104, var(--bg-opacity));
 }
 
 .hover\:bg-gray-800:hover {
+  --bg-opacity: 1;
   background-color: #2d3748;
+  background-color: rgba(45, 55, 72, var(--bg-opacity));
 }
 
 .hover\:bg-gray-900:hover {
+  --bg-opacity: 1;
   background-color: #1a202c;
+  background-color: rgba(26, 32, 44, var(--bg-opacity));
 }
 
 .hover\:bg-red-100:hover {
+  --bg-opacity: 1;
   background-color: #fff5f5;
+  background-color: rgba(255, 245, 245, var(--bg-opacity));
 }
 
 .hover\:bg-red-200:hover {
+  --bg-opacity: 1;
   background-color: #fed7d7;
+  background-color: rgba(254, 215, 215, var(--bg-opacity));
 }
 
 .hover\:bg-red-300:hover {
+  --bg-opacity: 1;
   background-color: #feb2b2;
+  background-color: rgba(254, 178, 178, var(--bg-opacity));
 }
 
 .hover\:bg-red-400:hover {
+  --bg-opacity: 1;
   background-color: #fc8181;
+  background-color: rgba(252, 129, 129, var(--bg-opacity));
 }
 
 .hover\:bg-red-500:hover {
+  --bg-opacity: 1;
   background-color: #f56565;
+  background-color: rgba(245, 101, 101, var(--bg-opacity));
 }
 
 .hover\:bg-red-600:hover {
+  --bg-opacity: 1;
   background-color: #e53e3e;
+  background-color: rgba(229, 62, 62, var(--bg-opacity));
 }
 
 .hover\:bg-red-700:hover {
+  --bg-opacity: 1;
   background-color: #c53030;
+  background-color: rgba(197, 48, 48, var(--bg-opacity));
 }
 
 .hover\:bg-red-800:hover {
+  --bg-opacity: 1;
   background-color: #9b2c2c;
+  background-color: rgba(155, 44, 44, var(--bg-opacity));
 }
 
 .hover\:bg-red-900:hover {
+  --bg-opacity: 1;
   background-color: #742a2a;
+  background-color: rgba(116, 42, 42, var(--bg-opacity));
 }
 
 .hover\:bg-orange-100:hover {
+  --bg-opacity: 1;
   background-color: #fffaf0;
+  background-color: rgba(255, 250, 240, var(--bg-opacity));
 }
 
 .hover\:bg-orange-200:hover {
+  --bg-opacity: 1;
   background-color: #feebc8;
+  background-color: rgba(254, 235, 200, var(--bg-opacity));
 }
 
 .hover\:bg-orange-300:hover {
+  --bg-opacity: 1;
   background-color: #fbd38d;
+  background-color: rgba(251, 211, 141, var(--bg-opacity));
 }
 
 .hover\:bg-orange-400:hover {
+  --bg-opacity: 1;
   background-color: #f6ad55;
+  background-color: rgba(246, 173, 85, var(--bg-opacity));
 }
 
 .hover\:bg-orange-500:hover {
+  --bg-opacity: 1;
   background-color: #ed8936;
+  background-color: rgba(237, 137, 54, var(--bg-opacity));
 }
 
 .hover\:bg-orange-600:hover {
+  --bg-opacity: 1;
   background-color: #dd6b20;
+  background-color: rgba(221, 107, 32, var(--bg-opacity));
 }
 
 .hover\:bg-orange-700:hover {
+  --bg-opacity: 1;
   background-color: #c05621;
+  background-color: rgba(192, 86, 33, var(--bg-opacity));
 }
 
 .hover\:bg-orange-800:hover {
+  --bg-opacity: 1;
   background-color: #9c4221;
+  background-color: rgba(156, 66, 33, var(--bg-opacity));
 }
 
 .hover\:bg-orange-900:hover {
+  --bg-opacity: 1;
   background-color: #7b341e;
+  background-color: rgba(123, 52, 30, var(--bg-opacity));
 }
 
 .hover\:bg-yellow-100:hover {
+  --bg-opacity: 1;
   background-color: #fffff0;
+  background-color: rgba(255, 255, 240, var(--bg-opacity));
 }
 
 .hover\:bg-yellow-200:hover {
+  --bg-opacity: 1;
   background-color: #fefcbf;
+  background-color: rgba(254, 252, 191, var(--bg-opacity));
 }
 
 .hover\:bg-yellow-300:hover {
+  --bg-opacity: 1;
   background-color: #faf089;
+  background-color: rgba(250, 240, 137, var(--bg-opacity));
 }
 
 .hover\:bg-yellow-400:hover {
+  --bg-opacity: 1;
   background-color: #f6e05e;
+  background-color: rgba(246, 224, 94, var(--bg-opacity));
 }
 
 .hover\:bg-yellow-500:hover {
+  --bg-opacity: 1;
   background-color: #ecc94b;
+  background-color: rgba(236, 201, 75, var(--bg-opacity));
 }
 
 .hover\:bg-yellow-600:hover {
+  --bg-opacity: 1;
   background-color: #d69e2e;
+  background-color: rgba(214, 158, 46, var(--bg-opacity));
 }
 
 .hover\:bg-yellow-700:hover {
+  --bg-opacity: 1;
   background-color: #b7791f;
+  background-color: rgba(183, 121, 31, var(--bg-opacity));
 }
 
 .hover\:bg-yellow-800:hover {
+  --bg-opacity: 1;
   background-color: #975a16;
+  background-color: rgba(151, 90, 22, var(--bg-opacity));
 }
 
 .hover\:bg-yellow-900:hover {
+  --bg-opacity: 1;
   background-color: #744210;
+  background-color: rgba(116, 66, 16, var(--bg-opacity));
 }
 
 .hover\:bg-green-100:hover {
+  --bg-opacity: 1;
   background-color: #f0fff4;
+  background-color: rgba(240, 255, 244, var(--bg-opacity));
 }
 
 .hover\:bg-green-200:hover {
+  --bg-opacity: 1;
   background-color: #c6f6d5;
+  background-color: rgba(198, 246, 213, var(--bg-opacity));
 }
 
 .hover\:bg-green-300:hover {
+  --bg-opacity: 1;
   background-color: #9ae6b4;
+  background-color: rgba(154, 230, 180, var(--bg-opacity));
 }
 
 .hover\:bg-green-400:hover {
+  --bg-opacity: 1;
   background-color: #68d391;
+  background-color: rgba(104, 211, 145, var(--bg-opacity));
 }
 
 .hover\:bg-green-500:hover {
+  --bg-opacity: 1;
   background-color: #48bb78;
+  background-color: rgba(72, 187, 120, var(--bg-opacity));
 }
 
 .hover\:bg-green-600:hover {
+  --bg-opacity: 1;
   background-color: #38a169;
+  background-color: rgba(56, 161, 105, var(--bg-opacity));
 }
 
 .hover\:bg-green-700:hover {
+  --bg-opacity: 1;
   background-color: #2f855a;
+  background-color: rgba(47, 133, 90, var(--bg-opacity));
 }
 
 .hover\:bg-green-800:hover {
+  --bg-opacity: 1;
   background-color: #276749;
+  background-color: rgba(39, 103, 73, var(--bg-opacity));
 }
 
 .hover\:bg-green-900:hover {
+  --bg-opacity: 1;
   background-color: #22543d;
+  background-color: rgba(34, 84, 61, var(--bg-opacity));
 }
 
 .hover\:bg-teal-100:hover {
+  --bg-opacity: 1;
   background-color: #e6fffa;
+  background-color: rgba(230, 255, 250, var(--bg-opacity));
 }
 
 .hover\:bg-teal-200:hover {
+  --bg-opacity: 1;
   background-color: #b2f5ea;
+  background-color: rgba(178, 245, 234, var(--bg-opacity));
 }
 
 .hover\:bg-teal-300:hover {
+  --bg-opacity: 1;
   background-color: #81e6d9;
+  background-color: rgba(129, 230, 217, var(--bg-opacity));
 }
 
 .hover\:bg-teal-400:hover {
+  --bg-opacity: 1;
   background-color: #4fd1c5;
+  background-color: rgba(79, 209, 197, var(--bg-opacity));
 }
 
 .hover\:bg-teal-500:hover {
+  --bg-opacity: 1;
   background-color: #38b2ac;
+  background-color: rgba(56, 178, 172, var(--bg-opacity));
 }
 
 .hover\:bg-teal-600:hover {
+  --bg-opacity: 1;
   background-color: #319795;
+  background-color: rgba(49, 151, 149, var(--bg-opacity));
 }
 
 .hover\:bg-teal-700:hover {
+  --bg-opacity: 1;
   background-color: #2c7a7b;
+  background-color: rgba(44, 122, 123, var(--bg-opacity));
 }
 
 .hover\:bg-teal-800:hover {
+  --bg-opacity: 1;
   background-color: #285e61;
+  background-color: rgba(40, 94, 97, var(--bg-opacity));
 }
 
 .hover\:bg-teal-900:hover {
+  --bg-opacity: 1;
   background-color: #234e52;
+  background-color: rgba(35, 78, 82, var(--bg-opacity));
 }
 
 .hover\:bg-blue-100:hover {
+  --bg-opacity: 1;
   background-color: #ebf8ff;
+  background-color: rgba(235, 248, 255, var(--bg-opacity));
 }
 
 .hover\:bg-blue-200:hover {
+  --bg-opacity: 1;
   background-color: #bee3f8;
+  background-color: rgba(190, 227, 248, var(--bg-opacity));
 }
 
 .hover\:bg-blue-300:hover {
+  --bg-opacity: 1;
   background-color: #90cdf4;
+  background-color: rgba(144, 205, 244, var(--bg-opacity));
 }
 
 .hover\:bg-blue-400:hover {
+  --bg-opacity: 1;
   background-color: #63b3ed;
+  background-color: rgba(99, 179, 237, var(--bg-opacity));
 }
 
 .hover\:bg-blue-500:hover {
+  --bg-opacity: 1;
   background-color: #4299e1;
+  background-color: rgba(66, 153, 225, var(--bg-opacity));
 }
 
 .hover\:bg-blue-600:hover {
+  --bg-opacity: 1;
   background-color: #3182ce;
+  background-color: rgba(49, 130, 206, var(--bg-opacity));
 }
 
 .hover\:bg-blue-700:hover {
+  --bg-opacity: 1;
   background-color: #2b6cb0;
+  background-color: rgba(43, 108, 176, var(--bg-opacity));
 }
 
 .hover\:bg-blue-800:hover {
+  --bg-opacity: 1;
   background-color: #2c5282;
+  background-color: rgba(44, 82, 130, var(--bg-opacity));
 }
 
 .hover\:bg-blue-900:hover {
+  --bg-opacity: 1;
   background-color: #2a4365;
+  background-color: rgba(42, 67, 101, var(--bg-opacity));
 }
 
 .hover\:bg-indigo-100:hover {
+  --bg-opacity: 1;
   background-color: #ebf4ff;
+  background-color: rgba(235, 244, 255, var(--bg-opacity));
 }
 
 .hover\:bg-indigo-200:hover {
+  --bg-opacity: 1;
   background-color: #c3dafe;
+  background-color: rgba(195, 218, 254, var(--bg-opacity));
 }
 
 .hover\:bg-indigo-300:hover {
+  --bg-opacity: 1;
   background-color: #a3bffa;
+  background-color: rgba(163, 191, 250, var(--bg-opacity));
 }
 
 .hover\:bg-indigo-400:hover {
+  --bg-opacity: 1;
   background-color: #7f9cf5;
+  background-color: rgba(127, 156, 245, var(--bg-opacity));
 }
 
 .hover\:bg-indigo-500:hover {
+  --bg-opacity: 1;
   background-color: #667eea;
+  background-color: rgba(102, 126, 234, var(--bg-opacity));
 }
 
 .hover\:bg-indigo-600:hover {
+  --bg-opacity: 1;
   background-color: #5a67d8;
+  background-color: rgba(90, 103, 216, var(--bg-opacity));
 }
 
 .hover\:bg-indigo-700:hover {
+  --bg-opacity: 1;
   background-color: #4c51bf;
+  background-color: rgba(76, 81, 191, var(--bg-opacity));
 }
 
 .hover\:bg-indigo-800:hover {
+  --bg-opacity: 1;
   background-color: #434190;
+  background-color: rgba(67, 65, 144, var(--bg-opacity));
 }
 
 .hover\:bg-indigo-900:hover {
+  --bg-opacity: 1;
   background-color: #3c366b;
+  background-color: rgba(60, 54, 107, var(--bg-opacity));
 }
 
 .hover\:bg-purple-100:hover {
+  --bg-opacity: 1;
   background-color: #faf5ff;
+  background-color: rgba(250, 245, 255, var(--bg-opacity));
 }
 
 .hover\:bg-purple-200:hover {
+  --bg-opacity: 1;
   background-color: #e9d8fd;
+  background-color: rgba(233, 216, 253, var(--bg-opacity));
 }
 
 .hover\:bg-purple-300:hover {
+  --bg-opacity: 1;
   background-color: #d6bcfa;
+  background-color: rgba(214, 188, 250, var(--bg-opacity));
 }
 
 .hover\:bg-purple-400:hover {
+  --bg-opacity: 1;
   background-color: #b794f4;
+  background-color: rgba(183, 148, 244, var(--bg-opacity));
 }
 
 .hover\:bg-purple-500:hover {
+  --bg-opacity: 1;
   background-color: #9f7aea;
+  background-color: rgba(159, 122, 234, var(--bg-opacity));
 }
 
 .hover\:bg-purple-600:hover {
+  --bg-opacity: 1;
   background-color: #805ad5;
+  background-color: rgba(128, 90, 213, var(--bg-opacity));
 }
 
 .hover\:bg-purple-700:hover {
+  --bg-opacity: 1;
   background-color: #6b46c1;
+  background-color: rgba(107, 70, 193, var(--bg-opacity));
 }
 
 .hover\:bg-purple-800:hover {
+  --bg-opacity: 1;
   background-color: #553c9a;
+  background-color: rgba(85, 60, 154, var(--bg-opacity));
 }
 
 .hover\:bg-purple-900:hover {
+  --bg-opacity: 1;
   background-color: #44337a;
+  background-color: rgba(68, 51, 122, var(--bg-opacity));
 }
 
 .hover\:bg-pink-100:hover {
+  --bg-opacity: 1;
   background-color: #fff5f7;
+  background-color: rgba(255, 245, 247, var(--bg-opacity));
 }
 
 .hover\:bg-pink-200:hover {
+  --bg-opacity: 1;
   background-color: #fed7e2;
+  background-color: rgba(254, 215, 226, var(--bg-opacity));
 }
 
 .hover\:bg-pink-300:hover {
+  --bg-opacity: 1;
   background-color: #fbb6ce;
+  background-color: rgba(251, 182, 206, var(--bg-opacity));
 }
 
 .hover\:bg-pink-400:hover {
+  --bg-opacity: 1;
   background-color: #f687b3;
+  background-color: rgba(246, 135, 179, var(--bg-opacity));
 }
 
 .hover\:bg-pink-500:hover {
+  --bg-opacity: 1;
   background-color: #ed64a6;
+  background-color: rgba(237, 100, 166, var(--bg-opacity));
 }
 
 .hover\:bg-pink-600:hover {
+  --bg-opacity: 1;
   background-color: #d53f8c;
+  background-color: rgba(213, 63, 140, var(--bg-opacity));
 }
 
 .hover\:bg-pink-700:hover {
+  --bg-opacity: 1;
   background-color: #b83280;
+  background-color: rgba(184, 50, 128, var(--bg-opacity));
 }
 
 .hover\:bg-pink-800:hover {
+  --bg-opacity: 1;
   background-color: #97266d;
+  background-color: rgba(151, 38, 109, var(--bg-opacity));
 }
 
 .hover\:bg-pink-900:hover {
+  --bg-opacity: 1;
   background-color: #702459;
+  background-color: rgba(112, 36, 89, var(--bg-opacity));
 }
 
 .focus\:bg-transparent:focus {
@@ -2325,371 +2897,615 @@ video {
 }
 
 .focus\:bg-black:focus {
+  --bg-opacity: 1;
   background-color: #000;
+  background-color: rgba(0, 0, 0, var(--bg-opacity));
 }
 
 .focus\:bg-white:focus {
+  --bg-opacity: 1;
   background-color: #fff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
 }
 
 .focus\:bg-gray-100:focus {
+  --bg-opacity: 1;
   background-color: #f7fafc;
+  background-color: rgba(247, 250, 252, var(--bg-opacity));
 }
 
 .focus\:bg-gray-200:focus {
+  --bg-opacity: 1;
   background-color: #edf2f7;
+  background-color: rgba(237, 242, 247, var(--bg-opacity));
 }
 
 .focus\:bg-gray-300:focus {
+  --bg-opacity: 1;
   background-color: #e2e8f0;
+  background-color: rgba(226, 232, 240, var(--bg-opacity));
 }
 
 .focus\:bg-gray-400:focus {
+  --bg-opacity: 1;
   background-color: #cbd5e0;
+  background-color: rgba(203, 213, 224, var(--bg-opacity));
 }
 
 .focus\:bg-gray-500:focus {
+  --bg-opacity: 1;
   background-color: #a0aec0;
+  background-color: rgba(160, 174, 192, var(--bg-opacity));
 }
 
 .focus\:bg-gray-600:focus {
+  --bg-opacity: 1;
   background-color: #718096;
+  background-color: rgba(113, 128, 150, var(--bg-opacity));
 }
 
 .focus\:bg-gray-700:focus {
+  --bg-opacity: 1;
   background-color: #4a5568;
+  background-color: rgba(74, 85, 104, var(--bg-opacity));
 }
 
 .focus\:bg-gray-800:focus {
+  --bg-opacity: 1;
   background-color: #2d3748;
+  background-color: rgba(45, 55, 72, var(--bg-opacity));
 }
 
 .focus\:bg-gray-900:focus {
+  --bg-opacity: 1;
   background-color: #1a202c;
+  background-color: rgba(26, 32, 44, var(--bg-opacity));
 }
 
 .focus\:bg-red-100:focus {
+  --bg-opacity: 1;
   background-color: #fff5f5;
+  background-color: rgba(255, 245, 245, var(--bg-opacity));
 }
 
 .focus\:bg-red-200:focus {
+  --bg-opacity: 1;
   background-color: #fed7d7;
+  background-color: rgba(254, 215, 215, var(--bg-opacity));
 }
 
 .focus\:bg-red-300:focus {
+  --bg-opacity: 1;
   background-color: #feb2b2;
+  background-color: rgba(254, 178, 178, var(--bg-opacity));
 }
 
 .focus\:bg-red-400:focus {
+  --bg-opacity: 1;
   background-color: #fc8181;
+  background-color: rgba(252, 129, 129, var(--bg-opacity));
 }
 
 .focus\:bg-red-500:focus {
+  --bg-opacity: 1;
   background-color: #f56565;
+  background-color: rgba(245, 101, 101, var(--bg-opacity));
 }
 
 .focus\:bg-red-600:focus {
+  --bg-opacity: 1;
   background-color: #e53e3e;
+  background-color: rgba(229, 62, 62, var(--bg-opacity));
 }
 
 .focus\:bg-red-700:focus {
+  --bg-opacity: 1;
   background-color: #c53030;
+  background-color: rgba(197, 48, 48, var(--bg-opacity));
 }
 
 .focus\:bg-red-800:focus {
+  --bg-opacity: 1;
   background-color: #9b2c2c;
+  background-color: rgba(155, 44, 44, var(--bg-opacity));
 }
 
 .focus\:bg-red-900:focus {
+  --bg-opacity: 1;
   background-color: #742a2a;
+  background-color: rgba(116, 42, 42, var(--bg-opacity));
 }
 
 .focus\:bg-orange-100:focus {
+  --bg-opacity: 1;
   background-color: #fffaf0;
+  background-color: rgba(255, 250, 240, var(--bg-opacity));
 }
 
 .focus\:bg-orange-200:focus {
+  --bg-opacity: 1;
   background-color: #feebc8;
+  background-color: rgba(254, 235, 200, var(--bg-opacity));
 }
 
 .focus\:bg-orange-300:focus {
+  --bg-opacity: 1;
   background-color: #fbd38d;
+  background-color: rgba(251, 211, 141, var(--bg-opacity));
 }
 
 .focus\:bg-orange-400:focus {
+  --bg-opacity: 1;
   background-color: #f6ad55;
+  background-color: rgba(246, 173, 85, var(--bg-opacity));
 }
 
 .focus\:bg-orange-500:focus {
+  --bg-opacity: 1;
   background-color: #ed8936;
+  background-color: rgba(237, 137, 54, var(--bg-opacity));
 }
 
 .focus\:bg-orange-600:focus {
+  --bg-opacity: 1;
   background-color: #dd6b20;
+  background-color: rgba(221, 107, 32, var(--bg-opacity));
 }
 
 .focus\:bg-orange-700:focus {
+  --bg-opacity: 1;
   background-color: #c05621;
+  background-color: rgba(192, 86, 33, var(--bg-opacity));
 }
 
 .focus\:bg-orange-800:focus {
+  --bg-opacity: 1;
   background-color: #9c4221;
+  background-color: rgba(156, 66, 33, var(--bg-opacity));
 }
 
 .focus\:bg-orange-900:focus {
+  --bg-opacity: 1;
   background-color: #7b341e;
+  background-color: rgba(123, 52, 30, var(--bg-opacity));
 }
 
 .focus\:bg-yellow-100:focus {
+  --bg-opacity: 1;
   background-color: #fffff0;
+  background-color: rgba(255, 255, 240, var(--bg-opacity));
 }
 
 .focus\:bg-yellow-200:focus {
+  --bg-opacity: 1;
   background-color: #fefcbf;
+  background-color: rgba(254, 252, 191, var(--bg-opacity));
 }
 
 .focus\:bg-yellow-300:focus {
+  --bg-opacity: 1;
   background-color: #faf089;
+  background-color: rgba(250, 240, 137, var(--bg-opacity));
 }
 
 .focus\:bg-yellow-400:focus {
+  --bg-opacity: 1;
   background-color: #f6e05e;
+  background-color: rgba(246, 224, 94, var(--bg-opacity));
 }
 
 .focus\:bg-yellow-500:focus {
+  --bg-opacity: 1;
   background-color: #ecc94b;
+  background-color: rgba(236, 201, 75, var(--bg-opacity));
 }
 
 .focus\:bg-yellow-600:focus {
+  --bg-opacity: 1;
   background-color: #d69e2e;
+  background-color: rgba(214, 158, 46, var(--bg-opacity));
 }
 
 .focus\:bg-yellow-700:focus {
+  --bg-opacity: 1;
   background-color: #b7791f;
+  background-color: rgba(183, 121, 31, var(--bg-opacity));
 }
 
 .focus\:bg-yellow-800:focus {
+  --bg-opacity: 1;
   background-color: #975a16;
+  background-color: rgba(151, 90, 22, var(--bg-opacity));
 }
 
 .focus\:bg-yellow-900:focus {
+  --bg-opacity: 1;
   background-color: #744210;
+  background-color: rgba(116, 66, 16, var(--bg-opacity));
 }
 
 .focus\:bg-green-100:focus {
+  --bg-opacity: 1;
   background-color: #f0fff4;
+  background-color: rgba(240, 255, 244, var(--bg-opacity));
 }
 
 .focus\:bg-green-200:focus {
+  --bg-opacity: 1;
   background-color: #c6f6d5;
+  background-color: rgba(198, 246, 213, var(--bg-opacity));
 }
 
 .focus\:bg-green-300:focus {
+  --bg-opacity: 1;
   background-color: #9ae6b4;
+  background-color: rgba(154, 230, 180, var(--bg-opacity));
 }
 
 .focus\:bg-green-400:focus {
+  --bg-opacity: 1;
   background-color: #68d391;
+  background-color: rgba(104, 211, 145, var(--bg-opacity));
 }
 
 .focus\:bg-green-500:focus {
+  --bg-opacity: 1;
   background-color: #48bb78;
+  background-color: rgba(72, 187, 120, var(--bg-opacity));
 }
 
 .focus\:bg-green-600:focus {
+  --bg-opacity: 1;
   background-color: #38a169;
+  background-color: rgba(56, 161, 105, var(--bg-opacity));
 }
 
 .focus\:bg-green-700:focus {
+  --bg-opacity: 1;
   background-color: #2f855a;
+  background-color: rgba(47, 133, 90, var(--bg-opacity));
 }
 
 .focus\:bg-green-800:focus {
+  --bg-opacity: 1;
   background-color: #276749;
+  background-color: rgba(39, 103, 73, var(--bg-opacity));
 }
 
 .focus\:bg-green-900:focus {
+  --bg-opacity: 1;
   background-color: #22543d;
+  background-color: rgba(34, 84, 61, var(--bg-opacity));
 }
 
 .focus\:bg-teal-100:focus {
+  --bg-opacity: 1;
   background-color: #e6fffa;
+  background-color: rgba(230, 255, 250, var(--bg-opacity));
 }
 
 .focus\:bg-teal-200:focus {
+  --bg-opacity: 1;
   background-color: #b2f5ea;
+  background-color: rgba(178, 245, 234, var(--bg-opacity));
 }
 
 .focus\:bg-teal-300:focus {
+  --bg-opacity: 1;
   background-color: #81e6d9;
+  background-color: rgba(129, 230, 217, var(--bg-opacity));
 }
 
 .focus\:bg-teal-400:focus {
+  --bg-opacity: 1;
   background-color: #4fd1c5;
+  background-color: rgba(79, 209, 197, var(--bg-opacity));
 }
 
 .focus\:bg-teal-500:focus {
+  --bg-opacity: 1;
   background-color: #38b2ac;
+  background-color: rgba(56, 178, 172, var(--bg-opacity));
 }
 
 .focus\:bg-teal-600:focus {
+  --bg-opacity: 1;
   background-color: #319795;
+  background-color: rgba(49, 151, 149, var(--bg-opacity));
 }
 
 .focus\:bg-teal-700:focus {
+  --bg-opacity: 1;
   background-color: #2c7a7b;
+  background-color: rgba(44, 122, 123, var(--bg-opacity));
 }
 
 .focus\:bg-teal-800:focus {
+  --bg-opacity: 1;
   background-color: #285e61;
+  background-color: rgba(40, 94, 97, var(--bg-opacity));
 }
 
 .focus\:bg-teal-900:focus {
+  --bg-opacity: 1;
   background-color: #234e52;
+  background-color: rgba(35, 78, 82, var(--bg-opacity));
 }
 
 .focus\:bg-blue-100:focus {
+  --bg-opacity: 1;
   background-color: #ebf8ff;
+  background-color: rgba(235, 248, 255, var(--bg-opacity));
 }
 
 .focus\:bg-blue-200:focus {
+  --bg-opacity: 1;
   background-color: #bee3f8;
+  background-color: rgba(190, 227, 248, var(--bg-opacity));
 }
 
 .focus\:bg-blue-300:focus {
+  --bg-opacity: 1;
   background-color: #90cdf4;
+  background-color: rgba(144, 205, 244, var(--bg-opacity));
 }
 
 .focus\:bg-blue-400:focus {
+  --bg-opacity: 1;
   background-color: #63b3ed;
+  background-color: rgba(99, 179, 237, var(--bg-opacity));
 }
 
 .focus\:bg-blue-500:focus {
+  --bg-opacity: 1;
   background-color: #4299e1;
+  background-color: rgba(66, 153, 225, var(--bg-opacity));
 }
 
 .focus\:bg-blue-600:focus {
+  --bg-opacity: 1;
   background-color: #3182ce;
+  background-color: rgba(49, 130, 206, var(--bg-opacity));
 }
 
 .focus\:bg-blue-700:focus {
+  --bg-opacity: 1;
   background-color: #2b6cb0;
+  background-color: rgba(43, 108, 176, var(--bg-opacity));
 }
 
 .focus\:bg-blue-800:focus {
+  --bg-opacity: 1;
   background-color: #2c5282;
+  background-color: rgba(44, 82, 130, var(--bg-opacity));
 }
 
 .focus\:bg-blue-900:focus {
+  --bg-opacity: 1;
   background-color: #2a4365;
+  background-color: rgba(42, 67, 101, var(--bg-opacity));
 }
 
 .focus\:bg-indigo-100:focus {
+  --bg-opacity: 1;
   background-color: #ebf4ff;
+  background-color: rgba(235, 244, 255, var(--bg-opacity));
 }
 
 .focus\:bg-indigo-200:focus {
+  --bg-opacity: 1;
   background-color: #c3dafe;
+  background-color: rgba(195, 218, 254, var(--bg-opacity));
 }
 
 .focus\:bg-indigo-300:focus {
+  --bg-opacity: 1;
   background-color: #a3bffa;
+  background-color: rgba(163, 191, 250, var(--bg-opacity));
 }
 
 .focus\:bg-indigo-400:focus {
+  --bg-opacity: 1;
   background-color: #7f9cf5;
+  background-color: rgba(127, 156, 245, var(--bg-opacity));
 }
 
 .focus\:bg-indigo-500:focus {
+  --bg-opacity: 1;
   background-color: #667eea;
+  background-color: rgba(102, 126, 234, var(--bg-opacity));
 }
 
 .focus\:bg-indigo-600:focus {
+  --bg-opacity: 1;
   background-color: #5a67d8;
+  background-color: rgba(90, 103, 216, var(--bg-opacity));
 }
 
 .focus\:bg-indigo-700:focus {
+  --bg-opacity: 1;
   background-color: #4c51bf;
+  background-color: rgba(76, 81, 191, var(--bg-opacity));
 }
 
 .focus\:bg-indigo-800:focus {
+  --bg-opacity: 1;
   background-color: #434190;
+  background-color: rgba(67, 65, 144, var(--bg-opacity));
 }
 
 .focus\:bg-indigo-900:focus {
+  --bg-opacity: 1;
   background-color: #3c366b;
+  background-color: rgba(60, 54, 107, var(--bg-opacity));
 }
 
 .focus\:bg-purple-100:focus {
+  --bg-opacity: 1;
   background-color: #faf5ff;
+  background-color: rgba(250, 245, 255, var(--bg-opacity));
 }
 
 .focus\:bg-purple-200:focus {
+  --bg-opacity: 1;
   background-color: #e9d8fd;
+  background-color: rgba(233, 216, 253, var(--bg-opacity));
 }
 
 .focus\:bg-purple-300:focus {
+  --bg-opacity: 1;
   background-color: #d6bcfa;
+  background-color: rgba(214, 188, 250, var(--bg-opacity));
 }
 
 .focus\:bg-purple-400:focus {
+  --bg-opacity: 1;
   background-color: #b794f4;
+  background-color: rgba(183, 148, 244, var(--bg-opacity));
 }
 
 .focus\:bg-purple-500:focus {
+  --bg-opacity: 1;
   background-color: #9f7aea;
+  background-color: rgba(159, 122, 234, var(--bg-opacity));
 }
 
 .focus\:bg-purple-600:focus {
+  --bg-opacity: 1;
   background-color: #805ad5;
+  background-color: rgba(128, 90, 213, var(--bg-opacity));
 }
 
 .focus\:bg-purple-700:focus {
+  --bg-opacity: 1;
   background-color: #6b46c1;
+  background-color: rgba(107, 70, 193, var(--bg-opacity));
 }
 
 .focus\:bg-purple-800:focus {
+  --bg-opacity: 1;
   background-color: #553c9a;
+  background-color: rgba(85, 60, 154, var(--bg-opacity));
 }
 
 .focus\:bg-purple-900:focus {
+  --bg-opacity: 1;
   background-color: #44337a;
+  background-color: rgba(68, 51, 122, var(--bg-opacity));
 }
 
 .focus\:bg-pink-100:focus {
+  --bg-opacity: 1;
   background-color: #fff5f7;
+  background-color: rgba(255, 245, 247, var(--bg-opacity));
 }
 
 .focus\:bg-pink-200:focus {
+  --bg-opacity: 1;
   background-color: #fed7e2;
+  background-color: rgba(254, 215, 226, var(--bg-opacity));
 }
 
 .focus\:bg-pink-300:focus {
+  --bg-opacity: 1;
   background-color: #fbb6ce;
+  background-color: rgba(251, 182, 206, var(--bg-opacity));
 }
 
 .focus\:bg-pink-400:focus {
+  --bg-opacity: 1;
   background-color: #f687b3;
+  background-color: rgba(246, 135, 179, var(--bg-opacity));
 }
 
 .focus\:bg-pink-500:focus {
+  --bg-opacity: 1;
   background-color: #ed64a6;
+  background-color: rgba(237, 100, 166, var(--bg-opacity));
 }
 
 .focus\:bg-pink-600:focus {
+  --bg-opacity: 1;
   background-color: #d53f8c;
+  background-color: rgba(213, 63, 140, var(--bg-opacity));
 }
 
 .focus\:bg-pink-700:focus {
+  --bg-opacity: 1;
   background-color: #b83280;
+  background-color: rgba(184, 50, 128, var(--bg-opacity));
 }
 
 .focus\:bg-pink-800:focus {
+  --bg-opacity: 1;
   background-color: #97266d;
+  background-color: rgba(151, 38, 109, var(--bg-opacity));
 }
 
 .focus\:bg-pink-900:focus {
+  --bg-opacity: 1;
   background-color: #702459;
+  background-color: rgba(112, 36, 89, var(--bg-opacity));
+}
+
+.bg-opacity-0 {
+  --bg-opacity: 0;
+}
+
+.bg-opacity-25 {
+  --bg-opacity: 0.25;
+}
+
+.bg-opacity-50 {
+  --bg-opacity: 0.5;
+}
+
+.bg-opacity-75 {
+  --bg-opacity: 0.75;
+}
+
+.bg-opacity-100 {
+  --bg-opacity: 1;
+}
+
+.hover\:bg-opacity-0:hover {
+  --bg-opacity: 0;
+}
+
+.hover\:bg-opacity-25:hover {
+  --bg-opacity: 0.25;
+}
+
+.hover\:bg-opacity-50:hover {
+  --bg-opacity: 0.5;
+}
+
+.hover\:bg-opacity-75:hover {
+  --bg-opacity: 0.75;
+}
+
+.hover\:bg-opacity-100:hover {
+  --bg-opacity: 1;
+}
+
+.focus\:bg-opacity-0:focus {
+  --bg-opacity: 0;
+}
+
+.focus\:bg-opacity-25:focus {
+  --bg-opacity: 0.25;
+}
+
+.focus\:bg-opacity-50:focus {
+  --bg-opacity: 0.5;
+}
+
+.focus\:bg-opacity-75:focus {
+  --bg-opacity: 0.75;
+}
+
+.focus\:bg-opacity-100:focus {
+  --bg-opacity: 1;
 }
 
 .bg-bottom {
@@ -2781,371 +3597,555 @@ video {
 }
 
 .border-black {
+  --border-opacity: 1;
   border-color: #000;
+  border-color: rgba(0, 0, 0, var(--border-opacity));
 }
 
 .border-white {
+  --border-opacity: 1;
   border-color: #fff;
+  border-color: rgba(255, 255, 255, var(--border-opacity));
 }
 
 .border-gray-100 {
+  --border-opacity: 1;
   border-color: #f7fafc;
+  border-color: rgba(247, 250, 252, var(--border-opacity));
 }
 
 .border-gray-200 {
+  --border-opacity: 1;
   border-color: #edf2f7;
+  border-color: rgba(237, 242, 247, var(--border-opacity));
 }
 
 .border-gray-300 {
+  --border-opacity: 1;
   border-color: #e2e8f0;
+  border-color: rgba(226, 232, 240, var(--border-opacity));
 }
 
 .border-gray-400 {
+  --border-opacity: 1;
   border-color: #cbd5e0;
+  border-color: rgba(203, 213, 224, var(--border-opacity));
 }
 
 .border-gray-500 {
+  --border-opacity: 1;
   border-color: #a0aec0;
+  border-color: rgba(160, 174, 192, var(--border-opacity));
 }
 
 .border-gray-600 {
+  --border-opacity: 1;
   border-color: #718096;
+  border-color: rgba(113, 128, 150, var(--border-opacity));
 }
 
 .border-gray-700 {
+  --border-opacity: 1;
   border-color: #4a5568;
+  border-color: rgba(74, 85, 104, var(--border-opacity));
 }
 
 .border-gray-800 {
+  --border-opacity: 1;
   border-color: #2d3748;
+  border-color: rgba(45, 55, 72, var(--border-opacity));
 }
 
 .border-gray-900 {
+  --border-opacity: 1;
   border-color: #1a202c;
+  border-color: rgba(26, 32, 44, var(--border-opacity));
 }
 
 .border-red-100 {
+  --border-opacity: 1;
   border-color: #fff5f5;
+  border-color: rgba(255, 245, 245, var(--border-opacity));
 }
 
 .border-red-200 {
+  --border-opacity: 1;
   border-color: #fed7d7;
+  border-color: rgba(254, 215, 215, var(--border-opacity));
 }
 
 .border-red-300 {
+  --border-opacity: 1;
   border-color: #feb2b2;
+  border-color: rgba(254, 178, 178, var(--border-opacity));
 }
 
 .border-red-400 {
+  --border-opacity: 1;
   border-color: #fc8181;
+  border-color: rgba(252, 129, 129, var(--border-opacity));
 }
 
 .border-red-500 {
+  --border-opacity: 1;
   border-color: #f56565;
+  border-color: rgba(245, 101, 101, var(--border-opacity));
 }
 
 .border-red-600 {
+  --border-opacity: 1;
   border-color: #e53e3e;
+  border-color: rgba(229, 62, 62, var(--border-opacity));
 }
 
 .border-red-700 {
+  --border-opacity: 1;
   border-color: #c53030;
+  border-color: rgba(197, 48, 48, var(--border-opacity));
 }
 
 .border-red-800 {
+  --border-opacity: 1;
   border-color: #9b2c2c;
+  border-color: rgba(155, 44, 44, var(--border-opacity));
 }
 
 .border-red-900 {
+  --border-opacity: 1;
   border-color: #742a2a;
+  border-color: rgba(116, 42, 42, var(--border-opacity));
 }
 
 .border-orange-100 {
+  --border-opacity: 1;
   border-color: #fffaf0;
+  border-color: rgba(255, 250, 240, var(--border-opacity));
 }
 
 .border-orange-200 {
+  --border-opacity: 1;
   border-color: #feebc8;
+  border-color: rgba(254, 235, 200, var(--border-opacity));
 }
 
 .border-orange-300 {
+  --border-opacity: 1;
   border-color: #fbd38d;
+  border-color: rgba(251, 211, 141, var(--border-opacity));
 }
 
 .border-orange-400 {
+  --border-opacity: 1;
   border-color: #f6ad55;
+  border-color: rgba(246, 173, 85, var(--border-opacity));
 }
 
 .border-orange-500 {
+  --border-opacity: 1;
   border-color: #ed8936;
+  border-color: rgba(237, 137, 54, var(--border-opacity));
 }
 
 .border-orange-600 {
+  --border-opacity: 1;
   border-color: #dd6b20;
+  border-color: rgba(221, 107, 32, var(--border-opacity));
 }
 
 .border-orange-700 {
+  --border-opacity: 1;
   border-color: #c05621;
+  border-color: rgba(192, 86, 33, var(--border-opacity));
 }
 
 .border-orange-800 {
+  --border-opacity: 1;
   border-color: #9c4221;
+  border-color: rgba(156, 66, 33, var(--border-opacity));
 }
 
 .border-orange-900 {
+  --border-opacity: 1;
   border-color: #7b341e;
+  border-color: rgba(123, 52, 30, var(--border-opacity));
 }
 
 .border-yellow-100 {
+  --border-opacity: 1;
   border-color: #fffff0;
+  border-color: rgba(255, 255, 240, var(--border-opacity));
 }
 
 .border-yellow-200 {
+  --border-opacity: 1;
   border-color: #fefcbf;
+  border-color: rgba(254, 252, 191, var(--border-opacity));
 }
 
 .border-yellow-300 {
+  --border-opacity: 1;
   border-color: #faf089;
+  border-color: rgba(250, 240, 137, var(--border-opacity));
 }
 
 .border-yellow-400 {
+  --border-opacity: 1;
   border-color: #f6e05e;
+  border-color: rgba(246, 224, 94, var(--border-opacity));
 }
 
 .border-yellow-500 {
+  --border-opacity: 1;
   border-color: #ecc94b;
+  border-color: rgba(236, 201, 75, var(--border-opacity));
 }
 
 .border-yellow-600 {
+  --border-opacity: 1;
   border-color: #d69e2e;
+  border-color: rgba(214, 158, 46, var(--border-opacity));
 }
 
 .border-yellow-700 {
+  --border-opacity: 1;
   border-color: #b7791f;
+  border-color: rgba(183, 121, 31, var(--border-opacity));
 }
 
 .border-yellow-800 {
+  --border-opacity: 1;
   border-color: #975a16;
+  border-color: rgba(151, 90, 22, var(--border-opacity));
 }
 
 .border-yellow-900 {
+  --border-opacity: 1;
   border-color: #744210;
+  border-color: rgba(116, 66, 16, var(--border-opacity));
 }
 
 .border-green-100 {
+  --border-opacity: 1;
   border-color: #f0fff4;
+  border-color: rgba(240, 255, 244, var(--border-opacity));
 }
 
 .border-green-200 {
+  --border-opacity: 1;
   border-color: #c6f6d5;
+  border-color: rgba(198, 246, 213, var(--border-opacity));
 }
 
 .border-green-300 {
+  --border-opacity: 1;
   border-color: #9ae6b4;
+  border-color: rgba(154, 230, 180, var(--border-opacity));
 }
 
 .border-green-400 {
+  --border-opacity: 1;
   border-color: #68d391;
+  border-color: rgba(104, 211, 145, var(--border-opacity));
 }
 
 .border-green-500 {
+  --border-opacity: 1;
   border-color: #48bb78;
+  border-color: rgba(72, 187, 120, var(--border-opacity));
 }
 
 .border-green-600 {
+  --border-opacity: 1;
   border-color: #38a169;
+  border-color: rgba(56, 161, 105, var(--border-opacity));
 }
 
 .border-green-700 {
+  --border-opacity: 1;
   border-color: #2f855a;
+  border-color: rgba(47, 133, 90, var(--border-opacity));
 }
 
 .border-green-800 {
+  --border-opacity: 1;
   border-color: #276749;
+  border-color: rgba(39, 103, 73, var(--border-opacity));
 }
 
 .border-green-900 {
+  --border-opacity: 1;
   border-color: #22543d;
+  border-color: rgba(34, 84, 61, var(--border-opacity));
 }
 
 .border-teal-100 {
+  --border-opacity: 1;
   border-color: #e6fffa;
+  border-color: rgba(230, 255, 250, var(--border-opacity));
 }
 
 .border-teal-200 {
+  --border-opacity: 1;
   border-color: #b2f5ea;
+  border-color: rgba(178, 245, 234, var(--border-opacity));
 }
 
 .border-teal-300 {
+  --border-opacity: 1;
   border-color: #81e6d9;
+  border-color: rgba(129, 230, 217, var(--border-opacity));
 }
 
 .border-teal-400 {
+  --border-opacity: 1;
   border-color: #4fd1c5;
+  border-color: rgba(79, 209, 197, var(--border-opacity));
 }
 
 .border-teal-500 {
+  --border-opacity: 1;
   border-color: #38b2ac;
+  border-color: rgba(56, 178, 172, var(--border-opacity));
 }
 
 .border-teal-600 {
+  --border-opacity: 1;
   border-color: #319795;
+  border-color: rgba(49, 151, 149, var(--border-opacity));
 }
 
 .border-teal-700 {
+  --border-opacity: 1;
   border-color: #2c7a7b;
+  border-color: rgba(44, 122, 123, var(--border-opacity));
 }
 
 .border-teal-800 {
+  --border-opacity: 1;
   border-color: #285e61;
+  border-color: rgba(40, 94, 97, var(--border-opacity));
 }
 
 .border-teal-900 {
+  --border-opacity: 1;
   border-color: #234e52;
+  border-color: rgba(35, 78, 82, var(--border-opacity));
 }
 
 .border-blue-100 {
+  --border-opacity: 1;
   border-color: #ebf8ff;
+  border-color: rgba(235, 248, 255, var(--border-opacity));
 }
 
 .border-blue-200 {
+  --border-opacity: 1;
   border-color: #bee3f8;
+  border-color: rgba(190, 227, 248, var(--border-opacity));
 }
 
 .border-blue-300 {
+  --border-opacity: 1;
   border-color: #90cdf4;
+  border-color: rgba(144, 205, 244, var(--border-opacity));
 }
 
 .border-blue-400 {
+  --border-opacity: 1;
   border-color: #63b3ed;
+  border-color: rgba(99, 179, 237, var(--border-opacity));
 }
 
 .border-blue-500 {
+  --border-opacity: 1;
   border-color: #4299e1;
+  border-color: rgba(66, 153, 225, var(--border-opacity));
 }
 
 .border-blue-600 {
+  --border-opacity: 1;
   border-color: #3182ce;
+  border-color: rgba(49, 130, 206, var(--border-opacity));
 }
 
 .border-blue-700 {
+  --border-opacity: 1;
   border-color: #2b6cb0;
+  border-color: rgba(43, 108, 176, var(--border-opacity));
 }
 
 .border-blue-800 {
+  --border-opacity: 1;
   border-color: #2c5282;
+  border-color: rgba(44, 82, 130, var(--border-opacity));
 }
 
 .border-blue-900 {
+  --border-opacity: 1;
   border-color: #2a4365;
+  border-color: rgba(42, 67, 101, var(--border-opacity));
 }
 
 .border-indigo-100 {
+  --border-opacity: 1;
   border-color: #ebf4ff;
+  border-color: rgba(235, 244, 255, var(--border-opacity));
 }
 
 .border-indigo-200 {
+  --border-opacity: 1;
   border-color: #c3dafe;
+  border-color: rgba(195, 218, 254, var(--border-opacity));
 }
 
 .border-indigo-300 {
+  --border-opacity: 1;
   border-color: #a3bffa;
+  border-color: rgba(163, 191, 250, var(--border-opacity));
 }
 
 .border-indigo-400 {
+  --border-opacity: 1;
   border-color: #7f9cf5;
+  border-color: rgba(127, 156, 245, var(--border-opacity));
 }
 
 .border-indigo-500 {
+  --border-opacity: 1;
   border-color: #667eea;
+  border-color: rgba(102, 126, 234, var(--border-opacity));
 }
 
 .border-indigo-600 {
+  --border-opacity: 1;
   border-color: #5a67d8;
+  border-color: rgba(90, 103, 216, var(--border-opacity));
 }
 
 .border-indigo-700 {
+  --border-opacity: 1;
   border-color: #4c51bf;
+  border-color: rgba(76, 81, 191, var(--border-opacity));
 }
 
 .border-indigo-800 {
+  --border-opacity: 1;
   border-color: #434190;
+  border-color: rgba(67, 65, 144, var(--border-opacity));
 }
 
 .border-indigo-900 {
+  --border-opacity: 1;
   border-color: #3c366b;
+  border-color: rgba(60, 54, 107, var(--border-opacity));
 }
 
 .border-purple-100 {
+  --border-opacity: 1;
   border-color: #faf5ff;
+  border-color: rgba(250, 245, 255, var(--border-opacity));
 }
 
 .border-purple-200 {
+  --border-opacity: 1;
   border-color: #e9d8fd;
+  border-color: rgba(233, 216, 253, var(--border-opacity));
 }
 
 .border-purple-300 {
+  --border-opacity: 1;
   border-color: #d6bcfa;
+  border-color: rgba(214, 188, 250, var(--border-opacity));
 }
 
 .border-purple-400 {
+  --border-opacity: 1;
   border-color: #b794f4;
+  border-color: rgba(183, 148, 244, var(--border-opacity));
 }
 
 .border-purple-500 {
+  --border-opacity: 1;
   border-color: #9f7aea;
+  border-color: rgba(159, 122, 234, var(--border-opacity));
 }
 
 .border-purple-600 {
+  --border-opacity: 1;
   border-color: #805ad5;
+  border-color: rgba(128, 90, 213, var(--border-opacity));
 }
 
 .border-purple-700 {
+  --border-opacity: 1;
   border-color: #6b46c1;
+  border-color: rgba(107, 70, 193, var(--border-opacity));
 }
 
 .border-purple-800 {
+  --border-opacity: 1;
   border-color: #553c9a;
+  border-color: rgba(85, 60, 154, var(--border-opacity));
 }
 
 .border-purple-900 {
+  --border-opacity: 1;
   border-color: #44337a;
+  border-color: rgba(68, 51, 122, var(--border-opacity));
 }
 
 .border-pink-100 {
+  --border-opacity: 1;
   border-color: #fff5f7;
+  border-color: rgba(255, 245, 247, var(--border-opacity));
 }
 
 .border-pink-200 {
+  --border-opacity: 1;
   border-color: #fed7e2;
+  border-color: rgba(254, 215, 226, var(--border-opacity));
 }
 
 .border-pink-300 {
+  --border-opacity: 1;
   border-color: #fbb6ce;
+  border-color: rgba(251, 182, 206, var(--border-opacity));
 }
 
 .border-pink-400 {
+  --border-opacity: 1;
   border-color: #f687b3;
+  border-color: rgba(246, 135, 179, var(--border-opacity));
 }
 
 .border-pink-500 {
+  --border-opacity: 1;
   border-color: #ed64a6;
+  border-color: rgba(237, 100, 166, var(--border-opacity));
 }
 
 .border-pink-600 {
+  --border-opacity: 1;
   border-color: #d53f8c;
+  border-color: rgba(213, 63, 140, var(--border-opacity));
 }
 
 .border-pink-700 {
+  --border-opacity: 1;
   border-color: #b83280;
+  border-color: rgba(184, 50, 128, var(--border-opacity));
 }
 
 .border-pink-800 {
+  --border-opacity: 1;
   border-color: #97266d;
+  border-color: rgba(151, 38, 109, var(--border-opacity));
 }
 
 .border-pink-900 {
+  --border-opacity: 1;
   border-color: #702459;
+  border-color: rgba(112, 36, 89, var(--border-opacity));
 }
 
 .hover\:border-transparent:hover {
@@ -3157,371 +4157,555 @@ video {
 }
 
 .hover\:border-black:hover {
+  --border-opacity: 1;
   border-color: #000;
+  border-color: rgba(0, 0, 0, var(--border-opacity));
 }
 
 .hover\:border-white:hover {
+  --border-opacity: 1;
   border-color: #fff;
+  border-color: rgba(255, 255, 255, var(--border-opacity));
 }
 
 .hover\:border-gray-100:hover {
+  --border-opacity: 1;
   border-color: #f7fafc;
+  border-color: rgba(247, 250, 252, var(--border-opacity));
 }
 
 .hover\:border-gray-200:hover {
+  --border-opacity: 1;
   border-color: #edf2f7;
+  border-color: rgba(237, 242, 247, var(--border-opacity));
 }
 
 .hover\:border-gray-300:hover {
+  --border-opacity: 1;
   border-color: #e2e8f0;
+  border-color: rgba(226, 232, 240, var(--border-opacity));
 }
 
 .hover\:border-gray-400:hover {
+  --border-opacity: 1;
   border-color: #cbd5e0;
+  border-color: rgba(203, 213, 224, var(--border-opacity));
 }
 
 .hover\:border-gray-500:hover {
+  --border-opacity: 1;
   border-color: #a0aec0;
+  border-color: rgba(160, 174, 192, var(--border-opacity));
 }
 
 .hover\:border-gray-600:hover {
+  --border-opacity: 1;
   border-color: #718096;
+  border-color: rgba(113, 128, 150, var(--border-opacity));
 }
 
 .hover\:border-gray-700:hover {
+  --border-opacity: 1;
   border-color: #4a5568;
+  border-color: rgba(74, 85, 104, var(--border-opacity));
 }
 
 .hover\:border-gray-800:hover {
+  --border-opacity: 1;
   border-color: #2d3748;
+  border-color: rgba(45, 55, 72, var(--border-opacity));
 }
 
 .hover\:border-gray-900:hover {
+  --border-opacity: 1;
   border-color: #1a202c;
+  border-color: rgba(26, 32, 44, var(--border-opacity));
 }
 
 .hover\:border-red-100:hover {
+  --border-opacity: 1;
   border-color: #fff5f5;
+  border-color: rgba(255, 245, 245, var(--border-opacity));
 }
 
 .hover\:border-red-200:hover {
+  --border-opacity: 1;
   border-color: #fed7d7;
+  border-color: rgba(254, 215, 215, var(--border-opacity));
 }
 
 .hover\:border-red-300:hover {
+  --border-opacity: 1;
   border-color: #feb2b2;
+  border-color: rgba(254, 178, 178, var(--border-opacity));
 }
 
 .hover\:border-red-400:hover {
+  --border-opacity: 1;
   border-color: #fc8181;
+  border-color: rgba(252, 129, 129, var(--border-opacity));
 }
 
 .hover\:border-red-500:hover {
+  --border-opacity: 1;
   border-color: #f56565;
+  border-color: rgba(245, 101, 101, var(--border-opacity));
 }
 
 .hover\:border-red-600:hover {
+  --border-opacity: 1;
   border-color: #e53e3e;
+  border-color: rgba(229, 62, 62, var(--border-opacity));
 }
 
 .hover\:border-red-700:hover {
+  --border-opacity: 1;
   border-color: #c53030;
+  border-color: rgba(197, 48, 48, var(--border-opacity));
 }
 
 .hover\:border-red-800:hover {
+  --border-opacity: 1;
   border-color: #9b2c2c;
+  border-color: rgba(155, 44, 44, var(--border-opacity));
 }
 
 .hover\:border-red-900:hover {
+  --border-opacity: 1;
   border-color: #742a2a;
+  border-color: rgba(116, 42, 42, var(--border-opacity));
 }
 
 .hover\:border-orange-100:hover {
+  --border-opacity: 1;
   border-color: #fffaf0;
+  border-color: rgba(255, 250, 240, var(--border-opacity));
 }
 
 .hover\:border-orange-200:hover {
+  --border-opacity: 1;
   border-color: #feebc8;
+  border-color: rgba(254, 235, 200, var(--border-opacity));
 }
 
 .hover\:border-orange-300:hover {
+  --border-opacity: 1;
   border-color: #fbd38d;
+  border-color: rgba(251, 211, 141, var(--border-opacity));
 }
 
 .hover\:border-orange-400:hover {
+  --border-opacity: 1;
   border-color: #f6ad55;
+  border-color: rgba(246, 173, 85, var(--border-opacity));
 }
 
 .hover\:border-orange-500:hover {
+  --border-opacity: 1;
   border-color: #ed8936;
+  border-color: rgba(237, 137, 54, var(--border-opacity));
 }
 
 .hover\:border-orange-600:hover {
+  --border-opacity: 1;
   border-color: #dd6b20;
+  border-color: rgba(221, 107, 32, var(--border-opacity));
 }
 
 .hover\:border-orange-700:hover {
+  --border-opacity: 1;
   border-color: #c05621;
+  border-color: rgba(192, 86, 33, var(--border-opacity));
 }
 
 .hover\:border-orange-800:hover {
+  --border-opacity: 1;
   border-color: #9c4221;
+  border-color: rgba(156, 66, 33, var(--border-opacity));
 }
 
 .hover\:border-orange-900:hover {
+  --border-opacity: 1;
   border-color: #7b341e;
+  border-color: rgba(123, 52, 30, var(--border-opacity));
 }
 
 .hover\:border-yellow-100:hover {
+  --border-opacity: 1;
   border-color: #fffff0;
+  border-color: rgba(255, 255, 240, var(--border-opacity));
 }
 
 .hover\:border-yellow-200:hover {
+  --border-opacity: 1;
   border-color: #fefcbf;
+  border-color: rgba(254, 252, 191, var(--border-opacity));
 }
 
 .hover\:border-yellow-300:hover {
+  --border-opacity: 1;
   border-color: #faf089;
+  border-color: rgba(250, 240, 137, var(--border-opacity));
 }
 
 .hover\:border-yellow-400:hover {
+  --border-opacity: 1;
   border-color: #f6e05e;
+  border-color: rgba(246, 224, 94, var(--border-opacity));
 }
 
 .hover\:border-yellow-500:hover {
+  --border-opacity: 1;
   border-color: #ecc94b;
+  border-color: rgba(236, 201, 75, var(--border-opacity));
 }
 
 .hover\:border-yellow-600:hover {
+  --border-opacity: 1;
   border-color: #d69e2e;
+  border-color: rgba(214, 158, 46, var(--border-opacity));
 }
 
 .hover\:border-yellow-700:hover {
+  --border-opacity: 1;
   border-color: #b7791f;
+  border-color: rgba(183, 121, 31, var(--border-opacity));
 }
 
 .hover\:border-yellow-800:hover {
+  --border-opacity: 1;
   border-color: #975a16;
+  border-color: rgba(151, 90, 22, var(--border-opacity));
 }
 
 .hover\:border-yellow-900:hover {
+  --border-opacity: 1;
   border-color: #744210;
+  border-color: rgba(116, 66, 16, var(--border-opacity));
 }
 
 .hover\:border-green-100:hover {
+  --border-opacity: 1;
   border-color: #f0fff4;
+  border-color: rgba(240, 255, 244, var(--border-opacity));
 }
 
 .hover\:border-green-200:hover {
+  --border-opacity: 1;
   border-color: #c6f6d5;
+  border-color: rgba(198, 246, 213, var(--border-opacity));
 }
 
 .hover\:border-green-300:hover {
+  --border-opacity: 1;
   border-color: #9ae6b4;
+  border-color: rgba(154, 230, 180, var(--border-opacity));
 }
 
 .hover\:border-green-400:hover {
+  --border-opacity: 1;
   border-color: #68d391;
+  border-color: rgba(104, 211, 145, var(--border-opacity));
 }
 
 .hover\:border-green-500:hover {
+  --border-opacity: 1;
   border-color: #48bb78;
+  border-color: rgba(72, 187, 120, var(--border-opacity));
 }
 
 .hover\:border-green-600:hover {
+  --border-opacity: 1;
   border-color: #38a169;
+  border-color: rgba(56, 161, 105, var(--border-opacity));
 }
 
 .hover\:border-green-700:hover {
+  --border-opacity: 1;
   border-color: #2f855a;
+  border-color: rgba(47, 133, 90, var(--border-opacity));
 }
 
 .hover\:border-green-800:hover {
+  --border-opacity: 1;
   border-color: #276749;
+  border-color: rgba(39, 103, 73, var(--border-opacity));
 }
 
 .hover\:border-green-900:hover {
+  --border-opacity: 1;
   border-color: #22543d;
+  border-color: rgba(34, 84, 61, var(--border-opacity));
 }
 
 .hover\:border-teal-100:hover {
+  --border-opacity: 1;
   border-color: #e6fffa;
+  border-color: rgba(230, 255, 250, var(--border-opacity));
 }
 
 .hover\:border-teal-200:hover {
+  --border-opacity: 1;
   border-color: #b2f5ea;
+  border-color: rgba(178, 245, 234, var(--border-opacity));
 }
 
 .hover\:border-teal-300:hover {
+  --border-opacity: 1;
   border-color: #81e6d9;
+  border-color: rgba(129, 230, 217, var(--border-opacity));
 }
 
 .hover\:border-teal-400:hover {
+  --border-opacity: 1;
   border-color: #4fd1c5;
+  border-color: rgba(79, 209, 197, var(--border-opacity));
 }
 
 .hover\:border-teal-500:hover {
+  --border-opacity: 1;
   border-color: #38b2ac;
+  border-color: rgba(56, 178, 172, var(--border-opacity));
 }
 
 .hover\:border-teal-600:hover {
+  --border-opacity: 1;
   border-color: #319795;
+  border-color: rgba(49, 151, 149, var(--border-opacity));
 }
 
 .hover\:border-teal-700:hover {
+  --border-opacity: 1;
   border-color: #2c7a7b;
+  border-color: rgba(44, 122, 123, var(--border-opacity));
 }
 
 .hover\:border-teal-800:hover {
+  --border-opacity: 1;
   border-color: #285e61;
+  border-color: rgba(40, 94, 97, var(--border-opacity));
 }
 
 .hover\:border-teal-900:hover {
+  --border-opacity: 1;
   border-color: #234e52;
+  border-color: rgba(35, 78, 82, var(--border-opacity));
 }
 
 .hover\:border-blue-100:hover {
+  --border-opacity: 1;
   border-color: #ebf8ff;
+  border-color: rgba(235, 248, 255, var(--border-opacity));
 }
 
 .hover\:border-blue-200:hover {
+  --border-opacity: 1;
   border-color: #bee3f8;
+  border-color: rgba(190, 227, 248, var(--border-opacity));
 }
 
 .hover\:border-blue-300:hover {
+  --border-opacity: 1;
   border-color: #90cdf4;
+  border-color: rgba(144, 205, 244, var(--border-opacity));
 }
 
 .hover\:border-blue-400:hover {
+  --border-opacity: 1;
   border-color: #63b3ed;
+  border-color: rgba(99, 179, 237, var(--border-opacity));
 }
 
 .hover\:border-blue-500:hover {
+  --border-opacity: 1;
   border-color: #4299e1;
+  border-color: rgba(66, 153, 225, var(--border-opacity));
 }
 
 .hover\:border-blue-600:hover {
+  --border-opacity: 1;
   border-color: #3182ce;
+  border-color: rgba(49, 130, 206, var(--border-opacity));
 }
 
 .hover\:border-blue-700:hover {
+  --border-opacity: 1;
   border-color: #2b6cb0;
+  border-color: rgba(43, 108, 176, var(--border-opacity));
 }
 
 .hover\:border-blue-800:hover {
+  --border-opacity: 1;
   border-color: #2c5282;
+  border-color: rgba(44, 82, 130, var(--border-opacity));
 }
 
 .hover\:border-blue-900:hover {
+  --border-opacity: 1;
   border-color: #2a4365;
+  border-color: rgba(42, 67, 101, var(--border-opacity));
 }
 
 .hover\:border-indigo-100:hover {
+  --border-opacity: 1;
   border-color: #ebf4ff;
+  border-color: rgba(235, 244, 255, var(--border-opacity));
 }
 
 .hover\:border-indigo-200:hover {
+  --border-opacity: 1;
   border-color: #c3dafe;
+  border-color: rgba(195, 218, 254, var(--border-opacity));
 }
 
 .hover\:border-indigo-300:hover {
+  --border-opacity: 1;
   border-color: #a3bffa;
+  border-color: rgba(163, 191, 250, var(--border-opacity));
 }
 
 .hover\:border-indigo-400:hover {
+  --border-opacity: 1;
   border-color: #7f9cf5;
+  border-color: rgba(127, 156, 245, var(--border-opacity));
 }
 
 .hover\:border-indigo-500:hover {
+  --border-opacity: 1;
   border-color: #667eea;
+  border-color: rgba(102, 126, 234, var(--border-opacity));
 }
 
 .hover\:border-indigo-600:hover {
+  --border-opacity: 1;
   border-color: #5a67d8;
+  border-color: rgba(90, 103, 216, var(--border-opacity));
 }
 
 .hover\:border-indigo-700:hover {
+  --border-opacity: 1;
   border-color: #4c51bf;
+  border-color: rgba(76, 81, 191, var(--border-opacity));
 }
 
 .hover\:border-indigo-800:hover {
+  --border-opacity: 1;
   border-color: #434190;
+  border-color: rgba(67, 65, 144, var(--border-opacity));
 }
 
 .hover\:border-indigo-900:hover {
+  --border-opacity: 1;
   border-color: #3c366b;
+  border-color: rgba(60, 54, 107, var(--border-opacity));
 }
 
 .hover\:border-purple-100:hover {
+  --border-opacity: 1;
   border-color: #faf5ff;
+  border-color: rgba(250, 245, 255, var(--border-opacity));
 }
 
 .hover\:border-purple-200:hover {
+  --border-opacity: 1;
   border-color: #e9d8fd;
+  border-color: rgba(233, 216, 253, var(--border-opacity));
 }
 
 .hover\:border-purple-300:hover {
+  --border-opacity: 1;
   border-color: #d6bcfa;
+  border-color: rgba(214, 188, 250, var(--border-opacity));
 }
 
 .hover\:border-purple-400:hover {
+  --border-opacity: 1;
   border-color: #b794f4;
+  border-color: rgba(183, 148, 244, var(--border-opacity));
 }
 
 .hover\:border-purple-500:hover {
+  --border-opacity: 1;
   border-color: #9f7aea;
+  border-color: rgba(159, 122, 234, var(--border-opacity));
 }
 
 .hover\:border-purple-600:hover {
+  --border-opacity: 1;
   border-color: #805ad5;
+  border-color: rgba(128, 90, 213, var(--border-opacity));
 }
 
 .hover\:border-purple-700:hover {
+  --border-opacity: 1;
   border-color: #6b46c1;
+  border-color: rgba(107, 70, 193, var(--border-opacity));
 }
 
 .hover\:border-purple-800:hover {
+  --border-opacity: 1;
   border-color: #553c9a;
+  border-color: rgba(85, 60, 154, var(--border-opacity));
 }
 
 .hover\:border-purple-900:hover {
+  --border-opacity: 1;
   border-color: #44337a;
+  border-color: rgba(68, 51, 122, var(--border-opacity));
 }
 
 .hover\:border-pink-100:hover {
+  --border-opacity: 1;
   border-color: #fff5f7;
+  border-color: rgba(255, 245, 247, var(--border-opacity));
 }
 
 .hover\:border-pink-200:hover {
+  --border-opacity: 1;
   border-color: #fed7e2;
+  border-color: rgba(254, 215, 226, var(--border-opacity));
 }
 
 .hover\:border-pink-300:hover {
+  --border-opacity: 1;
   border-color: #fbb6ce;
+  border-color: rgba(251, 182, 206, var(--border-opacity));
 }
 
 .hover\:border-pink-400:hover {
+  --border-opacity: 1;
   border-color: #f687b3;
+  border-color: rgba(246, 135, 179, var(--border-opacity));
 }
 
 .hover\:border-pink-500:hover {
+  --border-opacity: 1;
   border-color: #ed64a6;
+  border-color: rgba(237, 100, 166, var(--border-opacity));
 }
 
 .hover\:border-pink-600:hover {
+  --border-opacity: 1;
   border-color: #d53f8c;
+  border-color: rgba(213, 63, 140, var(--border-opacity));
 }
 
 .hover\:border-pink-700:hover {
+  --border-opacity: 1;
   border-color: #b83280;
+  border-color: rgba(184, 50, 128, var(--border-opacity));
 }
 
 .hover\:border-pink-800:hover {
+  --border-opacity: 1;
   border-color: #97266d;
+  border-color: rgba(151, 38, 109, var(--border-opacity));
 }
 
 .hover\:border-pink-900:hover {
+  --border-opacity: 1;
   border-color: #702459;
+  border-color: rgba(112, 36, 89, var(--border-opacity));
 }
 
 .focus\:border-transparent:focus {
@@ -3533,371 +4717,615 @@ video {
 }
 
 .focus\:border-black:focus {
+  --border-opacity: 1;
   border-color: #000;
+  border-color: rgba(0, 0, 0, var(--border-opacity));
 }
 
 .focus\:border-white:focus {
+  --border-opacity: 1;
   border-color: #fff;
+  border-color: rgba(255, 255, 255, var(--border-opacity));
 }
 
 .focus\:border-gray-100:focus {
+  --border-opacity: 1;
   border-color: #f7fafc;
+  border-color: rgba(247, 250, 252, var(--border-opacity));
 }
 
 .focus\:border-gray-200:focus {
+  --border-opacity: 1;
   border-color: #edf2f7;
+  border-color: rgba(237, 242, 247, var(--border-opacity));
 }
 
 .focus\:border-gray-300:focus {
+  --border-opacity: 1;
   border-color: #e2e8f0;
+  border-color: rgba(226, 232, 240, var(--border-opacity));
 }
 
 .focus\:border-gray-400:focus {
+  --border-opacity: 1;
   border-color: #cbd5e0;
+  border-color: rgba(203, 213, 224, var(--border-opacity));
 }
 
 .focus\:border-gray-500:focus {
+  --border-opacity: 1;
   border-color: #a0aec0;
+  border-color: rgba(160, 174, 192, var(--border-opacity));
 }
 
 .focus\:border-gray-600:focus {
+  --border-opacity: 1;
   border-color: #718096;
+  border-color: rgba(113, 128, 150, var(--border-opacity));
 }
 
 .focus\:border-gray-700:focus {
+  --border-opacity: 1;
   border-color: #4a5568;
+  border-color: rgba(74, 85, 104, var(--border-opacity));
 }
 
 .focus\:border-gray-800:focus {
+  --border-opacity: 1;
   border-color: #2d3748;
+  border-color: rgba(45, 55, 72, var(--border-opacity));
 }
 
 .focus\:border-gray-900:focus {
+  --border-opacity: 1;
   border-color: #1a202c;
+  border-color: rgba(26, 32, 44, var(--border-opacity));
 }
 
 .focus\:border-red-100:focus {
+  --border-opacity: 1;
   border-color: #fff5f5;
+  border-color: rgba(255, 245, 245, var(--border-opacity));
 }
 
 .focus\:border-red-200:focus {
+  --border-opacity: 1;
   border-color: #fed7d7;
+  border-color: rgba(254, 215, 215, var(--border-opacity));
 }
 
 .focus\:border-red-300:focus {
+  --border-opacity: 1;
   border-color: #feb2b2;
+  border-color: rgba(254, 178, 178, var(--border-opacity));
 }
 
 .focus\:border-red-400:focus {
+  --border-opacity: 1;
   border-color: #fc8181;
+  border-color: rgba(252, 129, 129, var(--border-opacity));
 }
 
 .focus\:border-red-500:focus {
+  --border-opacity: 1;
   border-color: #f56565;
+  border-color: rgba(245, 101, 101, var(--border-opacity));
 }
 
 .focus\:border-red-600:focus {
+  --border-opacity: 1;
   border-color: #e53e3e;
+  border-color: rgba(229, 62, 62, var(--border-opacity));
 }
 
 .focus\:border-red-700:focus {
+  --border-opacity: 1;
   border-color: #c53030;
+  border-color: rgba(197, 48, 48, var(--border-opacity));
 }
 
 .focus\:border-red-800:focus {
+  --border-opacity: 1;
   border-color: #9b2c2c;
+  border-color: rgba(155, 44, 44, var(--border-opacity));
 }
 
 .focus\:border-red-900:focus {
+  --border-opacity: 1;
   border-color: #742a2a;
+  border-color: rgba(116, 42, 42, var(--border-opacity));
 }
 
 .focus\:border-orange-100:focus {
+  --border-opacity: 1;
   border-color: #fffaf0;
+  border-color: rgba(255, 250, 240, var(--border-opacity));
 }
 
 .focus\:border-orange-200:focus {
+  --border-opacity: 1;
   border-color: #feebc8;
+  border-color: rgba(254, 235, 200, var(--border-opacity));
 }
 
 .focus\:border-orange-300:focus {
+  --border-opacity: 1;
   border-color: #fbd38d;
+  border-color: rgba(251, 211, 141, var(--border-opacity));
 }
 
 .focus\:border-orange-400:focus {
+  --border-opacity: 1;
   border-color: #f6ad55;
+  border-color: rgba(246, 173, 85, var(--border-opacity));
 }
 
 .focus\:border-orange-500:focus {
+  --border-opacity: 1;
   border-color: #ed8936;
+  border-color: rgba(237, 137, 54, var(--border-opacity));
 }
 
 .focus\:border-orange-600:focus {
+  --border-opacity: 1;
   border-color: #dd6b20;
+  border-color: rgba(221, 107, 32, var(--border-opacity));
 }
 
 .focus\:border-orange-700:focus {
+  --border-opacity: 1;
   border-color: #c05621;
+  border-color: rgba(192, 86, 33, var(--border-opacity));
 }
 
 .focus\:border-orange-800:focus {
+  --border-opacity: 1;
   border-color: #9c4221;
+  border-color: rgba(156, 66, 33, var(--border-opacity));
 }
 
 .focus\:border-orange-900:focus {
+  --border-opacity: 1;
   border-color: #7b341e;
+  border-color: rgba(123, 52, 30, var(--border-opacity));
 }
 
 .focus\:border-yellow-100:focus {
+  --border-opacity: 1;
   border-color: #fffff0;
+  border-color: rgba(255, 255, 240, var(--border-opacity));
 }
 
 .focus\:border-yellow-200:focus {
+  --border-opacity: 1;
   border-color: #fefcbf;
+  border-color: rgba(254, 252, 191, var(--border-opacity));
 }
 
 .focus\:border-yellow-300:focus {
+  --border-opacity: 1;
   border-color: #faf089;
+  border-color: rgba(250, 240, 137, var(--border-opacity));
 }
 
 .focus\:border-yellow-400:focus {
+  --border-opacity: 1;
   border-color: #f6e05e;
+  border-color: rgba(246, 224, 94, var(--border-opacity));
 }
 
 .focus\:border-yellow-500:focus {
+  --border-opacity: 1;
   border-color: #ecc94b;
+  border-color: rgba(236, 201, 75, var(--border-opacity));
 }
 
 .focus\:border-yellow-600:focus {
+  --border-opacity: 1;
   border-color: #d69e2e;
+  border-color: rgba(214, 158, 46, var(--border-opacity));
 }
 
 .focus\:border-yellow-700:focus {
+  --border-opacity: 1;
   border-color: #b7791f;
+  border-color: rgba(183, 121, 31, var(--border-opacity));
 }
 
 .focus\:border-yellow-800:focus {
+  --border-opacity: 1;
   border-color: #975a16;
+  border-color: rgba(151, 90, 22, var(--border-opacity));
 }
 
 .focus\:border-yellow-900:focus {
+  --border-opacity: 1;
   border-color: #744210;
+  border-color: rgba(116, 66, 16, var(--border-opacity));
 }
 
 .focus\:border-green-100:focus {
+  --border-opacity: 1;
   border-color: #f0fff4;
+  border-color: rgba(240, 255, 244, var(--border-opacity));
 }
 
 .focus\:border-green-200:focus {
+  --border-opacity: 1;
   border-color: #c6f6d5;
+  border-color: rgba(198, 246, 213, var(--border-opacity));
 }
 
 .focus\:border-green-300:focus {
+  --border-opacity: 1;
   border-color: #9ae6b4;
+  border-color: rgba(154, 230, 180, var(--border-opacity));
 }
 
 .focus\:border-green-400:focus {
+  --border-opacity: 1;
   border-color: #68d391;
+  border-color: rgba(104, 211, 145, var(--border-opacity));
 }
 
 .focus\:border-green-500:focus {
+  --border-opacity: 1;
   border-color: #48bb78;
+  border-color: rgba(72, 187, 120, var(--border-opacity));
 }
 
 .focus\:border-green-600:focus {
+  --border-opacity: 1;
   border-color: #38a169;
+  border-color: rgba(56, 161, 105, var(--border-opacity));
 }
 
 .focus\:border-green-700:focus {
+  --border-opacity: 1;
   border-color: #2f855a;
+  border-color: rgba(47, 133, 90, var(--border-opacity));
 }
 
 .focus\:border-green-800:focus {
+  --border-opacity: 1;
   border-color: #276749;
+  border-color: rgba(39, 103, 73, var(--border-opacity));
 }
 
 .focus\:border-green-900:focus {
+  --border-opacity: 1;
   border-color: #22543d;
+  border-color: rgba(34, 84, 61, var(--border-opacity));
 }
 
 .focus\:border-teal-100:focus {
+  --border-opacity: 1;
   border-color: #e6fffa;
+  border-color: rgba(230, 255, 250, var(--border-opacity));
 }
 
 .focus\:border-teal-200:focus {
+  --border-opacity: 1;
   border-color: #b2f5ea;
+  border-color: rgba(178, 245, 234, var(--border-opacity));
 }
 
 .focus\:border-teal-300:focus {
+  --border-opacity: 1;
   border-color: #81e6d9;
+  border-color: rgba(129, 230, 217, var(--border-opacity));
 }
 
 .focus\:border-teal-400:focus {
+  --border-opacity: 1;
   border-color: #4fd1c5;
+  border-color: rgba(79, 209, 197, var(--border-opacity));
 }
 
 .focus\:border-teal-500:focus {
+  --border-opacity: 1;
   border-color: #38b2ac;
+  border-color: rgba(56, 178, 172, var(--border-opacity));
 }
 
 .focus\:border-teal-600:focus {
+  --border-opacity: 1;
   border-color: #319795;
+  border-color: rgba(49, 151, 149, var(--border-opacity));
 }
 
 .focus\:border-teal-700:focus {
+  --border-opacity: 1;
   border-color: #2c7a7b;
+  border-color: rgba(44, 122, 123, var(--border-opacity));
 }
 
 .focus\:border-teal-800:focus {
+  --border-opacity: 1;
   border-color: #285e61;
+  border-color: rgba(40, 94, 97, var(--border-opacity));
 }
 
 .focus\:border-teal-900:focus {
+  --border-opacity: 1;
   border-color: #234e52;
+  border-color: rgba(35, 78, 82, var(--border-opacity));
 }
 
 .focus\:border-blue-100:focus {
+  --border-opacity: 1;
   border-color: #ebf8ff;
+  border-color: rgba(235, 248, 255, var(--border-opacity));
 }
 
 .focus\:border-blue-200:focus {
+  --border-opacity: 1;
   border-color: #bee3f8;
+  border-color: rgba(190, 227, 248, var(--border-opacity));
 }
 
 .focus\:border-blue-300:focus {
+  --border-opacity: 1;
   border-color: #90cdf4;
+  border-color: rgba(144, 205, 244, var(--border-opacity));
 }
 
 .focus\:border-blue-400:focus {
+  --border-opacity: 1;
   border-color: #63b3ed;
+  border-color: rgba(99, 179, 237, var(--border-opacity));
 }
 
 .focus\:border-blue-500:focus {
+  --border-opacity: 1;
   border-color: #4299e1;
+  border-color: rgba(66, 153, 225, var(--border-opacity));
 }
 
 .focus\:border-blue-600:focus {
+  --border-opacity: 1;
   border-color: #3182ce;
+  border-color: rgba(49, 130, 206, var(--border-opacity));
 }
 
 .focus\:border-blue-700:focus {
+  --border-opacity: 1;
   border-color: #2b6cb0;
+  border-color: rgba(43, 108, 176, var(--border-opacity));
 }
 
 .focus\:border-blue-800:focus {
+  --border-opacity: 1;
   border-color: #2c5282;
+  border-color: rgba(44, 82, 130, var(--border-opacity));
 }
 
 .focus\:border-blue-900:focus {
+  --border-opacity: 1;
   border-color: #2a4365;
+  border-color: rgba(42, 67, 101, var(--border-opacity));
 }
 
 .focus\:border-indigo-100:focus {
+  --border-opacity: 1;
   border-color: #ebf4ff;
+  border-color: rgba(235, 244, 255, var(--border-opacity));
 }
 
 .focus\:border-indigo-200:focus {
+  --border-opacity: 1;
   border-color: #c3dafe;
+  border-color: rgba(195, 218, 254, var(--border-opacity));
 }
 
 .focus\:border-indigo-300:focus {
+  --border-opacity: 1;
   border-color: #a3bffa;
+  border-color: rgba(163, 191, 250, var(--border-opacity));
 }
 
 .focus\:border-indigo-400:focus {
+  --border-opacity: 1;
   border-color: #7f9cf5;
+  border-color: rgba(127, 156, 245, var(--border-opacity));
 }
 
 .focus\:border-indigo-500:focus {
+  --border-opacity: 1;
   border-color: #667eea;
+  border-color: rgba(102, 126, 234, var(--border-opacity));
 }
 
 .focus\:border-indigo-600:focus {
+  --border-opacity: 1;
   border-color: #5a67d8;
+  border-color: rgba(90, 103, 216, var(--border-opacity));
 }
 
 .focus\:border-indigo-700:focus {
+  --border-opacity: 1;
   border-color: #4c51bf;
+  border-color: rgba(76, 81, 191, var(--border-opacity));
 }
 
 .focus\:border-indigo-800:focus {
+  --border-opacity: 1;
   border-color: #434190;
+  border-color: rgba(67, 65, 144, var(--border-opacity));
 }
 
 .focus\:border-indigo-900:focus {
+  --border-opacity: 1;
   border-color: #3c366b;
+  border-color: rgba(60, 54, 107, var(--border-opacity));
 }
 
 .focus\:border-purple-100:focus {
+  --border-opacity: 1;
   border-color: #faf5ff;
+  border-color: rgba(250, 245, 255, var(--border-opacity));
 }
 
 .focus\:border-purple-200:focus {
+  --border-opacity: 1;
   border-color: #e9d8fd;
+  border-color: rgba(233, 216, 253, var(--border-opacity));
 }
 
 .focus\:border-purple-300:focus {
+  --border-opacity: 1;
   border-color: #d6bcfa;
+  border-color: rgba(214, 188, 250, var(--border-opacity));
 }
 
 .focus\:border-purple-400:focus {
+  --border-opacity: 1;
   border-color: #b794f4;
+  border-color: rgba(183, 148, 244, var(--border-opacity));
 }
 
 .focus\:border-purple-500:focus {
+  --border-opacity: 1;
   border-color: #9f7aea;
+  border-color: rgba(159, 122, 234, var(--border-opacity));
 }
 
 .focus\:border-purple-600:focus {
+  --border-opacity: 1;
   border-color: #805ad5;
+  border-color: rgba(128, 90, 213, var(--border-opacity));
 }
 
 .focus\:border-purple-700:focus {
+  --border-opacity: 1;
   border-color: #6b46c1;
+  border-color: rgba(107, 70, 193, var(--border-opacity));
 }
 
 .focus\:border-purple-800:focus {
+  --border-opacity: 1;
   border-color: #553c9a;
+  border-color: rgba(85, 60, 154, var(--border-opacity));
 }
 
 .focus\:border-purple-900:focus {
+  --border-opacity: 1;
   border-color: #44337a;
+  border-color: rgba(68, 51, 122, var(--border-opacity));
 }
 
 .focus\:border-pink-100:focus {
+  --border-opacity: 1;
   border-color: #fff5f7;
+  border-color: rgba(255, 245, 247, var(--border-opacity));
 }
 
 .focus\:border-pink-200:focus {
+  --border-opacity: 1;
   border-color: #fed7e2;
+  border-color: rgba(254, 215, 226, var(--border-opacity));
 }
 
 .focus\:border-pink-300:focus {
+  --border-opacity: 1;
   border-color: #fbb6ce;
+  border-color: rgba(251, 182, 206, var(--border-opacity));
 }
 
 .focus\:border-pink-400:focus {
+  --border-opacity: 1;
   border-color: #f687b3;
+  border-color: rgba(246, 135, 179, var(--border-opacity));
 }
 
 .focus\:border-pink-500:focus {
+  --border-opacity: 1;
   border-color: #ed64a6;
+  border-color: rgba(237, 100, 166, var(--border-opacity));
 }
 
 .focus\:border-pink-600:focus {
+  --border-opacity: 1;
   border-color: #d53f8c;
+  border-color: rgba(213, 63, 140, var(--border-opacity));
 }
 
 .focus\:border-pink-700:focus {
+  --border-opacity: 1;
   border-color: #b83280;
+  border-color: rgba(184, 50, 128, var(--border-opacity));
 }
 
 .focus\:border-pink-800:focus {
+  --border-opacity: 1;
   border-color: #97266d;
+  border-color: rgba(151, 38, 109, var(--border-opacity));
 }
 
 .focus\:border-pink-900:focus {
+  --border-opacity: 1;
   border-color: #702459;
+  border-color: rgba(112, 36, 89, var(--border-opacity));
+}
+
+.border-opacity-0 {
+  --border-opacity: 0;
+}
+
+.border-opacity-25 {
+  --border-opacity: 0.25;
+}
+
+.border-opacity-50 {
+  --border-opacity: 0.5;
+}
+
+.border-opacity-75 {
+  --border-opacity: 0.75;
+}
+
+.border-opacity-100 {
+  --border-opacity: 1;
+}
+
+.hover\:border-opacity-0:hover {
+  --border-opacity: 0;
+}
+
+.hover\:border-opacity-25:hover {
+  --border-opacity: 0.25;
+}
+
+.hover\:border-opacity-50:hover {
+  --border-opacity: 0.5;
+}
+
+.hover\:border-opacity-75:hover {
+  --border-opacity: 0.75;
+}
+
+.hover\:border-opacity-100:hover {
+  --border-opacity: 1;
+}
+
+.focus\:border-opacity-0:focus {
+  --border-opacity: 0;
+}
+
+.focus\:border-opacity-25:focus {
+  --border-opacity: 0.25;
+}
+
+.focus\:border-opacity-50:focus {
+  --border-opacity: 0.5;
+}
+
+.focus\:border-opacity-75:focus {
+  --border-opacity: 0.75;
+}
+
+.focus\:border-opacity-100:focus {
+  --border-opacity: 1;
 }
 
 .rounded-none {
@@ -6921,371 +8349,555 @@ video {
 }
 
 .placeholder-black::placeholder {
+  --placeholder-opacity: 1;
   color: #000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
 }
 
 .placeholder-white::placeholder {
+  --placeholder-opacity: 1;
   color: #fff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
 }
 
 .placeholder-gray-100::placeholder {
+  --placeholder-opacity: 1;
   color: #f7fafc;
+  color: rgba(247, 250, 252, var(--placeholder-opacity));
 }
 
 .placeholder-gray-200::placeholder {
+  --placeholder-opacity: 1;
   color: #edf2f7;
+  color: rgba(237, 242, 247, var(--placeholder-opacity));
 }
 
 .placeholder-gray-300::placeholder {
+  --placeholder-opacity: 1;
   color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
 }
 
 .placeholder-gray-400::placeholder {
+  --placeholder-opacity: 1;
   color: #cbd5e0;
+  color: rgba(203, 213, 224, var(--placeholder-opacity));
 }
 
 .placeholder-gray-500::placeholder {
+  --placeholder-opacity: 1;
   color: #a0aec0;
+  color: rgba(160, 174, 192, var(--placeholder-opacity));
 }
 
 .placeholder-gray-600::placeholder {
+  --placeholder-opacity: 1;
   color: #718096;
+  color: rgba(113, 128, 150, var(--placeholder-opacity));
 }
 
 .placeholder-gray-700::placeholder {
+  --placeholder-opacity: 1;
   color: #4a5568;
+  color: rgba(74, 85, 104, var(--placeholder-opacity));
 }
 
 .placeholder-gray-800::placeholder {
+  --placeholder-opacity: 1;
   color: #2d3748;
+  color: rgba(45, 55, 72, var(--placeholder-opacity));
 }
 
 .placeholder-gray-900::placeholder {
+  --placeholder-opacity: 1;
   color: #1a202c;
+  color: rgba(26, 32, 44, var(--placeholder-opacity));
 }
 
 .placeholder-red-100::placeholder {
+  --placeholder-opacity: 1;
   color: #fff5f5;
+  color: rgba(255, 245, 245, var(--placeholder-opacity));
 }
 
 .placeholder-red-200::placeholder {
+  --placeholder-opacity: 1;
   color: #fed7d7;
+  color: rgba(254, 215, 215, var(--placeholder-opacity));
 }
 
 .placeholder-red-300::placeholder {
+  --placeholder-opacity: 1;
   color: #feb2b2;
+  color: rgba(254, 178, 178, var(--placeholder-opacity));
 }
 
 .placeholder-red-400::placeholder {
+  --placeholder-opacity: 1;
   color: #fc8181;
+  color: rgba(252, 129, 129, var(--placeholder-opacity));
 }
 
 .placeholder-red-500::placeholder {
+  --placeholder-opacity: 1;
   color: #f56565;
+  color: rgba(245, 101, 101, var(--placeholder-opacity));
 }
 
 .placeholder-red-600::placeholder {
+  --placeholder-opacity: 1;
   color: #e53e3e;
+  color: rgba(229, 62, 62, var(--placeholder-opacity));
 }
 
 .placeholder-red-700::placeholder {
+  --placeholder-opacity: 1;
   color: #c53030;
+  color: rgba(197, 48, 48, var(--placeholder-opacity));
 }
 
 .placeholder-red-800::placeholder {
+  --placeholder-opacity: 1;
   color: #9b2c2c;
+  color: rgba(155, 44, 44, var(--placeholder-opacity));
 }
 
 .placeholder-red-900::placeholder {
+  --placeholder-opacity: 1;
   color: #742a2a;
+  color: rgba(116, 42, 42, var(--placeholder-opacity));
 }
 
 .placeholder-orange-100::placeholder {
+  --placeholder-opacity: 1;
   color: #fffaf0;
+  color: rgba(255, 250, 240, var(--placeholder-opacity));
 }
 
 .placeholder-orange-200::placeholder {
+  --placeholder-opacity: 1;
   color: #feebc8;
+  color: rgba(254, 235, 200, var(--placeholder-opacity));
 }
 
 .placeholder-orange-300::placeholder {
+  --placeholder-opacity: 1;
   color: #fbd38d;
+  color: rgba(251, 211, 141, var(--placeholder-opacity));
 }
 
 .placeholder-orange-400::placeholder {
+  --placeholder-opacity: 1;
   color: #f6ad55;
+  color: rgba(246, 173, 85, var(--placeholder-opacity));
 }
 
 .placeholder-orange-500::placeholder {
+  --placeholder-opacity: 1;
   color: #ed8936;
+  color: rgba(237, 137, 54, var(--placeholder-opacity));
 }
 
 .placeholder-orange-600::placeholder {
+  --placeholder-opacity: 1;
   color: #dd6b20;
+  color: rgba(221, 107, 32, var(--placeholder-opacity));
 }
 
 .placeholder-orange-700::placeholder {
+  --placeholder-opacity: 1;
   color: #c05621;
+  color: rgba(192, 86, 33, var(--placeholder-opacity));
 }
 
 .placeholder-orange-800::placeholder {
+  --placeholder-opacity: 1;
   color: #9c4221;
+  color: rgba(156, 66, 33, var(--placeholder-opacity));
 }
 
 .placeholder-orange-900::placeholder {
+  --placeholder-opacity: 1;
   color: #7b341e;
+  color: rgba(123, 52, 30, var(--placeholder-opacity));
 }
 
 .placeholder-yellow-100::placeholder {
+  --placeholder-opacity: 1;
   color: #fffff0;
+  color: rgba(255, 255, 240, var(--placeholder-opacity));
 }
 
 .placeholder-yellow-200::placeholder {
+  --placeholder-opacity: 1;
   color: #fefcbf;
+  color: rgba(254, 252, 191, var(--placeholder-opacity));
 }
 
 .placeholder-yellow-300::placeholder {
+  --placeholder-opacity: 1;
   color: #faf089;
+  color: rgba(250, 240, 137, var(--placeholder-opacity));
 }
 
 .placeholder-yellow-400::placeholder {
+  --placeholder-opacity: 1;
   color: #f6e05e;
+  color: rgba(246, 224, 94, var(--placeholder-opacity));
 }
 
 .placeholder-yellow-500::placeholder {
+  --placeholder-opacity: 1;
   color: #ecc94b;
+  color: rgba(236, 201, 75, var(--placeholder-opacity));
 }
 
 .placeholder-yellow-600::placeholder {
+  --placeholder-opacity: 1;
   color: #d69e2e;
+  color: rgba(214, 158, 46, var(--placeholder-opacity));
 }
 
 .placeholder-yellow-700::placeholder {
+  --placeholder-opacity: 1;
   color: #b7791f;
+  color: rgba(183, 121, 31, var(--placeholder-opacity));
 }
 
 .placeholder-yellow-800::placeholder {
+  --placeholder-opacity: 1;
   color: #975a16;
+  color: rgba(151, 90, 22, var(--placeholder-opacity));
 }
 
 .placeholder-yellow-900::placeholder {
+  --placeholder-opacity: 1;
   color: #744210;
+  color: rgba(116, 66, 16, var(--placeholder-opacity));
 }
 
 .placeholder-green-100::placeholder {
+  --placeholder-opacity: 1;
   color: #f0fff4;
+  color: rgba(240, 255, 244, var(--placeholder-opacity));
 }
 
 .placeholder-green-200::placeholder {
+  --placeholder-opacity: 1;
   color: #c6f6d5;
+  color: rgba(198, 246, 213, var(--placeholder-opacity));
 }
 
 .placeholder-green-300::placeholder {
+  --placeholder-opacity: 1;
   color: #9ae6b4;
+  color: rgba(154, 230, 180, var(--placeholder-opacity));
 }
 
 .placeholder-green-400::placeholder {
+  --placeholder-opacity: 1;
   color: #68d391;
+  color: rgba(104, 211, 145, var(--placeholder-opacity));
 }
 
 .placeholder-green-500::placeholder {
+  --placeholder-opacity: 1;
   color: #48bb78;
+  color: rgba(72, 187, 120, var(--placeholder-opacity));
 }
 
 .placeholder-green-600::placeholder {
+  --placeholder-opacity: 1;
   color: #38a169;
+  color: rgba(56, 161, 105, var(--placeholder-opacity));
 }
 
 .placeholder-green-700::placeholder {
+  --placeholder-opacity: 1;
   color: #2f855a;
+  color: rgba(47, 133, 90, var(--placeholder-opacity));
 }
 
 .placeholder-green-800::placeholder {
+  --placeholder-opacity: 1;
   color: #276749;
+  color: rgba(39, 103, 73, var(--placeholder-opacity));
 }
 
 .placeholder-green-900::placeholder {
+  --placeholder-opacity: 1;
   color: #22543d;
+  color: rgba(34, 84, 61, var(--placeholder-opacity));
 }
 
 .placeholder-teal-100::placeholder {
+  --placeholder-opacity: 1;
   color: #e6fffa;
+  color: rgba(230, 255, 250, var(--placeholder-opacity));
 }
 
 .placeholder-teal-200::placeholder {
+  --placeholder-opacity: 1;
   color: #b2f5ea;
+  color: rgba(178, 245, 234, var(--placeholder-opacity));
 }
 
 .placeholder-teal-300::placeholder {
+  --placeholder-opacity: 1;
   color: #81e6d9;
+  color: rgba(129, 230, 217, var(--placeholder-opacity));
 }
 
 .placeholder-teal-400::placeholder {
+  --placeholder-opacity: 1;
   color: #4fd1c5;
+  color: rgba(79, 209, 197, var(--placeholder-opacity));
 }
 
 .placeholder-teal-500::placeholder {
+  --placeholder-opacity: 1;
   color: #38b2ac;
+  color: rgba(56, 178, 172, var(--placeholder-opacity));
 }
 
 .placeholder-teal-600::placeholder {
+  --placeholder-opacity: 1;
   color: #319795;
+  color: rgba(49, 151, 149, var(--placeholder-opacity));
 }
 
 .placeholder-teal-700::placeholder {
+  --placeholder-opacity: 1;
   color: #2c7a7b;
+  color: rgba(44, 122, 123, var(--placeholder-opacity));
 }
 
 .placeholder-teal-800::placeholder {
+  --placeholder-opacity: 1;
   color: #285e61;
+  color: rgba(40, 94, 97, var(--placeholder-opacity));
 }
 
 .placeholder-teal-900::placeholder {
+  --placeholder-opacity: 1;
   color: #234e52;
+  color: rgba(35, 78, 82, var(--placeholder-opacity));
 }
 
 .placeholder-blue-100::placeholder {
+  --placeholder-opacity: 1;
   color: #ebf8ff;
+  color: rgba(235, 248, 255, var(--placeholder-opacity));
 }
 
 .placeholder-blue-200::placeholder {
+  --placeholder-opacity: 1;
   color: #bee3f8;
+  color: rgba(190, 227, 248, var(--placeholder-opacity));
 }
 
 .placeholder-blue-300::placeholder {
+  --placeholder-opacity: 1;
   color: #90cdf4;
+  color: rgba(144, 205, 244, var(--placeholder-opacity));
 }
 
 .placeholder-blue-400::placeholder {
+  --placeholder-opacity: 1;
   color: #63b3ed;
+  color: rgba(99, 179, 237, var(--placeholder-opacity));
 }
 
 .placeholder-blue-500::placeholder {
+  --placeholder-opacity: 1;
   color: #4299e1;
+  color: rgba(66, 153, 225, var(--placeholder-opacity));
 }
 
 .placeholder-blue-600::placeholder {
+  --placeholder-opacity: 1;
   color: #3182ce;
+  color: rgba(49, 130, 206, var(--placeholder-opacity));
 }
 
 .placeholder-blue-700::placeholder {
+  --placeholder-opacity: 1;
   color: #2b6cb0;
+  color: rgba(43, 108, 176, var(--placeholder-opacity));
 }
 
 .placeholder-blue-800::placeholder {
+  --placeholder-opacity: 1;
   color: #2c5282;
+  color: rgba(44, 82, 130, var(--placeholder-opacity));
 }
 
 .placeholder-blue-900::placeholder {
+  --placeholder-opacity: 1;
   color: #2a4365;
+  color: rgba(42, 67, 101, var(--placeholder-opacity));
 }
 
 .placeholder-indigo-100::placeholder {
+  --placeholder-opacity: 1;
   color: #ebf4ff;
+  color: rgba(235, 244, 255, var(--placeholder-opacity));
 }
 
 .placeholder-indigo-200::placeholder {
+  --placeholder-opacity: 1;
   color: #c3dafe;
+  color: rgba(195, 218, 254, var(--placeholder-opacity));
 }
 
 .placeholder-indigo-300::placeholder {
+  --placeholder-opacity: 1;
   color: #a3bffa;
+  color: rgba(163, 191, 250, var(--placeholder-opacity));
 }
 
 .placeholder-indigo-400::placeholder {
+  --placeholder-opacity: 1;
   color: #7f9cf5;
+  color: rgba(127, 156, 245, var(--placeholder-opacity));
 }
 
 .placeholder-indigo-500::placeholder {
+  --placeholder-opacity: 1;
   color: #667eea;
+  color: rgba(102, 126, 234, var(--placeholder-opacity));
 }
 
 .placeholder-indigo-600::placeholder {
+  --placeholder-opacity: 1;
   color: #5a67d8;
+  color: rgba(90, 103, 216, var(--placeholder-opacity));
 }
 
 .placeholder-indigo-700::placeholder {
+  --placeholder-opacity: 1;
   color: #4c51bf;
+  color: rgba(76, 81, 191, var(--placeholder-opacity));
 }
 
 .placeholder-indigo-800::placeholder {
+  --placeholder-opacity: 1;
   color: #434190;
+  color: rgba(67, 65, 144, var(--placeholder-opacity));
 }
 
 .placeholder-indigo-900::placeholder {
+  --placeholder-opacity: 1;
   color: #3c366b;
+  color: rgba(60, 54, 107, var(--placeholder-opacity));
 }
 
 .placeholder-purple-100::placeholder {
+  --placeholder-opacity: 1;
   color: #faf5ff;
+  color: rgba(250, 245, 255, var(--placeholder-opacity));
 }
 
 .placeholder-purple-200::placeholder {
+  --placeholder-opacity: 1;
   color: #e9d8fd;
+  color: rgba(233, 216, 253, var(--placeholder-opacity));
 }
 
 .placeholder-purple-300::placeholder {
+  --placeholder-opacity: 1;
   color: #d6bcfa;
+  color: rgba(214, 188, 250, var(--placeholder-opacity));
 }
 
 .placeholder-purple-400::placeholder {
+  --placeholder-opacity: 1;
   color: #b794f4;
+  color: rgba(183, 148, 244, var(--placeholder-opacity));
 }
 
 .placeholder-purple-500::placeholder {
+  --placeholder-opacity: 1;
   color: #9f7aea;
+  color: rgba(159, 122, 234, var(--placeholder-opacity));
 }
 
 .placeholder-purple-600::placeholder {
+  --placeholder-opacity: 1;
   color: #805ad5;
+  color: rgba(128, 90, 213, var(--placeholder-opacity));
 }
 
 .placeholder-purple-700::placeholder {
+  --placeholder-opacity: 1;
   color: #6b46c1;
+  color: rgba(107, 70, 193, var(--placeholder-opacity));
 }
 
 .placeholder-purple-800::placeholder {
+  --placeholder-opacity: 1;
   color: #553c9a;
+  color: rgba(85, 60, 154, var(--placeholder-opacity));
 }
 
 .placeholder-purple-900::placeholder {
+  --placeholder-opacity: 1;
   color: #44337a;
+  color: rgba(68, 51, 122, var(--placeholder-opacity));
 }
 
 .placeholder-pink-100::placeholder {
+  --placeholder-opacity: 1;
   color: #fff5f7;
+  color: rgba(255, 245, 247, var(--placeholder-opacity));
 }
 
 .placeholder-pink-200::placeholder {
+  --placeholder-opacity: 1;
   color: #fed7e2;
+  color: rgba(254, 215, 226, var(--placeholder-opacity));
 }
 
 .placeholder-pink-300::placeholder {
+  --placeholder-opacity: 1;
   color: #fbb6ce;
+  color: rgba(251, 182, 206, var(--placeholder-opacity));
 }
 
 .placeholder-pink-400::placeholder {
+  --placeholder-opacity: 1;
   color: #f687b3;
+  color: rgba(246, 135, 179, var(--placeholder-opacity));
 }
 
 .placeholder-pink-500::placeholder {
+  --placeholder-opacity: 1;
   color: #ed64a6;
+  color: rgba(237, 100, 166, var(--placeholder-opacity));
 }
 
 .placeholder-pink-600::placeholder {
+  --placeholder-opacity: 1;
   color: #d53f8c;
+  color: rgba(213, 63, 140, var(--placeholder-opacity));
 }
 
 .placeholder-pink-700::placeholder {
+  --placeholder-opacity: 1;
   color: #b83280;
+  color: rgba(184, 50, 128, var(--placeholder-opacity));
 }
 
 .placeholder-pink-800::placeholder {
+  --placeholder-opacity: 1;
   color: #97266d;
+  color: rgba(151, 38, 109, var(--placeholder-opacity));
 }
 
 .placeholder-pink-900::placeholder {
+  --placeholder-opacity: 1;
   color: #702459;
+  color: rgba(112, 36, 89, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-transparent:focus::placeholder {
@@ -7297,371 +8909,595 @@ video {
 }
 
 .focus\:placeholder-black:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #000;
+  color: rgba(0, 0, 0, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-white:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #fff;
+  color: rgba(255, 255, 255, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-gray-100:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #f7fafc;
+  color: rgba(247, 250, 252, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-gray-200:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #edf2f7;
+  color: rgba(237, 242, 247, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-gray-300:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-gray-400:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #cbd5e0;
+  color: rgba(203, 213, 224, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-gray-500:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #a0aec0;
+  color: rgba(160, 174, 192, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-gray-600:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #718096;
+  color: rgba(113, 128, 150, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-gray-700:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #4a5568;
+  color: rgba(74, 85, 104, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-gray-800:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #2d3748;
+  color: rgba(45, 55, 72, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-gray-900:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #1a202c;
+  color: rgba(26, 32, 44, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-red-100:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #fff5f5;
+  color: rgba(255, 245, 245, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-red-200:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #fed7d7;
+  color: rgba(254, 215, 215, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-red-300:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #feb2b2;
+  color: rgba(254, 178, 178, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-red-400:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #fc8181;
+  color: rgba(252, 129, 129, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-red-500:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #f56565;
+  color: rgba(245, 101, 101, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-red-600:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #e53e3e;
+  color: rgba(229, 62, 62, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-red-700:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #c53030;
+  color: rgba(197, 48, 48, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-red-800:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #9b2c2c;
+  color: rgba(155, 44, 44, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-red-900:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #742a2a;
+  color: rgba(116, 42, 42, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-orange-100:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #fffaf0;
+  color: rgba(255, 250, 240, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-orange-200:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #feebc8;
+  color: rgba(254, 235, 200, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-orange-300:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #fbd38d;
+  color: rgba(251, 211, 141, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-orange-400:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #f6ad55;
+  color: rgba(246, 173, 85, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-orange-500:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #ed8936;
+  color: rgba(237, 137, 54, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-orange-600:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #dd6b20;
+  color: rgba(221, 107, 32, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-orange-700:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #c05621;
+  color: rgba(192, 86, 33, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-orange-800:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #9c4221;
+  color: rgba(156, 66, 33, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-orange-900:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #7b341e;
+  color: rgba(123, 52, 30, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-yellow-100:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #fffff0;
+  color: rgba(255, 255, 240, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-yellow-200:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #fefcbf;
+  color: rgba(254, 252, 191, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-yellow-300:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #faf089;
+  color: rgba(250, 240, 137, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-yellow-400:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #f6e05e;
+  color: rgba(246, 224, 94, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-yellow-500:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #ecc94b;
+  color: rgba(236, 201, 75, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-yellow-600:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #d69e2e;
+  color: rgba(214, 158, 46, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-yellow-700:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #b7791f;
+  color: rgba(183, 121, 31, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-yellow-800:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #975a16;
+  color: rgba(151, 90, 22, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-yellow-900:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #744210;
+  color: rgba(116, 66, 16, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-green-100:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #f0fff4;
+  color: rgba(240, 255, 244, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-green-200:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #c6f6d5;
+  color: rgba(198, 246, 213, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-green-300:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #9ae6b4;
+  color: rgba(154, 230, 180, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-green-400:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #68d391;
+  color: rgba(104, 211, 145, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-green-500:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #48bb78;
+  color: rgba(72, 187, 120, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-green-600:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #38a169;
+  color: rgba(56, 161, 105, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-green-700:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #2f855a;
+  color: rgba(47, 133, 90, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-green-800:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #276749;
+  color: rgba(39, 103, 73, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-green-900:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #22543d;
+  color: rgba(34, 84, 61, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-teal-100:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #e6fffa;
+  color: rgba(230, 255, 250, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-teal-200:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #b2f5ea;
+  color: rgba(178, 245, 234, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-teal-300:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #81e6d9;
+  color: rgba(129, 230, 217, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-teal-400:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #4fd1c5;
+  color: rgba(79, 209, 197, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-teal-500:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #38b2ac;
+  color: rgba(56, 178, 172, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-teal-600:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #319795;
+  color: rgba(49, 151, 149, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-teal-700:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #2c7a7b;
+  color: rgba(44, 122, 123, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-teal-800:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #285e61;
+  color: rgba(40, 94, 97, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-teal-900:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #234e52;
+  color: rgba(35, 78, 82, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-blue-100:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #ebf8ff;
+  color: rgba(235, 248, 255, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-blue-200:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #bee3f8;
+  color: rgba(190, 227, 248, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-blue-300:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #90cdf4;
+  color: rgba(144, 205, 244, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-blue-400:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #63b3ed;
+  color: rgba(99, 179, 237, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-blue-500:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #4299e1;
+  color: rgba(66, 153, 225, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-blue-600:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #3182ce;
+  color: rgba(49, 130, 206, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-blue-700:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #2b6cb0;
+  color: rgba(43, 108, 176, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-blue-800:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #2c5282;
+  color: rgba(44, 82, 130, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-blue-900:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #2a4365;
+  color: rgba(42, 67, 101, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-indigo-100:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #ebf4ff;
+  color: rgba(235, 244, 255, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-indigo-200:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #c3dafe;
+  color: rgba(195, 218, 254, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-indigo-300:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #a3bffa;
+  color: rgba(163, 191, 250, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-indigo-400:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #7f9cf5;
+  color: rgba(127, 156, 245, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-indigo-500:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #667eea;
+  color: rgba(102, 126, 234, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-indigo-600:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #5a67d8;
+  color: rgba(90, 103, 216, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-indigo-700:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #4c51bf;
+  color: rgba(76, 81, 191, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-indigo-800:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #434190;
+  color: rgba(67, 65, 144, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-indigo-900:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #3c366b;
+  color: rgba(60, 54, 107, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-purple-100:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #faf5ff;
+  color: rgba(250, 245, 255, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-purple-200:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #e9d8fd;
+  color: rgba(233, 216, 253, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-purple-300:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #d6bcfa;
+  color: rgba(214, 188, 250, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-purple-400:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #b794f4;
+  color: rgba(183, 148, 244, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-purple-500:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #9f7aea;
+  color: rgba(159, 122, 234, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-purple-600:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #805ad5;
+  color: rgba(128, 90, 213, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-purple-700:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #6b46c1;
+  color: rgba(107, 70, 193, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-purple-800:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #553c9a;
+  color: rgba(85, 60, 154, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-purple-900:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #44337a;
+  color: rgba(68, 51, 122, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-pink-100:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #fff5f7;
+  color: rgba(255, 245, 247, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-pink-200:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #fed7e2;
+  color: rgba(254, 215, 226, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-pink-300:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #fbb6ce;
+  color: rgba(251, 182, 206, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-pink-400:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #f687b3;
+  color: rgba(246, 135, 179, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-pink-500:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #ed64a6;
+  color: rgba(237, 100, 166, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-pink-600:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #d53f8c;
+  color: rgba(213, 63, 140, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-pink-700:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #b83280;
+  color: rgba(184, 50, 128, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-pink-800:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #97266d;
+  color: rgba(151, 38, 109, var(--placeholder-opacity));
 }
 
 .focus\:placeholder-pink-900:focus::placeholder {
+  --placeholder-opacity: 1;
   color: #702459;
+  color: rgba(112, 36, 89, var(--placeholder-opacity));
+}
+
+.placeholder-opacity-0 {
+  --placeholder-opacity: 0;
+}
+
+.placeholder-opacity-25 {
+  --placeholder-opacity: 0.25;
+}
+
+.placeholder-opacity-50 {
+  --placeholder-opacity: 0.5;
+}
+
+.placeholder-opacity-75 {
+  --placeholder-opacity: 0.75;
+}
+
+.placeholder-opacity-100 {
+  --placeholder-opacity: 1;
+}
+
+.focus\:placeholder-opacity-0:focus {
+  --placeholder-opacity: 0;
+}
+
+.focus\:placeholder-opacity-25:focus {
+  --placeholder-opacity: 0.25;
+}
+
+.focus\:placeholder-opacity-50:focus {
+  --placeholder-opacity: 0.5;
+}
+
+.focus\:placeholder-opacity-75:focus {
+  --placeholder-opacity: 0.75;
+}
+
+.focus\:placeholder-opacity-100:focus {
+  --placeholder-opacity: 1;
 }
 
 .pointer-events-none {
@@ -7947,371 +9783,555 @@ video {
 }
 
 .text-black {
+  --text-opacity: 1;
   color: #000;
+  color: rgba(0, 0, 0, var(--text-opacity));
 }
 
 .text-white {
+  --text-opacity: 1;
   color: #fff;
+  color: rgba(255, 255, 255, var(--text-opacity));
 }
 
 .text-gray-100 {
+  --text-opacity: 1;
   color: #f7fafc;
+  color: rgba(247, 250, 252, var(--text-opacity));
 }
 
 .text-gray-200 {
+  --text-opacity: 1;
   color: #edf2f7;
+  color: rgba(237, 242, 247, var(--text-opacity));
 }
 
 .text-gray-300 {
+  --text-opacity: 1;
   color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--text-opacity));
 }
 
 .text-gray-400 {
+  --text-opacity: 1;
   color: #cbd5e0;
+  color: rgba(203, 213, 224, var(--text-opacity));
 }
 
 .text-gray-500 {
+  --text-opacity: 1;
   color: #a0aec0;
+  color: rgba(160, 174, 192, var(--text-opacity));
 }
 
 .text-gray-600 {
+  --text-opacity: 1;
   color: #718096;
+  color: rgba(113, 128, 150, var(--text-opacity));
 }
 
 .text-gray-700 {
+  --text-opacity: 1;
   color: #4a5568;
+  color: rgba(74, 85, 104, var(--text-opacity));
 }
 
 .text-gray-800 {
+  --text-opacity: 1;
   color: #2d3748;
+  color: rgba(45, 55, 72, var(--text-opacity));
 }
 
 .text-gray-900 {
+  --text-opacity: 1;
   color: #1a202c;
+  color: rgba(26, 32, 44, var(--text-opacity));
 }
 
 .text-red-100 {
+  --text-opacity: 1;
   color: #fff5f5;
+  color: rgba(255, 245, 245, var(--text-opacity));
 }
 
 .text-red-200 {
+  --text-opacity: 1;
   color: #fed7d7;
+  color: rgba(254, 215, 215, var(--text-opacity));
 }
 
 .text-red-300 {
+  --text-opacity: 1;
   color: #feb2b2;
+  color: rgba(254, 178, 178, var(--text-opacity));
 }
 
 .text-red-400 {
+  --text-opacity: 1;
   color: #fc8181;
+  color: rgba(252, 129, 129, var(--text-opacity));
 }
 
 .text-red-500 {
+  --text-opacity: 1;
   color: #f56565;
+  color: rgba(245, 101, 101, var(--text-opacity));
 }
 
 .text-red-600 {
+  --text-opacity: 1;
   color: #e53e3e;
+  color: rgba(229, 62, 62, var(--text-opacity));
 }
 
 .text-red-700 {
+  --text-opacity: 1;
   color: #c53030;
+  color: rgba(197, 48, 48, var(--text-opacity));
 }
 
 .text-red-800 {
+  --text-opacity: 1;
   color: #9b2c2c;
+  color: rgba(155, 44, 44, var(--text-opacity));
 }
 
 .text-red-900 {
+  --text-opacity: 1;
   color: #742a2a;
+  color: rgba(116, 42, 42, var(--text-opacity));
 }
 
 .text-orange-100 {
+  --text-opacity: 1;
   color: #fffaf0;
+  color: rgba(255, 250, 240, var(--text-opacity));
 }
 
 .text-orange-200 {
+  --text-opacity: 1;
   color: #feebc8;
+  color: rgba(254, 235, 200, var(--text-opacity));
 }
 
 .text-orange-300 {
+  --text-opacity: 1;
   color: #fbd38d;
+  color: rgba(251, 211, 141, var(--text-opacity));
 }
 
 .text-orange-400 {
+  --text-opacity: 1;
   color: #f6ad55;
+  color: rgba(246, 173, 85, var(--text-opacity));
 }
 
 .text-orange-500 {
+  --text-opacity: 1;
   color: #ed8936;
+  color: rgba(237, 137, 54, var(--text-opacity));
 }
 
 .text-orange-600 {
+  --text-opacity: 1;
   color: #dd6b20;
+  color: rgba(221, 107, 32, var(--text-opacity));
 }
 
 .text-orange-700 {
+  --text-opacity: 1;
   color: #c05621;
+  color: rgba(192, 86, 33, var(--text-opacity));
 }
 
 .text-orange-800 {
+  --text-opacity: 1;
   color: #9c4221;
+  color: rgba(156, 66, 33, var(--text-opacity));
 }
 
 .text-orange-900 {
+  --text-opacity: 1;
   color: #7b341e;
+  color: rgba(123, 52, 30, var(--text-opacity));
 }
 
 .text-yellow-100 {
+  --text-opacity: 1;
   color: #fffff0;
+  color: rgba(255, 255, 240, var(--text-opacity));
 }
 
 .text-yellow-200 {
+  --text-opacity: 1;
   color: #fefcbf;
+  color: rgba(254, 252, 191, var(--text-opacity));
 }
 
 .text-yellow-300 {
+  --text-opacity: 1;
   color: #faf089;
+  color: rgba(250, 240, 137, var(--text-opacity));
 }
 
 .text-yellow-400 {
+  --text-opacity: 1;
   color: #f6e05e;
+  color: rgba(246, 224, 94, var(--text-opacity));
 }
 
 .text-yellow-500 {
+  --text-opacity: 1;
   color: #ecc94b;
+  color: rgba(236, 201, 75, var(--text-opacity));
 }
 
 .text-yellow-600 {
+  --text-opacity: 1;
   color: #d69e2e;
+  color: rgba(214, 158, 46, var(--text-opacity));
 }
 
 .text-yellow-700 {
+  --text-opacity: 1;
   color: #b7791f;
+  color: rgba(183, 121, 31, var(--text-opacity));
 }
 
 .text-yellow-800 {
+  --text-opacity: 1;
   color: #975a16;
+  color: rgba(151, 90, 22, var(--text-opacity));
 }
 
 .text-yellow-900 {
+  --text-opacity: 1;
   color: #744210;
+  color: rgba(116, 66, 16, var(--text-opacity));
 }
 
 .text-green-100 {
+  --text-opacity: 1;
   color: #f0fff4;
+  color: rgba(240, 255, 244, var(--text-opacity));
 }
 
 .text-green-200 {
+  --text-opacity: 1;
   color: #c6f6d5;
+  color: rgba(198, 246, 213, var(--text-opacity));
 }
 
 .text-green-300 {
+  --text-opacity: 1;
   color: #9ae6b4;
+  color: rgba(154, 230, 180, var(--text-opacity));
 }
 
 .text-green-400 {
+  --text-opacity: 1;
   color: #68d391;
+  color: rgba(104, 211, 145, var(--text-opacity));
 }
 
 .text-green-500 {
+  --text-opacity: 1;
   color: #48bb78;
+  color: rgba(72, 187, 120, var(--text-opacity));
 }
 
 .text-green-600 {
+  --text-opacity: 1;
   color: #38a169;
+  color: rgba(56, 161, 105, var(--text-opacity));
 }
 
 .text-green-700 {
+  --text-opacity: 1;
   color: #2f855a;
+  color: rgba(47, 133, 90, var(--text-opacity));
 }
 
 .text-green-800 {
+  --text-opacity: 1;
   color: #276749;
+  color: rgba(39, 103, 73, var(--text-opacity));
 }
 
 .text-green-900 {
+  --text-opacity: 1;
   color: #22543d;
+  color: rgba(34, 84, 61, var(--text-opacity));
 }
 
 .text-teal-100 {
+  --text-opacity: 1;
   color: #e6fffa;
+  color: rgba(230, 255, 250, var(--text-opacity));
 }
 
 .text-teal-200 {
+  --text-opacity: 1;
   color: #b2f5ea;
+  color: rgba(178, 245, 234, var(--text-opacity));
 }
 
 .text-teal-300 {
+  --text-opacity: 1;
   color: #81e6d9;
+  color: rgba(129, 230, 217, var(--text-opacity));
 }
 
 .text-teal-400 {
+  --text-opacity: 1;
   color: #4fd1c5;
+  color: rgba(79, 209, 197, var(--text-opacity));
 }
 
 .text-teal-500 {
+  --text-opacity: 1;
   color: #38b2ac;
+  color: rgba(56, 178, 172, var(--text-opacity));
 }
 
 .text-teal-600 {
+  --text-opacity: 1;
   color: #319795;
+  color: rgba(49, 151, 149, var(--text-opacity));
 }
 
 .text-teal-700 {
+  --text-opacity: 1;
   color: #2c7a7b;
+  color: rgba(44, 122, 123, var(--text-opacity));
 }
 
 .text-teal-800 {
+  --text-opacity: 1;
   color: #285e61;
+  color: rgba(40, 94, 97, var(--text-opacity));
 }
 
 .text-teal-900 {
+  --text-opacity: 1;
   color: #234e52;
+  color: rgba(35, 78, 82, var(--text-opacity));
 }
 
 .text-blue-100 {
+  --text-opacity: 1;
   color: #ebf8ff;
+  color: rgba(235, 248, 255, var(--text-opacity));
 }
 
 .text-blue-200 {
+  --text-opacity: 1;
   color: #bee3f8;
+  color: rgba(190, 227, 248, var(--text-opacity));
 }
 
 .text-blue-300 {
+  --text-opacity: 1;
   color: #90cdf4;
+  color: rgba(144, 205, 244, var(--text-opacity));
 }
 
 .text-blue-400 {
+  --text-opacity: 1;
   color: #63b3ed;
+  color: rgba(99, 179, 237, var(--text-opacity));
 }
 
 .text-blue-500 {
+  --text-opacity: 1;
   color: #4299e1;
+  color: rgba(66, 153, 225, var(--text-opacity));
 }
 
 .text-blue-600 {
+  --text-opacity: 1;
   color: #3182ce;
+  color: rgba(49, 130, 206, var(--text-opacity));
 }
 
 .text-blue-700 {
+  --text-opacity: 1;
   color: #2b6cb0;
+  color: rgba(43, 108, 176, var(--text-opacity));
 }
 
 .text-blue-800 {
+  --text-opacity: 1;
   color: #2c5282;
+  color: rgba(44, 82, 130, var(--text-opacity));
 }
 
 .text-blue-900 {
+  --text-opacity: 1;
   color: #2a4365;
+  color: rgba(42, 67, 101, var(--text-opacity));
 }
 
 .text-indigo-100 {
+  --text-opacity: 1;
   color: #ebf4ff;
+  color: rgba(235, 244, 255, var(--text-opacity));
 }
 
 .text-indigo-200 {
+  --text-opacity: 1;
   color: #c3dafe;
+  color: rgba(195, 218, 254, var(--text-opacity));
 }
 
 .text-indigo-300 {
+  --text-opacity: 1;
   color: #a3bffa;
+  color: rgba(163, 191, 250, var(--text-opacity));
 }
 
 .text-indigo-400 {
+  --text-opacity: 1;
   color: #7f9cf5;
+  color: rgba(127, 156, 245, var(--text-opacity));
 }
 
 .text-indigo-500 {
+  --text-opacity: 1;
   color: #667eea;
+  color: rgba(102, 126, 234, var(--text-opacity));
 }
 
 .text-indigo-600 {
+  --text-opacity: 1;
   color: #5a67d8;
+  color: rgba(90, 103, 216, var(--text-opacity));
 }
 
 .text-indigo-700 {
+  --text-opacity: 1;
   color: #4c51bf;
+  color: rgba(76, 81, 191, var(--text-opacity));
 }
 
 .text-indigo-800 {
+  --text-opacity: 1;
   color: #434190;
+  color: rgba(67, 65, 144, var(--text-opacity));
 }
 
 .text-indigo-900 {
+  --text-opacity: 1;
   color: #3c366b;
+  color: rgba(60, 54, 107, var(--text-opacity));
 }
 
 .text-purple-100 {
+  --text-opacity: 1;
   color: #faf5ff;
+  color: rgba(250, 245, 255, var(--text-opacity));
 }
 
 .text-purple-200 {
+  --text-opacity: 1;
   color: #e9d8fd;
+  color: rgba(233, 216, 253, var(--text-opacity));
 }
 
 .text-purple-300 {
+  --text-opacity: 1;
   color: #d6bcfa;
+  color: rgba(214, 188, 250, var(--text-opacity));
 }
 
 .text-purple-400 {
+  --text-opacity: 1;
   color: #b794f4;
+  color: rgba(183, 148, 244, var(--text-opacity));
 }
 
 .text-purple-500 {
+  --text-opacity: 1;
   color: #9f7aea;
+  color: rgba(159, 122, 234, var(--text-opacity));
 }
 
 .text-purple-600 {
+  --text-opacity: 1;
   color: #805ad5;
+  color: rgba(128, 90, 213, var(--text-opacity));
 }
 
 .text-purple-700 {
+  --text-opacity: 1;
   color: #6b46c1;
+  color: rgba(107, 70, 193, var(--text-opacity));
 }
 
 .text-purple-800 {
+  --text-opacity: 1;
   color: #553c9a;
+  color: rgba(85, 60, 154, var(--text-opacity));
 }
 
 .text-purple-900 {
+  --text-opacity: 1;
   color: #44337a;
+  color: rgba(68, 51, 122, var(--text-opacity));
 }
 
 .text-pink-100 {
+  --text-opacity: 1;
   color: #fff5f7;
+  color: rgba(255, 245, 247, var(--text-opacity));
 }
 
 .text-pink-200 {
+  --text-opacity: 1;
   color: #fed7e2;
+  color: rgba(254, 215, 226, var(--text-opacity));
 }
 
 .text-pink-300 {
+  --text-opacity: 1;
   color: #fbb6ce;
+  color: rgba(251, 182, 206, var(--text-opacity));
 }
 
 .text-pink-400 {
+  --text-opacity: 1;
   color: #f687b3;
+  color: rgba(246, 135, 179, var(--text-opacity));
 }
 
 .text-pink-500 {
+  --text-opacity: 1;
   color: #ed64a6;
+  color: rgba(237, 100, 166, var(--text-opacity));
 }
 
 .text-pink-600 {
+  --text-opacity: 1;
   color: #d53f8c;
+  color: rgba(213, 63, 140, var(--text-opacity));
 }
 
 .text-pink-700 {
+  --text-opacity: 1;
   color: #b83280;
+  color: rgba(184, 50, 128, var(--text-opacity));
 }
 
 .text-pink-800 {
+  --text-opacity: 1;
   color: #97266d;
+  color: rgba(151, 38, 109, var(--text-opacity));
 }
 
 .text-pink-900 {
+  --text-opacity: 1;
   color: #702459;
+  color: rgba(112, 36, 89, var(--text-opacity));
 }
 
 .hover\:text-transparent:hover {
@@ -8323,371 +10343,555 @@ video {
 }
 
 .hover\:text-black:hover {
+  --text-opacity: 1;
   color: #000;
+  color: rgba(0, 0, 0, var(--text-opacity));
 }
 
 .hover\:text-white:hover {
+  --text-opacity: 1;
   color: #fff;
+  color: rgba(255, 255, 255, var(--text-opacity));
 }
 
 .hover\:text-gray-100:hover {
+  --text-opacity: 1;
   color: #f7fafc;
+  color: rgba(247, 250, 252, var(--text-opacity));
 }
 
 .hover\:text-gray-200:hover {
+  --text-opacity: 1;
   color: #edf2f7;
+  color: rgba(237, 242, 247, var(--text-opacity));
 }
 
 .hover\:text-gray-300:hover {
+  --text-opacity: 1;
   color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--text-opacity));
 }
 
 .hover\:text-gray-400:hover {
+  --text-opacity: 1;
   color: #cbd5e0;
+  color: rgba(203, 213, 224, var(--text-opacity));
 }
 
 .hover\:text-gray-500:hover {
+  --text-opacity: 1;
   color: #a0aec0;
+  color: rgba(160, 174, 192, var(--text-opacity));
 }
 
 .hover\:text-gray-600:hover {
+  --text-opacity: 1;
   color: #718096;
+  color: rgba(113, 128, 150, var(--text-opacity));
 }
 
 .hover\:text-gray-700:hover {
+  --text-opacity: 1;
   color: #4a5568;
+  color: rgba(74, 85, 104, var(--text-opacity));
 }
 
 .hover\:text-gray-800:hover {
+  --text-opacity: 1;
   color: #2d3748;
+  color: rgba(45, 55, 72, var(--text-opacity));
 }
 
 .hover\:text-gray-900:hover {
+  --text-opacity: 1;
   color: #1a202c;
+  color: rgba(26, 32, 44, var(--text-opacity));
 }
 
 .hover\:text-red-100:hover {
+  --text-opacity: 1;
   color: #fff5f5;
+  color: rgba(255, 245, 245, var(--text-opacity));
 }
 
 .hover\:text-red-200:hover {
+  --text-opacity: 1;
   color: #fed7d7;
+  color: rgba(254, 215, 215, var(--text-opacity));
 }
 
 .hover\:text-red-300:hover {
+  --text-opacity: 1;
   color: #feb2b2;
+  color: rgba(254, 178, 178, var(--text-opacity));
 }
 
 .hover\:text-red-400:hover {
+  --text-opacity: 1;
   color: #fc8181;
+  color: rgba(252, 129, 129, var(--text-opacity));
 }
 
 .hover\:text-red-500:hover {
+  --text-opacity: 1;
   color: #f56565;
+  color: rgba(245, 101, 101, var(--text-opacity));
 }
 
 .hover\:text-red-600:hover {
+  --text-opacity: 1;
   color: #e53e3e;
+  color: rgba(229, 62, 62, var(--text-opacity));
 }
 
 .hover\:text-red-700:hover {
+  --text-opacity: 1;
   color: #c53030;
+  color: rgba(197, 48, 48, var(--text-opacity));
 }
 
 .hover\:text-red-800:hover {
+  --text-opacity: 1;
   color: #9b2c2c;
+  color: rgba(155, 44, 44, var(--text-opacity));
 }
 
 .hover\:text-red-900:hover {
+  --text-opacity: 1;
   color: #742a2a;
+  color: rgba(116, 42, 42, var(--text-opacity));
 }
 
 .hover\:text-orange-100:hover {
+  --text-opacity: 1;
   color: #fffaf0;
+  color: rgba(255, 250, 240, var(--text-opacity));
 }
 
 .hover\:text-orange-200:hover {
+  --text-opacity: 1;
   color: #feebc8;
+  color: rgba(254, 235, 200, var(--text-opacity));
 }
 
 .hover\:text-orange-300:hover {
+  --text-opacity: 1;
   color: #fbd38d;
+  color: rgba(251, 211, 141, var(--text-opacity));
 }
 
 .hover\:text-orange-400:hover {
+  --text-opacity: 1;
   color: #f6ad55;
+  color: rgba(246, 173, 85, var(--text-opacity));
 }
 
 .hover\:text-orange-500:hover {
+  --text-opacity: 1;
   color: #ed8936;
+  color: rgba(237, 137, 54, var(--text-opacity));
 }
 
 .hover\:text-orange-600:hover {
+  --text-opacity: 1;
   color: #dd6b20;
+  color: rgba(221, 107, 32, var(--text-opacity));
 }
 
 .hover\:text-orange-700:hover {
+  --text-opacity: 1;
   color: #c05621;
+  color: rgba(192, 86, 33, var(--text-opacity));
 }
 
 .hover\:text-orange-800:hover {
+  --text-opacity: 1;
   color: #9c4221;
+  color: rgba(156, 66, 33, var(--text-opacity));
 }
 
 .hover\:text-orange-900:hover {
+  --text-opacity: 1;
   color: #7b341e;
+  color: rgba(123, 52, 30, var(--text-opacity));
 }
 
 .hover\:text-yellow-100:hover {
+  --text-opacity: 1;
   color: #fffff0;
+  color: rgba(255, 255, 240, var(--text-opacity));
 }
 
 .hover\:text-yellow-200:hover {
+  --text-opacity: 1;
   color: #fefcbf;
+  color: rgba(254, 252, 191, var(--text-opacity));
 }
 
 .hover\:text-yellow-300:hover {
+  --text-opacity: 1;
   color: #faf089;
+  color: rgba(250, 240, 137, var(--text-opacity));
 }
 
 .hover\:text-yellow-400:hover {
+  --text-opacity: 1;
   color: #f6e05e;
+  color: rgba(246, 224, 94, var(--text-opacity));
 }
 
 .hover\:text-yellow-500:hover {
+  --text-opacity: 1;
   color: #ecc94b;
+  color: rgba(236, 201, 75, var(--text-opacity));
 }
 
 .hover\:text-yellow-600:hover {
+  --text-opacity: 1;
   color: #d69e2e;
+  color: rgba(214, 158, 46, var(--text-opacity));
 }
 
 .hover\:text-yellow-700:hover {
+  --text-opacity: 1;
   color: #b7791f;
+  color: rgba(183, 121, 31, var(--text-opacity));
 }
 
 .hover\:text-yellow-800:hover {
+  --text-opacity: 1;
   color: #975a16;
+  color: rgba(151, 90, 22, var(--text-opacity));
 }
 
 .hover\:text-yellow-900:hover {
+  --text-opacity: 1;
   color: #744210;
+  color: rgba(116, 66, 16, var(--text-opacity));
 }
 
 .hover\:text-green-100:hover {
+  --text-opacity: 1;
   color: #f0fff4;
+  color: rgba(240, 255, 244, var(--text-opacity));
 }
 
 .hover\:text-green-200:hover {
+  --text-opacity: 1;
   color: #c6f6d5;
+  color: rgba(198, 246, 213, var(--text-opacity));
 }
 
 .hover\:text-green-300:hover {
+  --text-opacity: 1;
   color: #9ae6b4;
+  color: rgba(154, 230, 180, var(--text-opacity));
 }
 
 .hover\:text-green-400:hover {
+  --text-opacity: 1;
   color: #68d391;
+  color: rgba(104, 211, 145, var(--text-opacity));
 }
 
 .hover\:text-green-500:hover {
+  --text-opacity: 1;
   color: #48bb78;
+  color: rgba(72, 187, 120, var(--text-opacity));
 }
 
 .hover\:text-green-600:hover {
+  --text-opacity: 1;
   color: #38a169;
+  color: rgba(56, 161, 105, var(--text-opacity));
 }
 
 .hover\:text-green-700:hover {
+  --text-opacity: 1;
   color: #2f855a;
+  color: rgba(47, 133, 90, var(--text-opacity));
 }
 
 .hover\:text-green-800:hover {
+  --text-opacity: 1;
   color: #276749;
+  color: rgba(39, 103, 73, var(--text-opacity));
 }
 
 .hover\:text-green-900:hover {
+  --text-opacity: 1;
   color: #22543d;
+  color: rgba(34, 84, 61, var(--text-opacity));
 }
 
 .hover\:text-teal-100:hover {
+  --text-opacity: 1;
   color: #e6fffa;
+  color: rgba(230, 255, 250, var(--text-opacity));
 }
 
 .hover\:text-teal-200:hover {
+  --text-opacity: 1;
   color: #b2f5ea;
+  color: rgba(178, 245, 234, var(--text-opacity));
 }
 
 .hover\:text-teal-300:hover {
+  --text-opacity: 1;
   color: #81e6d9;
+  color: rgba(129, 230, 217, var(--text-opacity));
 }
 
 .hover\:text-teal-400:hover {
+  --text-opacity: 1;
   color: #4fd1c5;
+  color: rgba(79, 209, 197, var(--text-opacity));
 }
 
 .hover\:text-teal-500:hover {
+  --text-opacity: 1;
   color: #38b2ac;
+  color: rgba(56, 178, 172, var(--text-opacity));
 }
 
 .hover\:text-teal-600:hover {
+  --text-opacity: 1;
   color: #319795;
+  color: rgba(49, 151, 149, var(--text-opacity));
 }
 
 .hover\:text-teal-700:hover {
+  --text-opacity: 1;
   color: #2c7a7b;
+  color: rgba(44, 122, 123, var(--text-opacity));
 }
 
 .hover\:text-teal-800:hover {
+  --text-opacity: 1;
   color: #285e61;
+  color: rgba(40, 94, 97, var(--text-opacity));
 }
 
 .hover\:text-teal-900:hover {
+  --text-opacity: 1;
   color: #234e52;
+  color: rgba(35, 78, 82, var(--text-opacity));
 }
 
 .hover\:text-blue-100:hover {
+  --text-opacity: 1;
   color: #ebf8ff;
+  color: rgba(235, 248, 255, var(--text-opacity));
 }
 
 .hover\:text-blue-200:hover {
+  --text-opacity: 1;
   color: #bee3f8;
+  color: rgba(190, 227, 248, var(--text-opacity));
 }
 
 .hover\:text-blue-300:hover {
+  --text-opacity: 1;
   color: #90cdf4;
+  color: rgba(144, 205, 244, var(--text-opacity));
 }
 
 .hover\:text-blue-400:hover {
+  --text-opacity: 1;
   color: #63b3ed;
+  color: rgba(99, 179, 237, var(--text-opacity));
 }
 
 .hover\:text-blue-500:hover {
+  --text-opacity: 1;
   color: #4299e1;
+  color: rgba(66, 153, 225, var(--text-opacity));
 }
 
 .hover\:text-blue-600:hover {
+  --text-opacity: 1;
   color: #3182ce;
+  color: rgba(49, 130, 206, var(--text-opacity));
 }
 
 .hover\:text-blue-700:hover {
+  --text-opacity: 1;
   color: #2b6cb0;
+  color: rgba(43, 108, 176, var(--text-opacity));
 }
 
 .hover\:text-blue-800:hover {
+  --text-opacity: 1;
   color: #2c5282;
+  color: rgba(44, 82, 130, var(--text-opacity));
 }
 
 .hover\:text-blue-900:hover {
+  --text-opacity: 1;
   color: #2a4365;
+  color: rgba(42, 67, 101, var(--text-opacity));
 }
 
 .hover\:text-indigo-100:hover {
+  --text-opacity: 1;
   color: #ebf4ff;
+  color: rgba(235, 244, 255, var(--text-opacity));
 }
 
 .hover\:text-indigo-200:hover {
+  --text-opacity: 1;
   color: #c3dafe;
+  color: rgba(195, 218, 254, var(--text-opacity));
 }
 
 .hover\:text-indigo-300:hover {
+  --text-opacity: 1;
   color: #a3bffa;
+  color: rgba(163, 191, 250, var(--text-opacity));
 }
 
 .hover\:text-indigo-400:hover {
+  --text-opacity: 1;
   color: #7f9cf5;
+  color: rgba(127, 156, 245, var(--text-opacity));
 }
 
 .hover\:text-indigo-500:hover {
+  --text-opacity: 1;
   color: #667eea;
+  color: rgba(102, 126, 234, var(--text-opacity));
 }
 
 .hover\:text-indigo-600:hover {
+  --text-opacity: 1;
   color: #5a67d8;
+  color: rgba(90, 103, 216, var(--text-opacity));
 }
 
 .hover\:text-indigo-700:hover {
+  --text-opacity: 1;
   color: #4c51bf;
+  color: rgba(76, 81, 191, var(--text-opacity));
 }
 
 .hover\:text-indigo-800:hover {
+  --text-opacity: 1;
   color: #434190;
+  color: rgba(67, 65, 144, var(--text-opacity));
 }
 
 .hover\:text-indigo-900:hover {
+  --text-opacity: 1;
   color: #3c366b;
+  color: rgba(60, 54, 107, var(--text-opacity));
 }
 
 .hover\:text-purple-100:hover {
+  --text-opacity: 1;
   color: #faf5ff;
+  color: rgba(250, 245, 255, var(--text-opacity));
 }
 
 .hover\:text-purple-200:hover {
+  --text-opacity: 1;
   color: #e9d8fd;
+  color: rgba(233, 216, 253, var(--text-opacity));
 }
 
 .hover\:text-purple-300:hover {
+  --text-opacity: 1;
   color: #d6bcfa;
+  color: rgba(214, 188, 250, var(--text-opacity));
 }
 
 .hover\:text-purple-400:hover {
+  --text-opacity: 1;
   color: #b794f4;
+  color: rgba(183, 148, 244, var(--text-opacity));
 }
 
 .hover\:text-purple-500:hover {
+  --text-opacity: 1;
   color: #9f7aea;
+  color: rgba(159, 122, 234, var(--text-opacity));
 }
 
 .hover\:text-purple-600:hover {
+  --text-opacity: 1;
   color: #805ad5;
+  color: rgba(128, 90, 213, var(--text-opacity));
 }
 
 .hover\:text-purple-700:hover {
+  --text-opacity: 1;
   color: #6b46c1;
+  color: rgba(107, 70, 193, var(--text-opacity));
 }
 
 .hover\:text-purple-800:hover {
+  --text-opacity: 1;
   color: #553c9a;
+  color: rgba(85, 60, 154, var(--text-opacity));
 }
 
 .hover\:text-purple-900:hover {
+  --text-opacity: 1;
   color: #44337a;
+  color: rgba(68, 51, 122, var(--text-opacity));
 }
 
 .hover\:text-pink-100:hover {
+  --text-opacity: 1;
   color: #fff5f7;
+  color: rgba(255, 245, 247, var(--text-opacity));
 }
 
 .hover\:text-pink-200:hover {
+  --text-opacity: 1;
   color: #fed7e2;
+  color: rgba(254, 215, 226, var(--text-opacity));
 }
 
 .hover\:text-pink-300:hover {
+  --text-opacity: 1;
   color: #fbb6ce;
+  color: rgba(251, 182, 206, var(--text-opacity));
 }
 
 .hover\:text-pink-400:hover {
+  --text-opacity: 1;
   color: #f687b3;
+  color: rgba(246, 135, 179, var(--text-opacity));
 }
 
 .hover\:text-pink-500:hover {
+  --text-opacity: 1;
   color: #ed64a6;
+  color: rgba(237, 100, 166, var(--text-opacity));
 }
 
 .hover\:text-pink-600:hover {
+  --text-opacity: 1;
   color: #d53f8c;
+  color: rgba(213, 63, 140, var(--text-opacity));
 }
 
 .hover\:text-pink-700:hover {
+  --text-opacity: 1;
   color: #b83280;
+  color: rgba(184, 50, 128, var(--text-opacity));
 }
 
 .hover\:text-pink-800:hover {
+  --text-opacity: 1;
   color: #97266d;
+  color: rgba(151, 38, 109, var(--text-opacity));
 }
 
 .hover\:text-pink-900:hover {
+  --text-opacity: 1;
   color: #702459;
+  color: rgba(112, 36, 89, var(--text-opacity));
 }
 
 .focus\:text-transparent:focus {
@@ -8699,371 +10903,615 @@ video {
 }
 
 .focus\:text-black:focus {
+  --text-opacity: 1;
   color: #000;
+  color: rgba(0, 0, 0, var(--text-opacity));
 }
 
 .focus\:text-white:focus {
+  --text-opacity: 1;
   color: #fff;
+  color: rgba(255, 255, 255, var(--text-opacity));
 }
 
 .focus\:text-gray-100:focus {
+  --text-opacity: 1;
   color: #f7fafc;
+  color: rgba(247, 250, 252, var(--text-opacity));
 }
 
 .focus\:text-gray-200:focus {
+  --text-opacity: 1;
   color: #edf2f7;
+  color: rgba(237, 242, 247, var(--text-opacity));
 }
 
 .focus\:text-gray-300:focus {
+  --text-opacity: 1;
   color: #e2e8f0;
+  color: rgba(226, 232, 240, var(--text-opacity));
 }
 
 .focus\:text-gray-400:focus {
+  --text-opacity: 1;
   color: #cbd5e0;
+  color: rgba(203, 213, 224, var(--text-opacity));
 }
 
 .focus\:text-gray-500:focus {
+  --text-opacity: 1;
   color: #a0aec0;
+  color: rgba(160, 174, 192, var(--text-opacity));
 }
 
 .focus\:text-gray-600:focus {
+  --text-opacity: 1;
   color: #718096;
+  color: rgba(113, 128, 150, var(--text-opacity));
 }
 
 .focus\:text-gray-700:focus {
+  --text-opacity: 1;
   color: #4a5568;
+  color: rgba(74, 85, 104, var(--text-opacity));
 }
 
 .focus\:text-gray-800:focus {
+  --text-opacity: 1;
   color: #2d3748;
+  color: rgba(45, 55, 72, var(--text-opacity));
 }
 
 .focus\:text-gray-900:focus {
+  --text-opacity: 1;
   color: #1a202c;
+  color: rgba(26, 32, 44, var(--text-opacity));
 }
 
 .focus\:text-red-100:focus {
+  --text-opacity: 1;
   color: #fff5f5;
+  color: rgba(255, 245, 245, var(--text-opacity));
 }
 
 .focus\:text-red-200:focus {
+  --text-opacity: 1;
   color: #fed7d7;
+  color: rgba(254, 215, 215, var(--text-opacity));
 }
 
 .focus\:text-red-300:focus {
+  --text-opacity: 1;
   color: #feb2b2;
+  color: rgba(254, 178, 178, var(--text-opacity));
 }
 
 .focus\:text-red-400:focus {
+  --text-opacity: 1;
   color: #fc8181;
+  color: rgba(252, 129, 129, var(--text-opacity));
 }
 
 .focus\:text-red-500:focus {
+  --text-opacity: 1;
   color: #f56565;
+  color: rgba(245, 101, 101, var(--text-opacity));
 }
 
 .focus\:text-red-600:focus {
+  --text-opacity: 1;
   color: #e53e3e;
+  color: rgba(229, 62, 62, var(--text-opacity));
 }
 
 .focus\:text-red-700:focus {
+  --text-opacity: 1;
   color: #c53030;
+  color: rgba(197, 48, 48, var(--text-opacity));
 }
 
 .focus\:text-red-800:focus {
+  --text-opacity: 1;
   color: #9b2c2c;
+  color: rgba(155, 44, 44, var(--text-opacity));
 }
 
 .focus\:text-red-900:focus {
+  --text-opacity: 1;
   color: #742a2a;
+  color: rgba(116, 42, 42, var(--text-opacity));
 }
 
 .focus\:text-orange-100:focus {
+  --text-opacity: 1;
   color: #fffaf0;
+  color: rgba(255, 250, 240, var(--text-opacity));
 }
 
 .focus\:text-orange-200:focus {
+  --text-opacity: 1;
   color: #feebc8;
+  color: rgba(254, 235, 200, var(--text-opacity));
 }
 
 .focus\:text-orange-300:focus {
+  --text-opacity: 1;
   color: #fbd38d;
+  color: rgba(251, 211, 141, var(--text-opacity));
 }
 
 .focus\:text-orange-400:focus {
+  --text-opacity: 1;
   color: #f6ad55;
+  color: rgba(246, 173, 85, var(--text-opacity));
 }
 
 .focus\:text-orange-500:focus {
+  --text-opacity: 1;
   color: #ed8936;
+  color: rgba(237, 137, 54, var(--text-opacity));
 }
 
 .focus\:text-orange-600:focus {
+  --text-opacity: 1;
   color: #dd6b20;
+  color: rgba(221, 107, 32, var(--text-opacity));
 }
 
 .focus\:text-orange-700:focus {
+  --text-opacity: 1;
   color: #c05621;
+  color: rgba(192, 86, 33, var(--text-opacity));
 }
 
 .focus\:text-orange-800:focus {
+  --text-opacity: 1;
   color: #9c4221;
+  color: rgba(156, 66, 33, var(--text-opacity));
 }
 
 .focus\:text-orange-900:focus {
+  --text-opacity: 1;
   color: #7b341e;
+  color: rgba(123, 52, 30, var(--text-opacity));
 }
 
 .focus\:text-yellow-100:focus {
+  --text-opacity: 1;
   color: #fffff0;
+  color: rgba(255, 255, 240, var(--text-opacity));
 }
 
 .focus\:text-yellow-200:focus {
+  --text-opacity: 1;
   color: #fefcbf;
+  color: rgba(254, 252, 191, var(--text-opacity));
 }
 
 .focus\:text-yellow-300:focus {
+  --text-opacity: 1;
   color: #faf089;
+  color: rgba(250, 240, 137, var(--text-opacity));
 }
 
 .focus\:text-yellow-400:focus {
+  --text-opacity: 1;
   color: #f6e05e;
+  color: rgba(246, 224, 94, var(--text-opacity));
 }
 
 .focus\:text-yellow-500:focus {
+  --text-opacity: 1;
   color: #ecc94b;
+  color: rgba(236, 201, 75, var(--text-opacity));
 }
 
 .focus\:text-yellow-600:focus {
+  --text-opacity: 1;
   color: #d69e2e;
+  color: rgba(214, 158, 46, var(--text-opacity));
 }
 
 .focus\:text-yellow-700:focus {
+  --text-opacity: 1;
   color: #b7791f;
+  color: rgba(183, 121, 31, var(--text-opacity));
 }
 
 .focus\:text-yellow-800:focus {
+  --text-opacity: 1;
   color: #975a16;
+  color: rgba(151, 90, 22, var(--text-opacity));
 }
 
 .focus\:text-yellow-900:focus {
+  --text-opacity: 1;
   color: #744210;
+  color: rgba(116, 66, 16, var(--text-opacity));
 }
 
 .focus\:text-green-100:focus {
+  --text-opacity: 1;
   color: #f0fff4;
+  color: rgba(240, 255, 244, var(--text-opacity));
 }
 
 .focus\:text-green-200:focus {
+  --text-opacity: 1;
   color: #c6f6d5;
+  color: rgba(198, 246, 213, var(--text-opacity));
 }
 
 .focus\:text-green-300:focus {
+  --text-opacity: 1;
   color: #9ae6b4;
+  color: rgba(154, 230, 180, var(--text-opacity));
 }
 
 .focus\:text-green-400:focus {
+  --text-opacity: 1;
   color: #68d391;
+  color: rgba(104, 211, 145, var(--text-opacity));
 }
 
 .focus\:text-green-500:focus {
+  --text-opacity: 1;
   color: #48bb78;
+  color: rgba(72, 187, 120, var(--text-opacity));
 }
 
 .focus\:text-green-600:focus {
+  --text-opacity: 1;
   color: #38a169;
+  color: rgba(56, 161, 105, var(--text-opacity));
 }
 
 .focus\:text-green-700:focus {
+  --text-opacity: 1;
   color: #2f855a;
+  color: rgba(47, 133, 90, var(--text-opacity));
 }
 
 .focus\:text-green-800:focus {
+  --text-opacity: 1;
   color: #276749;
+  color: rgba(39, 103, 73, var(--text-opacity));
 }
 
 .focus\:text-green-900:focus {
+  --text-opacity: 1;
   color: #22543d;
+  color: rgba(34, 84, 61, var(--text-opacity));
 }
 
 .focus\:text-teal-100:focus {
+  --text-opacity: 1;
   color: #e6fffa;
+  color: rgba(230, 255, 250, var(--text-opacity));
 }
 
 .focus\:text-teal-200:focus {
+  --text-opacity: 1;
   color: #b2f5ea;
+  color: rgba(178, 245, 234, var(--text-opacity));
 }
 
 .focus\:text-teal-300:focus {
+  --text-opacity: 1;
   color: #81e6d9;
+  color: rgba(129, 230, 217, var(--text-opacity));
 }
 
 .focus\:text-teal-400:focus {
+  --text-opacity: 1;
   color: #4fd1c5;
+  color: rgba(79, 209, 197, var(--text-opacity));
 }
 
 .focus\:text-teal-500:focus {
+  --text-opacity: 1;
   color: #38b2ac;
+  color: rgba(56, 178, 172, var(--text-opacity));
 }
 
 .focus\:text-teal-600:focus {
+  --text-opacity: 1;
   color: #319795;
+  color: rgba(49, 151, 149, var(--text-opacity));
 }
 
 .focus\:text-teal-700:focus {
+  --text-opacity: 1;
   color: #2c7a7b;
+  color: rgba(44, 122, 123, var(--text-opacity));
 }
 
 .focus\:text-teal-800:focus {
+  --text-opacity: 1;
   color: #285e61;
+  color: rgba(40, 94, 97, var(--text-opacity));
 }
 
 .focus\:text-teal-900:focus {
+  --text-opacity: 1;
   color: #234e52;
+  color: rgba(35, 78, 82, var(--text-opacity));
 }
 
 .focus\:text-blue-100:focus {
+  --text-opacity: 1;
   color: #ebf8ff;
+  color: rgba(235, 248, 255, var(--text-opacity));
 }
 
 .focus\:text-blue-200:focus {
+  --text-opacity: 1;
   color: #bee3f8;
+  color: rgba(190, 227, 248, var(--text-opacity));
 }
 
 .focus\:text-blue-300:focus {
+  --text-opacity: 1;
   color: #90cdf4;
+  color: rgba(144, 205, 244, var(--text-opacity));
 }
 
 .focus\:text-blue-400:focus {
+  --text-opacity: 1;
   color: #63b3ed;
+  color: rgba(99, 179, 237, var(--text-opacity));
 }
 
 .focus\:text-blue-500:focus {
+  --text-opacity: 1;
   color: #4299e1;
+  color: rgba(66, 153, 225, var(--text-opacity));
 }
 
 .focus\:text-blue-600:focus {
+  --text-opacity: 1;
   color: #3182ce;
+  color: rgba(49, 130, 206, var(--text-opacity));
 }
 
 .focus\:text-blue-700:focus {
+  --text-opacity: 1;
   color: #2b6cb0;
+  color: rgba(43, 108, 176, var(--text-opacity));
 }
 
 .focus\:text-blue-800:focus {
+  --text-opacity: 1;
   color: #2c5282;
+  color: rgba(44, 82, 130, var(--text-opacity));
 }
 
 .focus\:text-blue-900:focus {
+  --text-opacity: 1;
   color: #2a4365;
+  color: rgba(42, 67, 101, var(--text-opacity));
 }
 
 .focus\:text-indigo-100:focus {
+  --text-opacity: 1;
   color: #ebf4ff;
+  color: rgba(235, 244, 255, var(--text-opacity));
 }
 
 .focus\:text-indigo-200:focus {
+  --text-opacity: 1;
   color: #c3dafe;
+  color: rgba(195, 218, 254, var(--text-opacity));
 }
 
 .focus\:text-indigo-300:focus {
+  --text-opacity: 1;
   color: #a3bffa;
+  color: rgba(163, 191, 250, var(--text-opacity));
 }
 
 .focus\:text-indigo-400:focus {
+  --text-opacity: 1;
   color: #7f9cf5;
+  color: rgba(127, 156, 245, var(--text-opacity));
 }
 
 .focus\:text-indigo-500:focus {
+  --text-opacity: 1;
   color: #667eea;
+  color: rgba(102, 126, 234, var(--text-opacity));
 }
 
 .focus\:text-indigo-600:focus {
+  --text-opacity: 1;
   color: #5a67d8;
+  color: rgba(90, 103, 216, var(--text-opacity));
 }
 
 .focus\:text-indigo-700:focus {
+  --text-opacity: 1;
   color: #4c51bf;
+  color: rgba(76, 81, 191, var(--text-opacity));
 }
 
 .focus\:text-indigo-800:focus {
+  --text-opacity: 1;
   color: #434190;
+  color: rgba(67, 65, 144, var(--text-opacity));
 }
 
 .focus\:text-indigo-900:focus {
+  --text-opacity: 1;
   color: #3c366b;
+  color: rgba(60, 54, 107, var(--text-opacity));
 }
 
 .focus\:text-purple-100:focus {
+  --text-opacity: 1;
   color: #faf5ff;
+  color: rgba(250, 245, 255, var(--text-opacity));
 }
 
 .focus\:text-purple-200:focus {
+  --text-opacity: 1;
   color: #e9d8fd;
+  color: rgba(233, 216, 253, var(--text-opacity));
 }
 
 .focus\:text-purple-300:focus {
+  --text-opacity: 1;
   color: #d6bcfa;
+  color: rgba(214, 188, 250, var(--text-opacity));
 }
 
 .focus\:text-purple-400:focus {
+  --text-opacity: 1;
   color: #b794f4;
+  color: rgba(183, 148, 244, var(--text-opacity));
 }
 
 .focus\:text-purple-500:focus {
+  --text-opacity: 1;
   color: #9f7aea;
+  color: rgba(159, 122, 234, var(--text-opacity));
 }
 
 .focus\:text-purple-600:focus {
+  --text-opacity: 1;
   color: #805ad5;
+  color: rgba(128, 90, 213, var(--text-opacity));
 }
 
 .focus\:text-purple-700:focus {
+  --text-opacity: 1;
   color: #6b46c1;
+  color: rgba(107, 70, 193, var(--text-opacity));
 }
 
 .focus\:text-purple-800:focus {
+  --text-opacity: 1;
   color: #553c9a;
+  color: rgba(85, 60, 154, var(--text-opacity));
 }
 
 .focus\:text-purple-900:focus {
+  --text-opacity: 1;
   color: #44337a;
+  color: rgba(68, 51, 122, var(--text-opacity));
 }
 
 .focus\:text-pink-100:focus {
+  --text-opacity: 1;
   color: #fff5f7;
+  color: rgba(255, 245, 247, var(--text-opacity));
 }
 
 .focus\:text-pink-200:focus {
+  --text-opacity: 1;
   color: #fed7e2;
+  color: rgba(254, 215, 226, var(--text-opacity));
 }
 
 .focus\:text-pink-300:focus {
+  --text-opacity: 1;
   color: #fbb6ce;
+  color: rgba(251, 182, 206, var(--text-opacity));
 }
 
 .focus\:text-pink-400:focus {
+  --text-opacity: 1;
   color: #f687b3;
+  color: rgba(246, 135, 179, var(--text-opacity));
 }
 
 .focus\:text-pink-500:focus {
+  --text-opacity: 1;
   color: #ed64a6;
+  color: rgba(237, 100, 166, var(--text-opacity));
 }
 
 .focus\:text-pink-600:focus {
+  --text-opacity: 1;
   color: #d53f8c;
+  color: rgba(213, 63, 140, var(--text-opacity));
 }
 
 .focus\:text-pink-700:focus {
+  --text-opacity: 1;
   color: #b83280;
+  color: rgba(184, 50, 128, var(--text-opacity));
 }
 
 .focus\:text-pink-800:focus {
+  --text-opacity: 1;
   color: #97266d;
+  color: rgba(151, 38, 109, var(--text-opacity));
 }
 
 .focus\:text-pink-900:focus {
+  --text-opacity: 1;
   color: #702459;
+  color: rgba(112, 36, 89, var(--text-opacity));
+}
+
+.text-opacity-0 {
+  --text-opacity: 0;
+}
+
+.text-opacity-25 {
+  --text-opacity: 0.25;
+}
+
+.text-opacity-50 {
+  --text-opacity: 0.5;
+}
+
+.text-opacity-75 {
+  --text-opacity: 0.75;
+}
+
+.text-opacity-100 {
+  --text-opacity: 1;
+}
+
+.hover\:text-opacity-0:hover {
+  --text-opacity: 0;
+}
+
+.hover\:text-opacity-25:hover {
+  --text-opacity: 0.25;
+}
+
+.hover\:text-opacity-50:hover {
+  --text-opacity: 0.5;
+}
+
+.hover\:text-opacity-75:hover {
+  --text-opacity: 0.75;
+}
+
+.hover\:text-opacity-100:hover {
+  --text-opacity: 1;
+}
+
+.focus\:text-opacity-0:focus {
+  --text-opacity: 0;
+}
+
+.focus\:text-opacity-25:focus {
+  --text-opacity: 0.25;
+}
+
+.focus\:text-opacity-50:focus {
+  --text-opacity: 0.5;
+}
+
+.focus\:text-opacity-75:focus {
+  --text-opacity: 0.75;
+}
+
+.focus\:text-opacity-100:focus {
+  --text-opacity: 1;
 }
 
 .italic {
@@ -12424,371 +14872,575 @@ video {
   }
 
   .sm\:divide-black > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--divide-opacity));
   }
 
   .sm\:divide-white > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--divide-opacity));
   }
 
   .sm\:divide-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--divide-opacity));
   }
 
   .sm\:divide-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--divide-opacity));
   }
 
   .sm\:divide-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--divide-opacity));
   }
 
   .sm\:divide-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--divide-opacity));
   }
 
   .sm\:divide-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--divide-opacity));
   }
 
   .sm\:divide-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--divide-opacity));
   }
 
   .sm\:divide-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--divide-opacity));
   }
 
   .sm\:divide-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--divide-opacity));
   }
 
   .sm\:divide-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--divide-opacity));
   }
 
   .sm\:divide-red-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--divide-opacity));
   }
 
   .sm\:divide-red-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--divide-opacity));
   }
 
   .sm\:divide-red-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--divide-opacity));
   }
 
   .sm\:divide-red-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--divide-opacity));
   }
 
   .sm\:divide-red-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--divide-opacity));
   }
 
   .sm\:divide-red-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--divide-opacity));
   }
 
   .sm\:divide-red-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--divide-opacity));
   }
 
   .sm\:divide-red-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--divide-opacity));
   }
 
   .sm\:divide-red-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--divide-opacity));
   }
 
   .sm\:divide-orange-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--divide-opacity));
   }
 
   .sm\:divide-orange-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--divide-opacity));
   }
 
   .sm\:divide-orange-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--divide-opacity));
   }
 
   .sm\:divide-orange-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--divide-opacity));
   }
 
   .sm\:divide-orange-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--divide-opacity));
   }
 
   .sm\:divide-orange-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--divide-opacity));
   }
 
   .sm\:divide-orange-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--divide-opacity));
   }
 
   .sm\:divide-orange-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--divide-opacity));
   }
 
   .sm\:divide-orange-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--divide-opacity));
   }
 
   .sm\:divide-yellow-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--divide-opacity));
   }
 
   .sm\:divide-yellow-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--divide-opacity));
   }
 
   .sm\:divide-yellow-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--divide-opacity));
   }
 
   .sm\:divide-yellow-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--divide-opacity));
   }
 
   .sm\:divide-yellow-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--divide-opacity));
   }
 
   .sm\:divide-yellow-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--divide-opacity));
   }
 
   .sm\:divide-yellow-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--divide-opacity));
   }
 
   .sm\:divide-yellow-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--divide-opacity));
   }
 
   .sm\:divide-yellow-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--divide-opacity));
   }
 
   .sm\:divide-green-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--divide-opacity));
   }
 
   .sm\:divide-green-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--divide-opacity));
   }
 
   .sm\:divide-green-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--divide-opacity));
   }
 
   .sm\:divide-green-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--divide-opacity));
   }
 
   .sm\:divide-green-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--divide-opacity));
   }
 
   .sm\:divide-green-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--divide-opacity));
   }
 
   .sm\:divide-green-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--divide-opacity));
   }
 
   .sm\:divide-green-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--divide-opacity));
   }
 
   .sm\:divide-green-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--divide-opacity));
   }
 
   .sm\:divide-teal-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--divide-opacity));
   }
 
   .sm\:divide-teal-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--divide-opacity));
   }
 
   .sm\:divide-teal-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--divide-opacity));
   }
 
   .sm\:divide-teal-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--divide-opacity));
   }
 
   .sm\:divide-teal-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--divide-opacity));
   }
 
   .sm\:divide-teal-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--divide-opacity));
   }
 
   .sm\:divide-teal-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--divide-opacity));
   }
 
   .sm\:divide-teal-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--divide-opacity));
   }
 
   .sm\:divide-teal-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--divide-opacity));
   }
 
   .sm\:divide-blue-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--divide-opacity));
   }
 
   .sm\:divide-blue-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--divide-opacity));
   }
 
   .sm\:divide-blue-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--divide-opacity));
   }
 
   .sm\:divide-blue-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--divide-opacity));
   }
 
   .sm\:divide-blue-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--divide-opacity));
   }
 
   .sm\:divide-blue-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--divide-opacity));
   }
 
   .sm\:divide-blue-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--divide-opacity));
   }
 
   .sm\:divide-blue-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--divide-opacity));
   }
 
   .sm\:divide-blue-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--divide-opacity));
   }
 
   .sm\:divide-indigo-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--divide-opacity));
   }
 
   .sm\:divide-indigo-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--divide-opacity));
   }
 
   .sm\:divide-indigo-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--divide-opacity));
   }
 
   .sm\:divide-indigo-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--divide-opacity));
   }
 
   .sm\:divide-indigo-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--divide-opacity));
   }
 
   .sm\:divide-indigo-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--divide-opacity));
   }
 
   .sm\:divide-indigo-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--divide-opacity));
   }
 
   .sm\:divide-indigo-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--divide-opacity));
   }
 
   .sm\:divide-indigo-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--divide-opacity));
   }
 
   .sm\:divide-purple-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--divide-opacity));
   }
 
   .sm\:divide-purple-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--divide-opacity));
   }
 
   .sm\:divide-purple-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--divide-opacity));
   }
 
   .sm\:divide-purple-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--divide-opacity));
   }
 
   .sm\:divide-purple-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--divide-opacity));
   }
 
   .sm\:divide-purple-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--divide-opacity));
   }
 
   .sm\:divide-purple-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--divide-opacity));
   }
 
   .sm\:divide-purple-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--divide-opacity));
   }
 
   .sm\:divide-purple-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--divide-opacity));
   }
 
   .sm\:divide-pink-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--divide-opacity));
   }
 
   .sm\:divide-pink-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--divide-opacity));
   }
 
   .sm\:divide-pink-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--divide-opacity));
   }
 
   .sm\:divide-pink-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--divide-opacity));
   }
 
   .sm\:divide-pink-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--divide-opacity));
   }
 
   .sm\:divide-pink-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--divide-opacity));
   }
 
   .sm\:divide-pink-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--divide-opacity));
   }
 
   .sm\:divide-pink-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--divide-opacity));
   }
 
   .sm\:divide-pink-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--divide-opacity));
+  }
+
+  .sm\:divide-opacity-0 {
+    --divide-opacity: 0;
+  }
+
+  .sm\:divide-opacity-25 {
+    --divide-opacity: 0.25;
+  }
+
+  .sm\:divide-opacity-50 {
+    --divide-opacity: 0.5;
+  }
+
+  .sm\:divide-opacity-75 {
+    --divide-opacity: 0.75;
+  }
+
+  .sm\:divide-opacity-100 {
+    --divide-opacity: 1;
   }
 
   .sm\:sr-only {
@@ -12862,371 +15514,555 @@ video {
   }
 
   .sm\:bg-black {
+    --bg-opacity: 1;
     background-color: #000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
   }
 
   .sm\:bg-white {
+    --bg-opacity: 1;
     background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
   }
 
   .sm\:bg-gray-100 {
+    --bg-opacity: 1;
     background-color: #f7fafc;
+    background-color: rgba(247, 250, 252, var(--bg-opacity));
   }
 
   .sm\:bg-gray-200 {
+    --bg-opacity: 1;
     background-color: #edf2f7;
+    background-color: rgba(237, 242, 247, var(--bg-opacity));
   }
 
   .sm\:bg-gray-300 {
+    --bg-opacity: 1;
     background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
   }
 
   .sm\:bg-gray-400 {
+    --bg-opacity: 1;
     background-color: #cbd5e0;
+    background-color: rgba(203, 213, 224, var(--bg-opacity));
   }
 
   .sm\:bg-gray-500 {
+    --bg-opacity: 1;
     background-color: #a0aec0;
+    background-color: rgba(160, 174, 192, var(--bg-opacity));
   }
 
   .sm\:bg-gray-600 {
+    --bg-opacity: 1;
     background-color: #718096;
+    background-color: rgba(113, 128, 150, var(--bg-opacity));
   }
 
   .sm\:bg-gray-700 {
+    --bg-opacity: 1;
     background-color: #4a5568;
+    background-color: rgba(74, 85, 104, var(--bg-opacity));
   }
 
   .sm\:bg-gray-800 {
+    --bg-opacity: 1;
     background-color: #2d3748;
+    background-color: rgba(45, 55, 72, var(--bg-opacity));
   }
 
   .sm\:bg-gray-900 {
+    --bg-opacity: 1;
     background-color: #1a202c;
+    background-color: rgba(26, 32, 44, var(--bg-opacity));
   }
 
   .sm\:bg-red-100 {
+    --bg-opacity: 1;
     background-color: #fff5f5;
+    background-color: rgba(255, 245, 245, var(--bg-opacity));
   }
 
   .sm\:bg-red-200 {
+    --bg-opacity: 1;
     background-color: #fed7d7;
+    background-color: rgba(254, 215, 215, var(--bg-opacity));
   }
 
   .sm\:bg-red-300 {
+    --bg-opacity: 1;
     background-color: #feb2b2;
+    background-color: rgba(254, 178, 178, var(--bg-opacity));
   }
 
   .sm\:bg-red-400 {
+    --bg-opacity: 1;
     background-color: #fc8181;
+    background-color: rgba(252, 129, 129, var(--bg-opacity));
   }
 
   .sm\:bg-red-500 {
+    --bg-opacity: 1;
     background-color: #f56565;
+    background-color: rgba(245, 101, 101, var(--bg-opacity));
   }
 
   .sm\:bg-red-600 {
+    --bg-opacity: 1;
     background-color: #e53e3e;
+    background-color: rgba(229, 62, 62, var(--bg-opacity));
   }
 
   .sm\:bg-red-700 {
+    --bg-opacity: 1;
     background-color: #c53030;
+    background-color: rgba(197, 48, 48, var(--bg-opacity));
   }
 
   .sm\:bg-red-800 {
+    --bg-opacity: 1;
     background-color: #9b2c2c;
+    background-color: rgba(155, 44, 44, var(--bg-opacity));
   }
 
   .sm\:bg-red-900 {
+    --bg-opacity: 1;
     background-color: #742a2a;
+    background-color: rgba(116, 42, 42, var(--bg-opacity));
   }
 
   .sm\:bg-orange-100 {
+    --bg-opacity: 1;
     background-color: #fffaf0;
+    background-color: rgba(255, 250, 240, var(--bg-opacity));
   }
 
   .sm\:bg-orange-200 {
+    --bg-opacity: 1;
     background-color: #feebc8;
+    background-color: rgba(254, 235, 200, var(--bg-opacity));
   }
 
   .sm\:bg-orange-300 {
+    --bg-opacity: 1;
     background-color: #fbd38d;
+    background-color: rgba(251, 211, 141, var(--bg-opacity));
   }
 
   .sm\:bg-orange-400 {
+    --bg-opacity: 1;
     background-color: #f6ad55;
+    background-color: rgba(246, 173, 85, var(--bg-opacity));
   }
 
   .sm\:bg-orange-500 {
+    --bg-opacity: 1;
     background-color: #ed8936;
+    background-color: rgba(237, 137, 54, var(--bg-opacity));
   }
 
   .sm\:bg-orange-600 {
+    --bg-opacity: 1;
     background-color: #dd6b20;
+    background-color: rgba(221, 107, 32, var(--bg-opacity));
   }
 
   .sm\:bg-orange-700 {
+    --bg-opacity: 1;
     background-color: #c05621;
+    background-color: rgba(192, 86, 33, var(--bg-opacity));
   }
 
   .sm\:bg-orange-800 {
+    --bg-opacity: 1;
     background-color: #9c4221;
+    background-color: rgba(156, 66, 33, var(--bg-opacity));
   }
 
   .sm\:bg-orange-900 {
+    --bg-opacity: 1;
     background-color: #7b341e;
+    background-color: rgba(123, 52, 30, var(--bg-opacity));
   }
 
   .sm\:bg-yellow-100 {
+    --bg-opacity: 1;
     background-color: #fffff0;
+    background-color: rgba(255, 255, 240, var(--bg-opacity));
   }
 
   .sm\:bg-yellow-200 {
+    --bg-opacity: 1;
     background-color: #fefcbf;
+    background-color: rgba(254, 252, 191, var(--bg-opacity));
   }
 
   .sm\:bg-yellow-300 {
+    --bg-opacity: 1;
     background-color: #faf089;
+    background-color: rgba(250, 240, 137, var(--bg-opacity));
   }
 
   .sm\:bg-yellow-400 {
+    --bg-opacity: 1;
     background-color: #f6e05e;
+    background-color: rgba(246, 224, 94, var(--bg-opacity));
   }
 
   .sm\:bg-yellow-500 {
+    --bg-opacity: 1;
     background-color: #ecc94b;
+    background-color: rgba(236, 201, 75, var(--bg-opacity));
   }
 
   .sm\:bg-yellow-600 {
+    --bg-opacity: 1;
     background-color: #d69e2e;
+    background-color: rgba(214, 158, 46, var(--bg-opacity));
   }
 
   .sm\:bg-yellow-700 {
+    --bg-opacity: 1;
     background-color: #b7791f;
+    background-color: rgba(183, 121, 31, var(--bg-opacity));
   }
 
   .sm\:bg-yellow-800 {
+    --bg-opacity: 1;
     background-color: #975a16;
+    background-color: rgba(151, 90, 22, var(--bg-opacity));
   }
 
   .sm\:bg-yellow-900 {
+    --bg-opacity: 1;
     background-color: #744210;
+    background-color: rgba(116, 66, 16, var(--bg-opacity));
   }
 
   .sm\:bg-green-100 {
+    --bg-opacity: 1;
     background-color: #f0fff4;
+    background-color: rgba(240, 255, 244, var(--bg-opacity));
   }
 
   .sm\:bg-green-200 {
+    --bg-opacity: 1;
     background-color: #c6f6d5;
+    background-color: rgba(198, 246, 213, var(--bg-opacity));
   }
 
   .sm\:bg-green-300 {
+    --bg-opacity: 1;
     background-color: #9ae6b4;
+    background-color: rgba(154, 230, 180, var(--bg-opacity));
   }
 
   .sm\:bg-green-400 {
+    --bg-opacity: 1;
     background-color: #68d391;
+    background-color: rgba(104, 211, 145, var(--bg-opacity));
   }
 
   .sm\:bg-green-500 {
+    --bg-opacity: 1;
     background-color: #48bb78;
+    background-color: rgba(72, 187, 120, var(--bg-opacity));
   }
 
   .sm\:bg-green-600 {
+    --bg-opacity: 1;
     background-color: #38a169;
+    background-color: rgba(56, 161, 105, var(--bg-opacity));
   }
 
   .sm\:bg-green-700 {
+    --bg-opacity: 1;
     background-color: #2f855a;
+    background-color: rgba(47, 133, 90, var(--bg-opacity));
   }
 
   .sm\:bg-green-800 {
+    --bg-opacity: 1;
     background-color: #276749;
+    background-color: rgba(39, 103, 73, var(--bg-opacity));
   }
 
   .sm\:bg-green-900 {
+    --bg-opacity: 1;
     background-color: #22543d;
+    background-color: rgba(34, 84, 61, var(--bg-opacity));
   }
 
   .sm\:bg-teal-100 {
+    --bg-opacity: 1;
     background-color: #e6fffa;
+    background-color: rgba(230, 255, 250, var(--bg-opacity));
   }
 
   .sm\:bg-teal-200 {
+    --bg-opacity: 1;
     background-color: #b2f5ea;
+    background-color: rgba(178, 245, 234, var(--bg-opacity));
   }
 
   .sm\:bg-teal-300 {
+    --bg-opacity: 1;
     background-color: #81e6d9;
+    background-color: rgba(129, 230, 217, var(--bg-opacity));
   }
 
   .sm\:bg-teal-400 {
+    --bg-opacity: 1;
     background-color: #4fd1c5;
+    background-color: rgba(79, 209, 197, var(--bg-opacity));
   }
 
   .sm\:bg-teal-500 {
+    --bg-opacity: 1;
     background-color: #38b2ac;
+    background-color: rgba(56, 178, 172, var(--bg-opacity));
   }
 
   .sm\:bg-teal-600 {
+    --bg-opacity: 1;
     background-color: #319795;
+    background-color: rgba(49, 151, 149, var(--bg-opacity));
   }
 
   .sm\:bg-teal-700 {
+    --bg-opacity: 1;
     background-color: #2c7a7b;
+    background-color: rgba(44, 122, 123, var(--bg-opacity));
   }
 
   .sm\:bg-teal-800 {
+    --bg-opacity: 1;
     background-color: #285e61;
+    background-color: rgba(40, 94, 97, var(--bg-opacity));
   }
 
   .sm\:bg-teal-900 {
+    --bg-opacity: 1;
     background-color: #234e52;
+    background-color: rgba(35, 78, 82, var(--bg-opacity));
   }
 
   .sm\:bg-blue-100 {
+    --bg-opacity: 1;
     background-color: #ebf8ff;
+    background-color: rgba(235, 248, 255, var(--bg-opacity));
   }
 
   .sm\:bg-blue-200 {
+    --bg-opacity: 1;
     background-color: #bee3f8;
+    background-color: rgba(190, 227, 248, var(--bg-opacity));
   }
 
   .sm\:bg-blue-300 {
+    --bg-opacity: 1;
     background-color: #90cdf4;
+    background-color: rgba(144, 205, 244, var(--bg-opacity));
   }
 
   .sm\:bg-blue-400 {
+    --bg-opacity: 1;
     background-color: #63b3ed;
+    background-color: rgba(99, 179, 237, var(--bg-opacity));
   }
 
   .sm\:bg-blue-500 {
+    --bg-opacity: 1;
     background-color: #4299e1;
+    background-color: rgba(66, 153, 225, var(--bg-opacity));
   }
 
   .sm\:bg-blue-600 {
+    --bg-opacity: 1;
     background-color: #3182ce;
+    background-color: rgba(49, 130, 206, var(--bg-opacity));
   }
 
   .sm\:bg-blue-700 {
+    --bg-opacity: 1;
     background-color: #2b6cb0;
+    background-color: rgba(43, 108, 176, var(--bg-opacity));
   }
 
   .sm\:bg-blue-800 {
+    --bg-opacity: 1;
     background-color: #2c5282;
+    background-color: rgba(44, 82, 130, var(--bg-opacity));
   }
 
   .sm\:bg-blue-900 {
+    --bg-opacity: 1;
     background-color: #2a4365;
+    background-color: rgba(42, 67, 101, var(--bg-opacity));
   }
 
   .sm\:bg-indigo-100 {
+    --bg-opacity: 1;
     background-color: #ebf4ff;
+    background-color: rgba(235, 244, 255, var(--bg-opacity));
   }
 
   .sm\:bg-indigo-200 {
+    --bg-opacity: 1;
     background-color: #c3dafe;
+    background-color: rgba(195, 218, 254, var(--bg-opacity));
   }
 
   .sm\:bg-indigo-300 {
+    --bg-opacity: 1;
     background-color: #a3bffa;
+    background-color: rgba(163, 191, 250, var(--bg-opacity));
   }
 
   .sm\:bg-indigo-400 {
+    --bg-opacity: 1;
     background-color: #7f9cf5;
+    background-color: rgba(127, 156, 245, var(--bg-opacity));
   }
 
   .sm\:bg-indigo-500 {
+    --bg-opacity: 1;
     background-color: #667eea;
+    background-color: rgba(102, 126, 234, var(--bg-opacity));
   }
 
   .sm\:bg-indigo-600 {
+    --bg-opacity: 1;
     background-color: #5a67d8;
+    background-color: rgba(90, 103, 216, var(--bg-opacity));
   }
 
   .sm\:bg-indigo-700 {
+    --bg-opacity: 1;
     background-color: #4c51bf;
+    background-color: rgba(76, 81, 191, var(--bg-opacity));
   }
 
   .sm\:bg-indigo-800 {
+    --bg-opacity: 1;
     background-color: #434190;
+    background-color: rgba(67, 65, 144, var(--bg-opacity));
   }
 
   .sm\:bg-indigo-900 {
+    --bg-opacity: 1;
     background-color: #3c366b;
+    background-color: rgba(60, 54, 107, var(--bg-opacity));
   }
 
   .sm\:bg-purple-100 {
+    --bg-opacity: 1;
     background-color: #faf5ff;
+    background-color: rgba(250, 245, 255, var(--bg-opacity));
   }
 
   .sm\:bg-purple-200 {
+    --bg-opacity: 1;
     background-color: #e9d8fd;
+    background-color: rgba(233, 216, 253, var(--bg-opacity));
   }
 
   .sm\:bg-purple-300 {
+    --bg-opacity: 1;
     background-color: #d6bcfa;
+    background-color: rgba(214, 188, 250, var(--bg-opacity));
   }
 
   .sm\:bg-purple-400 {
+    --bg-opacity: 1;
     background-color: #b794f4;
+    background-color: rgba(183, 148, 244, var(--bg-opacity));
   }
 
   .sm\:bg-purple-500 {
+    --bg-opacity: 1;
     background-color: #9f7aea;
+    background-color: rgba(159, 122, 234, var(--bg-opacity));
   }
 
   .sm\:bg-purple-600 {
+    --bg-opacity: 1;
     background-color: #805ad5;
+    background-color: rgba(128, 90, 213, var(--bg-opacity));
   }
 
   .sm\:bg-purple-700 {
+    --bg-opacity: 1;
     background-color: #6b46c1;
+    background-color: rgba(107, 70, 193, var(--bg-opacity));
   }
 
   .sm\:bg-purple-800 {
+    --bg-opacity: 1;
     background-color: #553c9a;
+    background-color: rgba(85, 60, 154, var(--bg-opacity));
   }
 
   .sm\:bg-purple-900 {
+    --bg-opacity: 1;
     background-color: #44337a;
+    background-color: rgba(68, 51, 122, var(--bg-opacity));
   }
 
   .sm\:bg-pink-100 {
+    --bg-opacity: 1;
     background-color: #fff5f7;
+    background-color: rgba(255, 245, 247, var(--bg-opacity));
   }
 
   .sm\:bg-pink-200 {
+    --bg-opacity: 1;
     background-color: #fed7e2;
+    background-color: rgba(254, 215, 226, var(--bg-opacity));
   }
 
   .sm\:bg-pink-300 {
+    --bg-opacity: 1;
     background-color: #fbb6ce;
+    background-color: rgba(251, 182, 206, var(--bg-opacity));
   }
 
   .sm\:bg-pink-400 {
+    --bg-opacity: 1;
     background-color: #f687b3;
+    background-color: rgba(246, 135, 179, var(--bg-opacity));
   }
 
   .sm\:bg-pink-500 {
+    --bg-opacity: 1;
     background-color: #ed64a6;
+    background-color: rgba(237, 100, 166, var(--bg-opacity));
   }
 
   .sm\:bg-pink-600 {
+    --bg-opacity: 1;
     background-color: #d53f8c;
+    background-color: rgba(213, 63, 140, var(--bg-opacity));
   }
 
   .sm\:bg-pink-700 {
+    --bg-opacity: 1;
     background-color: #b83280;
+    background-color: rgba(184, 50, 128, var(--bg-opacity));
   }
 
   .sm\:bg-pink-800 {
+    --bg-opacity: 1;
     background-color: #97266d;
+    background-color: rgba(151, 38, 109, var(--bg-opacity));
   }
 
   .sm\:bg-pink-900 {
+    --bg-opacity: 1;
     background-color: #702459;
+    background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-transparent:hover {
@@ -13238,371 +16074,555 @@ video {
   }
 
   .sm\:hover\:bg-black:hover {
+    --bg-opacity: 1;
     background-color: #000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-white:hover {
+    --bg-opacity: 1;
     background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-gray-100:hover {
+    --bg-opacity: 1;
     background-color: #f7fafc;
+    background-color: rgba(247, 250, 252, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-gray-200:hover {
+    --bg-opacity: 1;
     background-color: #edf2f7;
+    background-color: rgba(237, 242, 247, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-gray-300:hover {
+    --bg-opacity: 1;
     background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-gray-400:hover {
+    --bg-opacity: 1;
     background-color: #cbd5e0;
+    background-color: rgba(203, 213, 224, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-gray-500:hover {
+    --bg-opacity: 1;
     background-color: #a0aec0;
+    background-color: rgba(160, 174, 192, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-gray-600:hover {
+    --bg-opacity: 1;
     background-color: #718096;
+    background-color: rgba(113, 128, 150, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-gray-700:hover {
+    --bg-opacity: 1;
     background-color: #4a5568;
+    background-color: rgba(74, 85, 104, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-gray-800:hover {
+    --bg-opacity: 1;
     background-color: #2d3748;
+    background-color: rgba(45, 55, 72, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-gray-900:hover {
+    --bg-opacity: 1;
     background-color: #1a202c;
+    background-color: rgba(26, 32, 44, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-red-100:hover {
+    --bg-opacity: 1;
     background-color: #fff5f5;
+    background-color: rgba(255, 245, 245, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-red-200:hover {
+    --bg-opacity: 1;
     background-color: #fed7d7;
+    background-color: rgba(254, 215, 215, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-red-300:hover {
+    --bg-opacity: 1;
     background-color: #feb2b2;
+    background-color: rgba(254, 178, 178, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-red-400:hover {
+    --bg-opacity: 1;
     background-color: #fc8181;
+    background-color: rgba(252, 129, 129, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-red-500:hover {
+    --bg-opacity: 1;
     background-color: #f56565;
+    background-color: rgba(245, 101, 101, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-red-600:hover {
+    --bg-opacity: 1;
     background-color: #e53e3e;
+    background-color: rgba(229, 62, 62, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-red-700:hover {
+    --bg-opacity: 1;
     background-color: #c53030;
+    background-color: rgba(197, 48, 48, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-red-800:hover {
+    --bg-opacity: 1;
     background-color: #9b2c2c;
+    background-color: rgba(155, 44, 44, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-red-900:hover {
+    --bg-opacity: 1;
     background-color: #742a2a;
+    background-color: rgba(116, 42, 42, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-orange-100:hover {
+    --bg-opacity: 1;
     background-color: #fffaf0;
+    background-color: rgba(255, 250, 240, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-orange-200:hover {
+    --bg-opacity: 1;
     background-color: #feebc8;
+    background-color: rgba(254, 235, 200, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-orange-300:hover {
+    --bg-opacity: 1;
     background-color: #fbd38d;
+    background-color: rgba(251, 211, 141, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-orange-400:hover {
+    --bg-opacity: 1;
     background-color: #f6ad55;
+    background-color: rgba(246, 173, 85, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-orange-500:hover {
+    --bg-opacity: 1;
     background-color: #ed8936;
+    background-color: rgba(237, 137, 54, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-orange-600:hover {
+    --bg-opacity: 1;
     background-color: #dd6b20;
+    background-color: rgba(221, 107, 32, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-orange-700:hover {
+    --bg-opacity: 1;
     background-color: #c05621;
+    background-color: rgba(192, 86, 33, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-orange-800:hover {
+    --bg-opacity: 1;
     background-color: #9c4221;
+    background-color: rgba(156, 66, 33, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-orange-900:hover {
+    --bg-opacity: 1;
     background-color: #7b341e;
+    background-color: rgba(123, 52, 30, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-yellow-100:hover {
+    --bg-opacity: 1;
     background-color: #fffff0;
+    background-color: rgba(255, 255, 240, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-yellow-200:hover {
+    --bg-opacity: 1;
     background-color: #fefcbf;
+    background-color: rgba(254, 252, 191, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-yellow-300:hover {
+    --bg-opacity: 1;
     background-color: #faf089;
+    background-color: rgba(250, 240, 137, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-yellow-400:hover {
+    --bg-opacity: 1;
     background-color: #f6e05e;
+    background-color: rgba(246, 224, 94, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-yellow-500:hover {
+    --bg-opacity: 1;
     background-color: #ecc94b;
+    background-color: rgba(236, 201, 75, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-yellow-600:hover {
+    --bg-opacity: 1;
     background-color: #d69e2e;
+    background-color: rgba(214, 158, 46, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-yellow-700:hover {
+    --bg-opacity: 1;
     background-color: #b7791f;
+    background-color: rgba(183, 121, 31, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-yellow-800:hover {
+    --bg-opacity: 1;
     background-color: #975a16;
+    background-color: rgba(151, 90, 22, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-yellow-900:hover {
+    --bg-opacity: 1;
     background-color: #744210;
+    background-color: rgba(116, 66, 16, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-green-100:hover {
+    --bg-opacity: 1;
     background-color: #f0fff4;
+    background-color: rgba(240, 255, 244, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-green-200:hover {
+    --bg-opacity: 1;
     background-color: #c6f6d5;
+    background-color: rgba(198, 246, 213, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-green-300:hover {
+    --bg-opacity: 1;
     background-color: #9ae6b4;
+    background-color: rgba(154, 230, 180, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-green-400:hover {
+    --bg-opacity: 1;
     background-color: #68d391;
+    background-color: rgba(104, 211, 145, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-green-500:hover {
+    --bg-opacity: 1;
     background-color: #48bb78;
+    background-color: rgba(72, 187, 120, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-green-600:hover {
+    --bg-opacity: 1;
     background-color: #38a169;
+    background-color: rgba(56, 161, 105, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-green-700:hover {
+    --bg-opacity: 1;
     background-color: #2f855a;
+    background-color: rgba(47, 133, 90, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-green-800:hover {
+    --bg-opacity: 1;
     background-color: #276749;
+    background-color: rgba(39, 103, 73, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-green-900:hover {
+    --bg-opacity: 1;
     background-color: #22543d;
+    background-color: rgba(34, 84, 61, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-teal-100:hover {
+    --bg-opacity: 1;
     background-color: #e6fffa;
+    background-color: rgba(230, 255, 250, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-teal-200:hover {
+    --bg-opacity: 1;
     background-color: #b2f5ea;
+    background-color: rgba(178, 245, 234, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-teal-300:hover {
+    --bg-opacity: 1;
     background-color: #81e6d9;
+    background-color: rgba(129, 230, 217, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-teal-400:hover {
+    --bg-opacity: 1;
     background-color: #4fd1c5;
+    background-color: rgba(79, 209, 197, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-teal-500:hover {
+    --bg-opacity: 1;
     background-color: #38b2ac;
+    background-color: rgba(56, 178, 172, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-teal-600:hover {
+    --bg-opacity: 1;
     background-color: #319795;
+    background-color: rgba(49, 151, 149, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-teal-700:hover {
+    --bg-opacity: 1;
     background-color: #2c7a7b;
+    background-color: rgba(44, 122, 123, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-teal-800:hover {
+    --bg-opacity: 1;
     background-color: #285e61;
+    background-color: rgba(40, 94, 97, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-teal-900:hover {
+    --bg-opacity: 1;
     background-color: #234e52;
+    background-color: rgba(35, 78, 82, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-blue-100:hover {
+    --bg-opacity: 1;
     background-color: #ebf8ff;
+    background-color: rgba(235, 248, 255, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-blue-200:hover {
+    --bg-opacity: 1;
     background-color: #bee3f8;
+    background-color: rgba(190, 227, 248, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-blue-300:hover {
+    --bg-opacity: 1;
     background-color: #90cdf4;
+    background-color: rgba(144, 205, 244, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-blue-400:hover {
+    --bg-opacity: 1;
     background-color: #63b3ed;
+    background-color: rgba(99, 179, 237, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-blue-500:hover {
+    --bg-opacity: 1;
     background-color: #4299e1;
+    background-color: rgba(66, 153, 225, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-blue-600:hover {
+    --bg-opacity: 1;
     background-color: #3182ce;
+    background-color: rgba(49, 130, 206, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-blue-700:hover {
+    --bg-opacity: 1;
     background-color: #2b6cb0;
+    background-color: rgba(43, 108, 176, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-blue-800:hover {
+    --bg-opacity: 1;
     background-color: #2c5282;
+    background-color: rgba(44, 82, 130, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-blue-900:hover {
+    --bg-opacity: 1;
     background-color: #2a4365;
+    background-color: rgba(42, 67, 101, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-indigo-100:hover {
+    --bg-opacity: 1;
     background-color: #ebf4ff;
+    background-color: rgba(235, 244, 255, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-indigo-200:hover {
+    --bg-opacity: 1;
     background-color: #c3dafe;
+    background-color: rgba(195, 218, 254, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-indigo-300:hover {
+    --bg-opacity: 1;
     background-color: #a3bffa;
+    background-color: rgba(163, 191, 250, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-indigo-400:hover {
+    --bg-opacity: 1;
     background-color: #7f9cf5;
+    background-color: rgba(127, 156, 245, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-indigo-500:hover {
+    --bg-opacity: 1;
     background-color: #667eea;
+    background-color: rgba(102, 126, 234, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-indigo-600:hover {
+    --bg-opacity: 1;
     background-color: #5a67d8;
+    background-color: rgba(90, 103, 216, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-indigo-700:hover {
+    --bg-opacity: 1;
     background-color: #4c51bf;
+    background-color: rgba(76, 81, 191, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-indigo-800:hover {
+    --bg-opacity: 1;
     background-color: #434190;
+    background-color: rgba(67, 65, 144, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-indigo-900:hover {
+    --bg-opacity: 1;
     background-color: #3c366b;
+    background-color: rgba(60, 54, 107, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-purple-100:hover {
+    --bg-opacity: 1;
     background-color: #faf5ff;
+    background-color: rgba(250, 245, 255, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-purple-200:hover {
+    --bg-opacity: 1;
     background-color: #e9d8fd;
+    background-color: rgba(233, 216, 253, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-purple-300:hover {
+    --bg-opacity: 1;
     background-color: #d6bcfa;
+    background-color: rgba(214, 188, 250, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-purple-400:hover {
+    --bg-opacity: 1;
     background-color: #b794f4;
+    background-color: rgba(183, 148, 244, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-purple-500:hover {
+    --bg-opacity: 1;
     background-color: #9f7aea;
+    background-color: rgba(159, 122, 234, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-purple-600:hover {
+    --bg-opacity: 1;
     background-color: #805ad5;
+    background-color: rgba(128, 90, 213, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-purple-700:hover {
+    --bg-opacity: 1;
     background-color: #6b46c1;
+    background-color: rgba(107, 70, 193, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-purple-800:hover {
+    --bg-opacity: 1;
     background-color: #553c9a;
+    background-color: rgba(85, 60, 154, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-purple-900:hover {
+    --bg-opacity: 1;
     background-color: #44337a;
+    background-color: rgba(68, 51, 122, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-pink-100:hover {
+    --bg-opacity: 1;
     background-color: #fff5f7;
+    background-color: rgba(255, 245, 247, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-pink-200:hover {
+    --bg-opacity: 1;
     background-color: #fed7e2;
+    background-color: rgba(254, 215, 226, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-pink-300:hover {
+    --bg-opacity: 1;
     background-color: #fbb6ce;
+    background-color: rgba(251, 182, 206, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-pink-400:hover {
+    --bg-opacity: 1;
     background-color: #f687b3;
+    background-color: rgba(246, 135, 179, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-pink-500:hover {
+    --bg-opacity: 1;
     background-color: #ed64a6;
+    background-color: rgba(237, 100, 166, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-pink-600:hover {
+    --bg-opacity: 1;
     background-color: #d53f8c;
+    background-color: rgba(213, 63, 140, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-pink-700:hover {
+    --bg-opacity: 1;
     background-color: #b83280;
+    background-color: rgba(184, 50, 128, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-pink-800:hover {
+    --bg-opacity: 1;
     background-color: #97266d;
+    background-color: rgba(151, 38, 109, var(--bg-opacity));
   }
 
   .sm\:hover\:bg-pink-900:hover {
+    --bg-opacity: 1;
     background-color: #702459;
+    background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-transparent:focus {
@@ -13614,371 +16634,615 @@ video {
   }
 
   .sm\:focus\:bg-black:focus {
+    --bg-opacity: 1;
     background-color: #000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-white:focus {
+    --bg-opacity: 1;
     background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-gray-100:focus {
+    --bg-opacity: 1;
     background-color: #f7fafc;
+    background-color: rgba(247, 250, 252, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-gray-200:focus {
+    --bg-opacity: 1;
     background-color: #edf2f7;
+    background-color: rgba(237, 242, 247, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-gray-300:focus {
+    --bg-opacity: 1;
     background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-gray-400:focus {
+    --bg-opacity: 1;
     background-color: #cbd5e0;
+    background-color: rgba(203, 213, 224, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-gray-500:focus {
+    --bg-opacity: 1;
     background-color: #a0aec0;
+    background-color: rgba(160, 174, 192, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-gray-600:focus {
+    --bg-opacity: 1;
     background-color: #718096;
+    background-color: rgba(113, 128, 150, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-gray-700:focus {
+    --bg-opacity: 1;
     background-color: #4a5568;
+    background-color: rgba(74, 85, 104, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-gray-800:focus {
+    --bg-opacity: 1;
     background-color: #2d3748;
+    background-color: rgba(45, 55, 72, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-gray-900:focus {
+    --bg-opacity: 1;
     background-color: #1a202c;
+    background-color: rgba(26, 32, 44, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-red-100:focus {
+    --bg-opacity: 1;
     background-color: #fff5f5;
+    background-color: rgba(255, 245, 245, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-red-200:focus {
+    --bg-opacity: 1;
     background-color: #fed7d7;
+    background-color: rgba(254, 215, 215, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-red-300:focus {
+    --bg-opacity: 1;
     background-color: #feb2b2;
+    background-color: rgba(254, 178, 178, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-red-400:focus {
+    --bg-opacity: 1;
     background-color: #fc8181;
+    background-color: rgba(252, 129, 129, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-red-500:focus {
+    --bg-opacity: 1;
     background-color: #f56565;
+    background-color: rgba(245, 101, 101, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-red-600:focus {
+    --bg-opacity: 1;
     background-color: #e53e3e;
+    background-color: rgba(229, 62, 62, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-red-700:focus {
+    --bg-opacity: 1;
     background-color: #c53030;
+    background-color: rgba(197, 48, 48, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-red-800:focus {
+    --bg-opacity: 1;
     background-color: #9b2c2c;
+    background-color: rgba(155, 44, 44, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-red-900:focus {
+    --bg-opacity: 1;
     background-color: #742a2a;
+    background-color: rgba(116, 42, 42, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-orange-100:focus {
+    --bg-opacity: 1;
     background-color: #fffaf0;
+    background-color: rgba(255, 250, 240, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-orange-200:focus {
+    --bg-opacity: 1;
     background-color: #feebc8;
+    background-color: rgba(254, 235, 200, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-orange-300:focus {
+    --bg-opacity: 1;
     background-color: #fbd38d;
+    background-color: rgba(251, 211, 141, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-orange-400:focus {
+    --bg-opacity: 1;
     background-color: #f6ad55;
+    background-color: rgba(246, 173, 85, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-orange-500:focus {
+    --bg-opacity: 1;
     background-color: #ed8936;
+    background-color: rgba(237, 137, 54, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-orange-600:focus {
+    --bg-opacity: 1;
     background-color: #dd6b20;
+    background-color: rgba(221, 107, 32, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-orange-700:focus {
+    --bg-opacity: 1;
     background-color: #c05621;
+    background-color: rgba(192, 86, 33, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-orange-800:focus {
+    --bg-opacity: 1;
     background-color: #9c4221;
+    background-color: rgba(156, 66, 33, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-orange-900:focus {
+    --bg-opacity: 1;
     background-color: #7b341e;
+    background-color: rgba(123, 52, 30, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-yellow-100:focus {
+    --bg-opacity: 1;
     background-color: #fffff0;
+    background-color: rgba(255, 255, 240, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-yellow-200:focus {
+    --bg-opacity: 1;
     background-color: #fefcbf;
+    background-color: rgba(254, 252, 191, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-yellow-300:focus {
+    --bg-opacity: 1;
     background-color: #faf089;
+    background-color: rgba(250, 240, 137, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-yellow-400:focus {
+    --bg-opacity: 1;
     background-color: #f6e05e;
+    background-color: rgba(246, 224, 94, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-yellow-500:focus {
+    --bg-opacity: 1;
     background-color: #ecc94b;
+    background-color: rgba(236, 201, 75, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-yellow-600:focus {
+    --bg-opacity: 1;
     background-color: #d69e2e;
+    background-color: rgba(214, 158, 46, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-yellow-700:focus {
+    --bg-opacity: 1;
     background-color: #b7791f;
+    background-color: rgba(183, 121, 31, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-yellow-800:focus {
+    --bg-opacity: 1;
     background-color: #975a16;
+    background-color: rgba(151, 90, 22, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-yellow-900:focus {
+    --bg-opacity: 1;
     background-color: #744210;
+    background-color: rgba(116, 66, 16, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-green-100:focus {
+    --bg-opacity: 1;
     background-color: #f0fff4;
+    background-color: rgba(240, 255, 244, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-green-200:focus {
+    --bg-opacity: 1;
     background-color: #c6f6d5;
+    background-color: rgba(198, 246, 213, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-green-300:focus {
+    --bg-opacity: 1;
     background-color: #9ae6b4;
+    background-color: rgba(154, 230, 180, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-green-400:focus {
+    --bg-opacity: 1;
     background-color: #68d391;
+    background-color: rgba(104, 211, 145, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-green-500:focus {
+    --bg-opacity: 1;
     background-color: #48bb78;
+    background-color: rgba(72, 187, 120, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-green-600:focus {
+    --bg-opacity: 1;
     background-color: #38a169;
+    background-color: rgba(56, 161, 105, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-green-700:focus {
+    --bg-opacity: 1;
     background-color: #2f855a;
+    background-color: rgba(47, 133, 90, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-green-800:focus {
+    --bg-opacity: 1;
     background-color: #276749;
+    background-color: rgba(39, 103, 73, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-green-900:focus {
+    --bg-opacity: 1;
     background-color: #22543d;
+    background-color: rgba(34, 84, 61, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-teal-100:focus {
+    --bg-opacity: 1;
     background-color: #e6fffa;
+    background-color: rgba(230, 255, 250, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-teal-200:focus {
+    --bg-opacity: 1;
     background-color: #b2f5ea;
+    background-color: rgba(178, 245, 234, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-teal-300:focus {
+    --bg-opacity: 1;
     background-color: #81e6d9;
+    background-color: rgba(129, 230, 217, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-teal-400:focus {
+    --bg-opacity: 1;
     background-color: #4fd1c5;
+    background-color: rgba(79, 209, 197, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-teal-500:focus {
+    --bg-opacity: 1;
     background-color: #38b2ac;
+    background-color: rgba(56, 178, 172, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-teal-600:focus {
+    --bg-opacity: 1;
     background-color: #319795;
+    background-color: rgba(49, 151, 149, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-teal-700:focus {
+    --bg-opacity: 1;
     background-color: #2c7a7b;
+    background-color: rgba(44, 122, 123, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-teal-800:focus {
+    --bg-opacity: 1;
     background-color: #285e61;
+    background-color: rgba(40, 94, 97, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-teal-900:focus {
+    --bg-opacity: 1;
     background-color: #234e52;
+    background-color: rgba(35, 78, 82, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-blue-100:focus {
+    --bg-opacity: 1;
     background-color: #ebf8ff;
+    background-color: rgba(235, 248, 255, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-blue-200:focus {
+    --bg-opacity: 1;
     background-color: #bee3f8;
+    background-color: rgba(190, 227, 248, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-blue-300:focus {
+    --bg-opacity: 1;
     background-color: #90cdf4;
+    background-color: rgba(144, 205, 244, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-blue-400:focus {
+    --bg-opacity: 1;
     background-color: #63b3ed;
+    background-color: rgba(99, 179, 237, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-blue-500:focus {
+    --bg-opacity: 1;
     background-color: #4299e1;
+    background-color: rgba(66, 153, 225, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-blue-600:focus {
+    --bg-opacity: 1;
     background-color: #3182ce;
+    background-color: rgba(49, 130, 206, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-blue-700:focus {
+    --bg-opacity: 1;
     background-color: #2b6cb0;
+    background-color: rgba(43, 108, 176, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-blue-800:focus {
+    --bg-opacity: 1;
     background-color: #2c5282;
+    background-color: rgba(44, 82, 130, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-blue-900:focus {
+    --bg-opacity: 1;
     background-color: #2a4365;
+    background-color: rgba(42, 67, 101, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-indigo-100:focus {
+    --bg-opacity: 1;
     background-color: #ebf4ff;
+    background-color: rgba(235, 244, 255, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-indigo-200:focus {
+    --bg-opacity: 1;
     background-color: #c3dafe;
+    background-color: rgba(195, 218, 254, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-indigo-300:focus {
+    --bg-opacity: 1;
     background-color: #a3bffa;
+    background-color: rgba(163, 191, 250, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-indigo-400:focus {
+    --bg-opacity: 1;
     background-color: #7f9cf5;
+    background-color: rgba(127, 156, 245, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-indigo-500:focus {
+    --bg-opacity: 1;
     background-color: #667eea;
+    background-color: rgba(102, 126, 234, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-indigo-600:focus {
+    --bg-opacity: 1;
     background-color: #5a67d8;
+    background-color: rgba(90, 103, 216, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-indigo-700:focus {
+    --bg-opacity: 1;
     background-color: #4c51bf;
+    background-color: rgba(76, 81, 191, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-indigo-800:focus {
+    --bg-opacity: 1;
     background-color: #434190;
+    background-color: rgba(67, 65, 144, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-indigo-900:focus {
+    --bg-opacity: 1;
     background-color: #3c366b;
+    background-color: rgba(60, 54, 107, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-purple-100:focus {
+    --bg-opacity: 1;
     background-color: #faf5ff;
+    background-color: rgba(250, 245, 255, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-purple-200:focus {
+    --bg-opacity: 1;
     background-color: #e9d8fd;
+    background-color: rgba(233, 216, 253, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-purple-300:focus {
+    --bg-opacity: 1;
     background-color: #d6bcfa;
+    background-color: rgba(214, 188, 250, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-purple-400:focus {
+    --bg-opacity: 1;
     background-color: #b794f4;
+    background-color: rgba(183, 148, 244, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-purple-500:focus {
+    --bg-opacity: 1;
     background-color: #9f7aea;
+    background-color: rgba(159, 122, 234, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-purple-600:focus {
+    --bg-opacity: 1;
     background-color: #805ad5;
+    background-color: rgba(128, 90, 213, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-purple-700:focus {
+    --bg-opacity: 1;
     background-color: #6b46c1;
+    background-color: rgba(107, 70, 193, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-purple-800:focus {
+    --bg-opacity: 1;
     background-color: #553c9a;
+    background-color: rgba(85, 60, 154, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-purple-900:focus {
+    --bg-opacity: 1;
     background-color: #44337a;
+    background-color: rgba(68, 51, 122, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-pink-100:focus {
+    --bg-opacity: 1;
     background-color: #fff5f7;
+    background-color: rgba(255, 245, 247, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-pink-200:focus {
+    --bg-opacity: 1;
     background-color: #fed7e2;
+    background-color: rgba(254, 215, 226, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-pink-300:focus {
+    --bg-opacity: 1;
     background-color: #fbb6ce;
+    background-color: rgba(251, 182, 206, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-pink-400:focus {
+    --bg-opacity: 1;
     background-color: #f687b3;
+    background-color: rgba(246, 135, 179, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-pink-500:focus {
+    --bg-opacity: 1;
     background-color: #ed64a6;
+    background-color: rgba(237, 100, 166, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-pink-600:focus {
+    --bg-opacity: 1;
     background-color: #d53f8c;
+    background-color: rgba(213, 63, 140, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-pink-700:focus {
+    --bg-opacity: 1;
     background-color: #b83280;
+    background-color: rgba(184, 50, 128, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-pink-800:focus {
+    --bg-opacity: 1;
     background-color: #97266d;
+    background-color: rgba(151, 38, 109, var(--bg-opacity));
   }
 
   .sm\:focus\:bg-pink-900:focus {
+    --bg-opacity: 1;
     background-color: #702459;
+    background-color: rgba(112, 36, 89, var(--bg-opacity));
+  }
+
+  .sm\:bg-opacity-0 {
+    --bg-opacity: 0;
+  }
+
+  .sm\:bg-opacity-25 {
+    --bg-opacity: 0.25;
+  }
+
+  .sm\:bg-opacity-50 {
+    --bg-opacity: 0.5;
+  }
+
+  .sm\:bg-opacity-75 {
+    --bg-opacity: 0.75;
+  }
+
+  .sm\:bg-opacity-100 {
+    --bg-opacity: 1;
+  }
+
+  .sm\:hover\:bg-opacity-0:hover {
+    --bg-opacity: 0;
+  }
+
+  .sm\:hover\:bg-opacity-25:hover {
+    --bg-opacity: 0.25;
+  }
+
+  .sm\:hover\:bg-opacity-50:hover {
+    --bg-opacity: 0.5;
+  }
+
+  .sm\:hover\:bg-opacity-75:hover {
+    --bg-opacity: 0.75;
+  }
+
+  .sm\:hover\:bg-opacity-100:hover {
+    --bg-opacity: 1;
+  }
+
+  .sm\:focus\:bg-opacity-0:focus {
+    --bg-opacity: 0;
+  }
+
+  .sm\:focus\:bg-opacity-25:focus {
+    --bg-opacity: 0.25;
+  }
+
+  .sm\:focus\:bg-opacity-50:focus {
+    --bg-opacity: 0.5;
+  }
+
+  .sm\:focus\:bg-opacity-75:focus {
+    --bg-opacity: 0.75;
+  }
+
+  .sm\:focus\:bg-opacity-100:focus {
+    --bg-opacity: 1;
   }
 
   .sm\:bg-bottom {
@@ -14070,371 +17334,555 @@ video {
   }
 
   .sm\:border-black {
+    --border-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
   }
 
   .sm\:border-white {
+    --border-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
   }
 
   .sm\:border-gray-100 {
+    --border-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--border-opacity));
   }
 
   .sm\:border-gray-200 {
+    --border-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--border-opacity));
   }
 
   .sm\:border-gray-300 {
+    --border-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
   }
 
   .sm\:border-gray-400 {
+    --border-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--border-opacity));
   }
 
   .sm\:border-gray-500 {
+    --border-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--border-opacity));
   }
 
   .sm\:border-gray-600 {
+    --border-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--border-opacity));
   }
 
   .sm\:border-gray-700 {
+    --border-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--border-opacity));
   }
 
   .sm\:border-gray-800 {
+    --border-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--border-opacity));
   }
 
   .sm\:border-gray-900 {
+    --border-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--border-opacity));
   }
 
   .sm\:border-red-100 {
+    --border-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--border-opacity));
   }
 
   .sm\:border-red-200 {
+    --border-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--border-opacity));
   }
 
   .sm\:border-red-300 {
+    --border-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--border-opacity));
   }
 
   .sm\:border-red-400 {
+    --border-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--border-opacity));
   }
 
   .sm\:border-red-500 {
+    --border-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--border-opacity));
   }
 
   .sm\:border-red-600 {
+    --border-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--border-opacity));
   }
 
   .sm\:border-red-700 {
+    --border-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--border-opacity));
   }
 
   .sm\:border-red-800 {
+    --border-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--border-opacity));
   }
 
   .sm\:border-red-900 {
+    --border-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--border-opacity));
   }
 
   .sm\:border-orange-100 {
+    --border-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--border-opacity));
   }
 
   .sm\:border-orange-200 {
+    --border-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--border-opacity));
   }
 
   .sm\:border-orange-300 {
+    --border-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--border-opacity));
   }
 
   .sm\:border-orange-400 {
+    --border-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--border-opacity));
   }
 
   .sm\:border-orange-500 {
+    --border-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--border-opacity));
   }
 
   .sm\:border-orange-600 {
+    --border-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--border-opacity));
   }
 
   .sm\:border-orange-700 {
+    --border-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--border-opacity));
   }
 
   .sm\:border-orange-800 {
+    --border-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--border-opacity));
   }
 
   .sm\:border-orange-900 {
+    --border-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--border-opacity));
   }
 
   .sm\:border-yellow-100 {
+    --border-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--border-opacity));
   }
 
   .sm\:border-yellow-200 {
+    --border-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--border-opacity));
   }
 
   .sm\:border-yellow-300 {
+    --border-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--border-opacity));
   }
 
   .sm\:border-yellow-400 {
+    --border-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--border-opacity));
   }
 
   .sm\:border-yellow-500 {
+    --border-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--border-opacity));
   }
 
   .sm\:border-yellow-600 {
+    --border-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--border-opacity));
   }
 
   .sm\:border-yellow-700 {
+    --border-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--border-opacity));
   }
 
   .sm\:border-yellow-800 {
+    --border-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--border-opacity));
   }
 
   .sm\:border-yellow-900 {
+    --border-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--border-opacity));
   }
 
   .sm\:border-green-100 {
+    --border-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--border-opacity));
   }
 
   .sm\:border-green-200 {
+    --border-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--border-opacity));
   }
 
   .sm\:border-green-300 {
+    --border-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--border-opacity));
   }
 
   .sm\:border-green-400 {
+    --border-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--border-opacity));
   }
 
   .sm\:border-green-500 {
+    --border-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--border-opacity));
   }
 
   .sm\:border-green-600 {
+    --border-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--border-opacity));
   }
 
   .sm\:border-green-700 {
+    --border-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--border-opacity));
   }
 
   .sm\:border-green-800 {
+    --border-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--border-opacity));
   }
 
   .sm\:border-green-900 {
+    --border-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--border-opacity));
   }
 
   .sm\:border-teal-100 {
+    --border-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--border-opacity));
   }
 
   .sm\:border-teal-200 {
+    --border-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--border-opacity));
   }
 
   .sm\:border-teal-300 {
+    --border-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--border-opacity));
   }
 
   .sm\:border-teal-400 {
+    --border-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--border-opacity));
   }
 
   .sm\:border-teal-500 {
+    --border-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--border-opacity));
   }
 
   .sm\:border-teal-600 {
+    --border-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--border-opacity));
   }
 
   .sm\:border-teal-700 {
+    --border-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--border-opacity));
   }
 
   .sm\:border-teal-800 {
+    --border-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--border-opacity));
   }
 
   .sm\:border-teal-900 {
+    --border-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--border-opacity));
   }
 
   .sm\:border-blue-100 {
+    --border-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--border-opacity));
   }
 
   .sm\:border-blue-200 {
+    --border-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--border-opacity));
   }
 
   .sm\:border-blue-300 {
+    --border-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--border-opacity));
   }
 
   .sm\:border-blue-400 {
+    --border-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--border-opacity));
   }
 
   .sm\:border-blue-500 {
+    --border-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--border-opacity));
   }
 
   .sm\:border-blue-600 {
+    --border-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--border-opacity));
   }
 
   .sm\:border-blue-700 {
+    --border-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--border-opacity));
   }
 
   .sm\:border-blue-800 {
+    --border-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--border-opacity));
   }
 
   .sm\:border-blue-900 {
+    --border-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--border-opacity));
   }
 
   .sm\:border-indigo-100 {
+    --border-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--border-opacity));
   }
 
   .sm\:border-indigo-200 {
+    --border-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--border-opacity));
   }
 
   .sm\:border-indigo-300 {
+    --border-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--border-opacity));
   }
 
   .sm\:border-indigo-400 {
+    --border-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--border-opacity));
   }
 
   .sm\:border-indigo-500 {
+    --border-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--border-opacity));
   }
 
   .sm\:border-indigo-600 {
+    --border-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--border-opacity));
   }
 
   .sm\:border-indigo-700 {
+    --border-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--border-opacity));
   }
 
   .sm\:border-indigo-800 {
+    --border-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--border-opacity));
   }
 
   .sm\:border-indigo-900 {
+    --border-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--border-opacity));
   }
 
   .sm\:border-purple-100 {
+    --border-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--border-opacity));
   }
 
   .sm\:border-purple-200 {
+    --border-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--border-opacity));
   }
 
   .sm\:border-purple-300 {
+    --border-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--border-opacity));
   }
 
   .sm\:border-purple-400 {
+    --border-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--border-opacity));
   }
 
   .sm\:border-purple-500 {
+    --border-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--border-opacity));
   }
 
   .sm\:border-purple-600 {
+    --border-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--border-opacity));
   }
 
   .sm\:border-purple-700 {
+    --border-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--border-opacity));
   }
 
   .sm\:border-purple-800 {
+    --border-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--border-opacity));
   }
 
   .sm\:border-purple-900 {
+    --border-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--border-opacity));
   }
 
   .sm\:border-pink-100 {
+    --border-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--border-opacity));
   }
 
   .sm\:border-pink-200 {
+    --border-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--border-opacity));
   }
 
   .sm\:border-pink-300 {
+    --border-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--border-opacity));
   }
 
   .sm\:border-pink-400 {
+    --border-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--border-opacity));
   }
 
   .sm\:border-pink-500 {
+    --border-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--border-opacity));
   }
 
   .sm\:border-pink-600 {
+    --border-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--border-opacity));
   }
 
   .sm\:border-pink-700 {
+    --border-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--border-opacity));
   }
 
   .sm\:border-pink-800 {
+    --border-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--border-opacity));
   }
 
   .sm\:border-pink-900 {
+    --border-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--border-opacity));
   }
 
   .sm\:hover\:border-transparent:hover {
@@ -14446,371 +17894,555 @@ video {
   }
 
   .sm\:hover\:border-black:hover {
+    --border-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
   }
 
   .sm\:hover\:border-white:hover {
+    --border-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
   }
 
   .sm\:hover\:border-gray-100:hover {
+    --border-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--border-opacity));
   }
 
   .sm\:hover\:border-gray-200:hover {
+    --border-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--border-opacity));
   }
 
   .sm\:hover\:border-gray-300:hover {
+    --border-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
   }
 
   .sm\:hover\:border-gray-400:hover {
+    --border-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--border-opacity));
   }
 
   .sm\:hover\:border-gray-500:hover {
+    --border-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--border-opacity));
   }
 
   .sm\:hover\:border-gray-600:hover {
+    --border-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--border-opacity));
   }
 
   .sm\:hover\:border-gray-700:hover {
+    --border-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--border-opacity));
   }
 
   .sm\:hover\:border-gray-800:hover {
+    --border-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--border-opacity));
   }
 
   .sm\:hover\:border-gray-900:hover {
+    --border-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--border-opacity));
   }
 
   .sm\:hover\:border-red-100:hover {
+    --border-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--border-opacity));
   }
 
   .sm\:hover\:border-red-200:hover {
+    --border-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--border-opacity));
   }
 
   .sm\:hover\:border-red-300:hover {
+    --border-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--border-opacity));
   }
 
   .sm\:hover\:border-red-400:hover {
+    --border-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--border-opacity));
   }
 
   .sm\:hover\:border-red-500:hover {
+    --border-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--border-opacity));
   }
 
   .sm\:hover\:border-red-600:hover {
+    --border-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--border-opacity));
   }
 
   .sm\:hover\:border-red-700:hover {
+    --border-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--border-opacity));
   }
 
   .sm\:hover\:border-red-800:hover {
+    --border-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--border-opacity));
   }
 
   .sm\:hover\:border-red-900:hover {
+    --border-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--border-opacity));
   }
 
   .sm\:hover\:border-orange-100:hover {
+    --border-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--border-opacity));
   }
 
   .sm\:hover\:border-orange-200:hover {
+    --border-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--border-opacity));
   }
 
   .sm\:hover\:border-orange-300:hover {
+    --border-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--border-opacity));
   }
 
   .sm\:hover\:border-orange-400:hover {
+    --border-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--border-opacity));
   }
 
   .sm\:hover\:border-orange-500:hover {
+    --border-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--border-opacity));
   }
 
   .sm\:hover\:border-orange-600:hover {
+    --border-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--border-opacity));
   }
 
   .sm\:hover\:border-orange-700:hover {
+    --border-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--border-opacity));
   }
 
   .sm\:hover\:border-orange-800:hover {
+    --border-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--border-opacity));
   }
 
   .sm\:hover\:border-orange-900:hover {
+    --border-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--border-opacity));
   }
 
   .sm\:hover\:border-yellow-100:hover {
+    --border-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--border-opacity));
   }
 
   .sm\:hover\:border-yellow-200:hover {
+    --border-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--border-opacity));
   }
 
   .sm\:hover\:border-yellow-300:hover {
+    --border-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--border-opacity));
   }
 
   .sm\:hover\:border-yellow-400:hover {
+    --border-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--border-opacity));
   }
 
   .sm\:hover\:border-yellow-500:hover {
+    --border-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--border-opacity));
   }
 
   .sm\:hover\:border-yellow-600:hover {
+    --border-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--border-opacity));
   }
 
   .sm\:hover\:border-yellow-700:hover {
+    --border-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--border-opacity));
   }
 
   .sm\:hover\:border-yellow-800:hover {
+    --border-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--border-opacity));
   }
 
   .sm\:hover\:border-yellow-900:hover {
+    --border-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--border-opacity));
   }
 
   .sm\:hover\:border-green-100:hover {
+    --border-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--border-opacity));
   }
 
   .sm\:hover\:border-green-200:hover {
+    --border-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--border-opacity));
   }
 
   .sm\:hover\:border-green-300:hover {
+    --border-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--border-opacity));
   }
 
   .sm\:hover\:border-green-400:hover {
+    --border-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--border-opacity));
   }
 
   .sm\:hover\:border-green-500:hover {
+    --border-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--border-opacity));
   }
 
   .sm\:hover\:border-green-600:hover {
+    --border-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--border-opacity));
   }
 
   .sm\:hover\:border-green-700:hover {
+    --border-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--border-opacity));
   }
 
   .sm\:hover\:border-green-800:hover {
+    --border-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--border-opacity));
   }
 
   .sm\:hover\:border-green-900:hover {
+    --border-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--border-opacity));
   }
 
   .sm\:hover\:border-teal-100:hover {
+    --border-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--border-opacity));
   }
 
   .sm\:hover\:border-teal-200:hover {
+    --border-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--border-opacity));
   }
 
   .sm\:hover\:border-teal-300:hover {
+    --border-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--border-opacity));
   }
 
   .sm\:hover\:border-teal-400:hover {
+    --border-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--border-opacity));
   }
 
   .sm\:hover\:border-teal-500:hover {
+    --border-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--border-opacity));
   }
 
   .sm\:hover\:border-teal-600:hover {
+    --border-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--border-opacity));
   }
 
   .sm\:hover\:border-teal-700:hover {
+    --border-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--border-opacity));
   }
 
   .sm\:hover\:border-teal-800:hover {
+    --border-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--border-opacity));
   }
 
   .sm\:hover\:border-teal-900:hover {
+    --border-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--border-opacity));
   }
 
   .sm\:hover\:border-blue-100:hover {
+    --border-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--border-opacity));
   }
 
   .sm\:hover\:border-blue-200:hover {
+    --border-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--border-opacity));
   }
 
   .sm\:hover\:border-blue-300:hover {
+    --border-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--border-opacity));
   }
 
   .sm\:hover\:border-blue-400:hover {
+    --border-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--border-opacity));
   }
 
   .sm\:hover\:border-blue-500:hover {
+    --border-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--border-opacity));
   }
 
   .sm\:hover\:border-blue-600:hover {
+    --border-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--border-opacity));
   }
 
   .sm\:hover\:border-blue-700:hover {
+    --border-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--border-opacity));
   }
 
   .sm\:hover\:border-blue-800:hover {
+    --border-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--border-opacity));
   }
 
   .sm\:hover\:border-blue-900:hover {
+    --border-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--border-opacity));
   }
 
   .sm\:hover\:border-indigo-100:hover {
+    --border-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--border-opacity));
   }
 
   .sm\:hover\:border-indigo-200:hover {
+    --border-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--border-opacity));
   }
 
   .sm\:hover\:border-indigo-300:hover {
+    --border-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--border-opacity));
   }
 
   .sm\:hover\:border-indigo-400:hover {
+    --border-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--border-opacity));
   }
 
   .sm\:hover\:border-indigo-500:hover {
+    --border-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--border-opacity));
   }
 
   .sm\:hover\:border-indigo-600:hover {
+    --border-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--border-opacity));
   }
 
   .sm\:hover\:border-indigo-700:hover {
+    --border-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--border-opacity));
   }
 
   .sm\:hover\:border-indigo-800:hover {
+    --border-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--border-opacity));
   }
 
   .sm\:hover\:border-indigo-900:hover {
+    --border-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--border-opacity));
   }
 
   .sm\:hover\:border-purple-100:hover {
+    --border-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--border-opacity));
   }
 
   .sm\:hover\:border-purple-200:hover {
+    --border-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--border-opacity));
   }
 
   .sm\:hover\:border-purple-300:hover {
+    --border-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--border-opacity));
   }
 
   .sm\:hover\:border-purple-400:hover {
+    --border-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--border-opacity));
   }
 
   .sm\:hover\:border-purple-500:hover {
+    --border-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--border-opacity));
   }
 
   .sm\:hover\:border-purple-600:hover {
+    --border-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--border-opacity));
   }
 
   .sm\:hover\:border-purple-700:hover {
+    --border-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--border-opacity));
   }
 
   .sm\:hover\:border-purple-800:hover {
+    --border-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--border-opacity));
   }
 
   .sm\:hover\:border-purple-900:hover {
+    --border-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--border-opacity));
   }
 
   .sm\:hover\:border-pink-100:hover {
+    --border-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--border-opacity));
   }
 
   .sm\:hover\:border-pink-200:hover {
+    --border-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--border-opacity));
   }
 
   .sm\:hover\:border-pink-300:hover {
+    --border-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--border-opacity));
   }
 
   .sm\:hover\:border-pink-400:hover {
+    --border-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--border-opacity));
   }
 
   .sm\:hover\:border-pink-500:hover {
+    --border-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--border-opacity));
   }
 
   .sm\:hover\:border-pink-600:hover {
+    --border-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--border-opacity));
   }
 
   .sm\:hover\:border-pink-700:hover {
+    --border-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--border-opacity));
   }
 
   .sm\:hover\:border-pink-800:hover {
+    --border-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--border-opacity));
   }
 
   .sm\:hover\:border-pink-900:hover {
+    --border-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--border-opacity));
   }
 
   .sm\:focus\:border-transparent:focus {
@@ -14822,371 +18454,615 @@ video {
   }
 
   .sm\:focus\:border-black:focus {
+    --border-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
   }
 
   .sm\:focus\:border-white:focus {
+    --border-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
   }
 
   .sm\:focus\:border-gray-100:focus {
+    --border-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--border-opacity));
   }
 
   .sm\:focus\:border-gray-200:focus {
+    --border-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--border-opacity));
   }
 
   .sm\:focus\:border-gray-300:focus {
+    --border-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
   }
 
   .sm\:focus\:border-gray-400:focus {
+    --border-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--border-opacity));
   }
 
   .sm\:focus\:border-gray-500:focus {
+    --border-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--border-opacity));
   }
 
   .sm\:focus\:border-gray-600:focus {
+    --border-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--border-opacity));
   }
 
   .sm\:focus\:border-gray-700:focus {
+    --border-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--border-opacity));
   }
 
   .sm\:focus\:border-gray-800:focus {
+    --border-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--border-opacity));
   }
 
   .sm\:focus\:border-gray-900:focus {
+    --border-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--border-opacity));
   }
 
   .sm\:focus\:border-red-100:focus {
+    --border-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--border-opacity));
   }
 
   .sm\:focus\:border-red-200:focus {
+    --border-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--border-opacity));
   }
 
   .sm\:focus\:border-red-300:focus {
+    --border-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--border-opacity));
   }
 
   .sm\:focus\:border-red-400:focus {
+    --border-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--border-opacity));
   }
 
   .sm\:focus\:border-red-500:focus {
+    --border-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--border-opacity));
   }
 
   .sm\:focus\:border-red-600:focus {
+    --border-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--border-opacity));
   }
 
   .sm\:focus\:border-red-700:focus {
+    --border-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--border-opacity));
   }
 
   .sm\:focus\:border-red-800:focus {
+    --border-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--border-opacity));
   }
 
   .sm\:focus\:border-red-900:focus {
+    --border-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--border-opacity));
   }
 
   .sm\:focus\:border-orange-100:focus {
+    --border-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--border-opacity));
   }
 
   .sm\:focus\:border-orange-200:focus {
+    --border-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--border-opacity));
   }
 
   .sm\:focus\:border-orange-300:focus {
+    --border-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--border-opacity));
   }
 
   .sm\:focus\:border-orange-400:focus {
+    --border-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--border-opacity));
   }
 
   .sm\:focus\:border-orange-500:focus {
+    --border-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--border-opacity));
   }
 
   .sm\:focus\:border-orange-600:focus {
+    --border-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--border-opacity));
   }
 
   .sm\:focus\:border-orange-700:focus {
+    --border-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--border-opacity));
   }
 
   .sm\:focus\:border-orange-800:focus {
+    --border-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--border-opacity));
   }
 
   .sm\:focus\:border-orange-900:focus {
+    --border-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--border-opacity));
   }
 
   .sm\:focus\:border-yellow-100:focus {
+    --border-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--border-opacity));
   }
 
   .sm\:focus\:border-yellow-200:focus {
+    --border-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--border-opacity));
   }
 
   .sm\:focus\:border-yellow-300:focus {
+    --border-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--border-opacity));
   }
 
   .sm\:focus\:border-yellow-400:focus {
+    --border-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--border-opacity));
   }
 
   .sm\:focus\:border-yellow-500:focus {
+    --border-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--border-opacity));
   }
 
   .sm\:focus\:border-yellow-600:focus {
+    --border-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--border-opacity));
   }
 
   .sm\:focus\:border-yellow-700:focus {
+    --border-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--border-opacity));
   }
 
   .sm\:focus\:border-yellow-800:focus {
+    --border-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--border-opacity));
   }
 
   .sm\:focus\:border-yellow-900:focus {
+    --border-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--border-opacity));
   }
 
   .sm\:focus\:border-green-100:focus {
+    --border-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--border-opacity));
   }
 
   .sm\:focus\:border-green-200:focus {
+    --border-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--border-opacity));
   }
 
   .sm\:focus\:border-green-300:focus {
+    --border-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--border-opacity));
   }
 
   .sm\:focus\:border-green-400:focus {
+    --border-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--border-opacity));
   }
 
   .sm\:focus\:border-green-500:focus {
+    --border-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--border-opacity));
   }
 
   .sm\:focus\:border-green-600:focus {
+    --border-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--border-opacity));
   }
 
   .sm\:focus\:border-green-700:focus {
+    --border-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--border-opacity));
   }
 
   .sm\:focus\:border-green-800:focus {
+    --border-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--border-opacity));
   }
 
   .sm\:focus\:border-green-900:focus {
+    --border-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--border-opacity));
   }
 
   .sm\:focus\:border-teal-100:focus {
+    --border-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--border-opacity));
   }
 
   .sm\:focus\:border-teal-200:focus {
+    --border-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--border-opacity));
   }
 
   .sm\:focus\:border-teal-300:focus {
+    --border-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--border-opacity));
   }
 
   .sm\:focus\:border-teal-400:focus {
+    --border-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--border-opacity));
   }
 
   .sm\:focus\:border-teal-500:focus {
+    --border-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--border-opacity));
   }
 
   .sm\:focus\:border-teal-600:focus {
+    --border-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--border-opacity));
   }
 
   .sm\:focus\:border-teal-700:focus {
+    --border-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--border-opacity));
   }
 
   .sm\:focus\:border-teal-800:focus {
+    --border-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--border-opacity));
   }
 
   .sm\:focus\:border-teal-900:focus {
+    --border-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--border-opacity));
   }
 
   .sm\:focus\:border-blue-100:focus {
+    --border-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--border-opacity));
   }
 
   .sm\:focus\:border-blue-200:focus {
+    --border-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--border-opacity));
   }
 
   .sm\:focus\:border-blue-300:focus {
+    --border-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--border-opacity));
   }
 
   .sm\:focus\:border-blue-400:focus {
+    --border-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--border-opacity));
   }
 
   .sm\:focus\:border-blue-500:focus {
+    --border-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--border-opacity));
   }
 
   .sm\:focus\:border-blue-600:focus {
+    --border-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--border-opacity));
   }
 
   .sm\:focus\:border-blue-700:focus {
+    --border-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--border-opacity));
   }
 
   .sm\:focus\:border-blue-800:focus {
+    --border-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--border-opacity));
   }
 
   .sm\:focus\:border-blue-900:focus {
+    --border-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--border-opacity));
   }
 
   .sm\:focus\:border-indigo-100:focus {
+    --border-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--border-opacity));
   }
 
   .sm\:focus\:border-indigo-200:focus {
+    --border-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--border-opacity));
   }
 
   .sm\:focus\:border-indigo-300:focus {
+    --border-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--border-opacity));
   }
 
   .sm\:focus\:border-indigo-400:focus {
+    --border-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--border-opacity));
   }
 
   .sm\:focus\:border-indigo-500:focus {
+    --border-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--border-opacity));
   }
 
   .sm\:focus\:border-indigo-600:focus {
+    --border-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--border-opacity));
   }
 
   .sm\:focus\:border-indigo-700:focus {
+    --border-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--border-opacity));
   }
 
   .sm\:focus\:border-indigo-800:focus {
+    --border-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--border-opacity));
   }
 
   .sm\:focus\:border-indigo-900:focus {
+    --border-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--border-opacity));
   }
 
   .sm\:focus\:border-purple-100:focus {
+    --border-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--border-opacity));
   }
 
   .sm\:focus\:border-purple-200:focus {
+    --border-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--border-opacity));
   }
 
   .sm\:focus\:border-purple-300:focus {
+    --border-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--border-opacity));
   }
 
   .sm\:focus\:border-purple-400:focus {
+    --border-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--border-opacity));
   }
 
   .sm\:focus\:border-purple-500:focus {
+    --border-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--border-opacity));
   }
 
   .sm\:focus\:border-purple-600:focus {
+    --border-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--border-opacity));
   }
 
   .sm\:focus\:border-purple-700:focus {
+    --border-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--border-opacity));
   }
 
   .sm\:focus\:border-purple-800:focus {
+    --border-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--border-opacity));
   }
 
   .sm\:focus\:border-purple-900:focus {
+    --border-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--border-opacity));
   }
 
   .sm\:focus\:border-pink-100:focus {
+    --border-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--border-opacity));
   }
 
   .sm\:focus\:border-pink-200:focus {
+    --border-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--border-opacity));
   }
 
   .sm\:focus\:border-pink-300:focus {
+    --border-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--border-opacity));
   }
 
   .sm\:focus\:border-pink-400:focus {
+    --border-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--border-opacity));
   }
 
   .sm\:focus\:border-pink-500:focus {
+    --border-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--border-opacity));
   }
 
   .sm\:focus\:border-pink-600:focus {
+    --border-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--border-opacity));
   }
 
   .sm\:focus\:border-pink-700:focus {
+    --border-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--border-opacity));
   }
 
   .sm\:focus\:border-pink-800:focus {
+    --border-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--border-opacity));
   }
 
   .sm\:focus\:border-pink-900:focus {
+    --border-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--border-opacity));
+  }
+
+  .sm\:border-opacity-0 {
+    --border-opacity: 0;
+  }
+
+  .sm\:border-opacity-25 {
+    --border-opacity: 0.25;
+  }
+
+  .sm\:border-opacity-50 {
+    --border-opacity: 0.5;
+  }
+
+  .sm\:border-opacity-75 {
+    --border-opacity: 0.75;
+  }
+
+  .sm\:border-opacity-100 {
+    --border-opacity: 1;
+  }
+
+  .sm\:hover\:border-opacity-0:hover {
+    --border-opacity: 0;
+  }
+
+  .sm\:hover\:border-opacity-25:hover {
+    --border-opacity: 0.25;
+  }
+
+  .sm\:hover\:border-opacity-50:hover {
+    --border-opacity: 0.5;
+  }
+
+  .sm\:hover\:border-opacity-75:hover {
+    --border-opacity: 0.75;
+  }
+
+  .sm\:hover\:border-opacity-100:hover {
+    --border-opacity: 1;
+  }
+
+  .sm\:focus\:border-opacity-0:focus {
+    --border-opacity: 0;
+  }
+
+  .sm\:focus\:border-opacity-25:focus {
+    --border-opacity: 0.25;
+  }
+
+  .sm\:focus\:border-opacity-50:focus {
+    --border-opacity: 0.5;
+  }
+
+  .sm\:focus\:border-opacity-75:focus {
+    --border-opacity: 0.75;
+  }
+
+  .sm\:focus\:border-opacity-100:focus {
+    --border-opacity: 1;
   }
 
   .sm\:rounded-none {
@@ -18210,371 +22086,555 @@ video {
   }
 
   .sm\:placeholder-black::placeholder {
+    --placeholder-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-white::placeholder {
+    --placeholder-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--placeholder-opacity));
   }
 
   .sm\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-transparent:focus::placeholder {
@@ -18586,371 +22646,595 @@ video {
   }
 
   .sm\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--placeholder-opacity));
   }
 
   .sm\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--placeholder-opacity));
+  }
+
+  .sm\:placeholder-opacity-0 {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:placeholder-opacity-25 {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:placeholder-opacity-50 {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:placeholder-opacity-75 {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:placeholder-opacity-100 {
+    --placeholder-opacity: 1;
+  }
+
+  .sm\:focus\:placeholder-opacity-0:focus {
+    --placeholder-opacity: 0;
+  }
+
+  .sm\:focus\:placeholder-opacity-25:focus {
+    --placeholder-opacity: 0.25;
+  }
+
+  .sm\:focus\:placeholder-opacity-50:focus {
+    --placeholder-opacity: 0.5;
+  }
+
+  .sm\:focus\:placeholder-opacity-75:focus {
+    --placeholder-opacity: 0.75;
+  }
+
+  .sm\:focus\:placeholder-opacity-100:focus {
+    --placeholder-opacity: 1;
   }
 
   .sm\:pointer-events-none {
@@ -19236,371 +23520,555 @@ video {
   }
 
   .sm\:text-black {
+    --text-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--text-opacity));
   }
 
   .sm\:text-white {
+    --text-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--text-opacity));
   }
 
   .sm\:text-gray-100 {
+    --text-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--text-opacity));
   }
 
   .sm\:text-gray-200 {
+    --text-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--text-opacity));
   }
 
   .sm\:text-gray-300 {
+    --text-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
   }
 
   .sm\:text-gray-400 {
+    --text-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--text-opacity));
   }
 
   .sm\:text-gray-500 {
+    --text-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--text-opacity));
   }
 
   .sm\:text-gray-600 {
+    --text-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--text-opacity));
   }
 
   .sm\:text-gray-700 {
+    --text-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--text-opacity));
   }
 
   .sm\:text-gray-800 {
+    --text-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--text-opacity));
   }
 
   .sm\:text-gray-900 {
+    --text-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--text-opacity));
   }
 
   .sm\:text-red-100 {
+    --text-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--text-opacity));
   }
 
   .sm\:text-red-200 {
+    --text-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--text-opacity));
   }
 
   .sm\:text-red-300 {
+    --text-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--text-opacity));
   }
 
   .sm\:text-red-400 {
+    --text-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--text-opacity));
   }
 
   .sm\:text-red-500 {
+    --text-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--text-opacity));
   }
 
   .sm\:text-red-600 {
+    --text-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--text-opacity));
   }
 
   .sm\:text-red-700 {
+    --text-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--text-opacity));
   }
 
   .sm\:text-red-800 {
+    --text-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--text-opacity));
   }
 
   .sm\:text-red-900 {
+    --text-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--text-opacity));
   }
 
   .sm\:text-orange-100 {
+    --text-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--text-opacity));
   }
 
   .sm\:text-orange-200 {
+    --text-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--text-opacity));
   }
 
   .sm\:text-orange-300 {
+    --text-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--text-opacity));
   }
 
   .sm\:text-orange-400 {
+    --text-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--text-opacity));
   }
 
   .sm\:text-orange-500 {
+    --text-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--text-opacity));
   }
 
   .sm\:text-orange-600 {
+    --text-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--text-opacity));
   }
 
   .sm\:text-orange-700 {
+    --text-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--text-opacity));
   }
 
   .sm\:text-orange-800 {
+    --text-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--text-opacity));
   }
 
   .sm\:text-orange-900 {
+    --text-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--text-opacity));
   }
 
   .sm\:text-yellow-100 {
+    --text-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--text-opacity));
   }
 
   .sm\:text-yellow-200 {
+    --text-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--text-opacity));
   }
 
   .sm\:text-yellow-300 {
+    --text-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--text-opacity));
   }
 
   .sm\:text-yellow-400 {
+    --text-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--text-opacity));
   }
 
   .sm\:text-yellow-500 {
+    --text-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--text-opacity));
   }
 
   .sm\:text-yellow-600 {
+    --text-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--text-opacity));
   }
 
   .sm\:text-yellow-700 {
+    --text-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--text-opacity));
   }
 
   .sm\:text-yellow-800 {
+    --text-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--text-opacity));
   }
 
   .sm\:text-yellow-900 {
+    --text-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--text-opacity));
   }
 
   .sm\:text-green-100 {
+    --text-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--text-opacity));
   }
 
   .sm\:text-green-200 {
+    --text-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--text-opacity));
   }
 
   .sm\:text-green-300 {
+    --text-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--text-opacity));
   }
 
   .sm\:text-green-400 {
+    --text-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--text-opacity));
   }
 
   .sm\:text-green-500 {
+    --text-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--text-opacity));
   }
 
   .sm\:text-green-600 {
+    --text-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--text-opacity));
   }
 
   .sm\:text-green-700 {
+    --text-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--text-opacity));
   }
 
   .sm\:text-green-800 {
+    --text-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--text-opacity));
   }
 
   .sm\:text-green-900 {
+    --text-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--text-opacity));
   }
 
   .sm\:text-teal-100 {
+    --text-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--text-opacity));
   }
 
   .sm\:text-teal-200 {
+    --text-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--text-opacity));
   }
 
   .sm\:text-teal-300 {
+    --text-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--text-opacity));
   }
 
   .sm\:text-teal-400 {
+    --text-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--text-opacity));
   }
 
   .sm\:text-teal-500 {
+    --text-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--text-opacity));
   }
 
   .sm\:text-teal-600 {
+    --text-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--text-opacity));
   }
 
   .sm\:text-teal-700 {
+    --text-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--text-opacity));
   }
 
   .sm\:text-teal-800 {
+    --text-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--text-opacity));
   }
 
   .sm\:text-teal-900 {
+    --text-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--text-opacity));
   }
 
   .sm\:text-blue-100 {
+    --text-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--text-opacity));
   }
 
   .sm\:text-blue-200 {
+    --text-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--text-opacity));
   }
 
   .sm\:text-blue-300 {
+    --text-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--text-opacity));
   }
 
   .sm\:text-blue-400 {
+    --text-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--text-opacity));
   }
 
   .sm\:text-blue-500 {
+    --text-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--text-opacity));
   }
 
   .sm\:text-blue-600 {
+    --text-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--text-opacity));
   }
 
   .sm\:text-blue-700 {
+    --text-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--text-opacity));
   }
 
   .sm\:text-blue-800 {
+    --text-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--text-opacity));
   }
 
   .sm\:text-blue-900 {
+    --text-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--text-opacity));
   }
 
   .sm\:text-indigo-100 {
+    --text-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--text-opacity));
   }
 
   .sm\:text-indigo-200 {
+    --text-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--text-opacity));
   }
 
   .sm\:text-indigo-300 {
+    --text-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--text-opacity));
   }
 
   .sm\:text-indigo-400 {
+    --text-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--text-opacity));
   }
 
   .sm\:text-indigo-500 {
+    --text-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--text-opacity));
   }
 
   .sm\:text-indigo-600 {
+    --text-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--text-opacity));
   }
 
   .sm\:text-indigo-700 {
+    --text-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--text-opacity));
   }
 
   .sm\:text-indigo-800 {
+    --text-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--text-opacity));
   }
 
   .sm\:text-indigo-900 {
+    --text-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--text-opacity));
   }
 
   .sm\:text-purple-100 {
+    --text-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--text-opacity));
   }
 
   .sm\:text-purple-200 {
+    --text-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--text-opacity));
   }
 
   .sm\:text-purple-300 {
+    --text-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--text-opacity));
   }
 
   .sm\:text-purple-400 {
+    --text-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--text-opacity));
   }
 
   .sm\:text-purple-500 {
+    --text-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--text-opacity));
   }
 
   .sm\:text-purple-600 {
+    --text-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--text-opacity));
   }
 
   .sm\:text-purple-700 {
+    --text-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--text-opacity));
   }
 
   .sm\:text-purple-800 {
+    --text-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--text-opacity));
   }
 
   .sm\:text-purple-900 {
+    --text-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--text-opacity));
   }
 
   .sm\:text-pink-100 {
+    --text-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--text-opacity));
   }
 
   .sm\:text-pink-200 {
+    --text-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--text-opacity));
   }
 
   .sm\:text-pink-300 {
+    --text-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--text-opacity));
   }
 
   .sm\:text-pink-400 {
+    --text-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--text-opacity));
   }
 
   .sm\:text-pink-500 {
+    --text-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--text-opacity));
   }
 
   .sm\:text-pink-600 {
+    --text-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--text-opacity));
   }
 
   .sm\:text-pink-700 {
+    --text-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--text-opacity));
   }
 
   .sm\:text-pink-800 {
+    --text-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--text-opacity));
   }
 
   .sm\:text-pink-900 {
+    --text-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--text-opacity));
   }
 
   .sm\:hover\:text-transparent:hover {
@@ -19612,371 +24080,555 @@ video {
   }
 
   .sm\:hover\:text-black:hover {
+    --text-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--text-opacity));
   }
 
   .sm\:hover\:text-white:hover {
+    --text-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--text-opacity));
   }
 
   .sm\:hover\:text-gray-100:hover {
+    --text-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--text-opacity));
   }
 
   .sm\:hover\:text-gray-200:hover {
+    --text-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--text-opacity));
   }
 
   .sm\:hover\:text-gray-300:hover {
+    --text-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
   }
 
   .sm\:hover\:text-gray-400:hover {
+    --text-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--text-opacity));
   }
 
   .sm\:hover\:text-gray-500:hover {
+    --text-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--text-opacity));
   }
 
   .sm\:hover\:text-gray-600:hover {
+    --text-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--text-opacity));
   }
 
   .sm\:hover\:text-gray-700:hover {
+    --text-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--text-opacity));
   }
 
   .sm\:hover\:text-gray-800:hover {
+    --text-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--text-opacity));
   }
 
   .sm\:hover\:text-gray-900:hover {
+    --text-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--text-opacity));
   }
 
   .sm\:hover\:text-red-100:hover {
+    --text-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--text-opacity));
   }
 
   .sm\:hover\:text-red-200:hover {
+    --text-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--text-opacity));
   }
 
   .sm\:hover\:text-red-300:hover {
+    --text-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--text-opacity));
   }
 
   .sm\:hover\:text-red-400:hover {
+    --text-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--text-opacity));
   }
 
   .sm\:hover\:text-red-500:hover {
+    --text-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--text-opacity));
   }
 
   .sm\:hover\:text-red-600:hover {
+    --text-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--text-opacity));
   }
 
   .sm\:hover\:text-red-700:hover {
+    --text-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--text-opacity));
   }
 
   .sm\:hover\:text-red-800:hover {
+    --text-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--text-opacity));
   }
 
   .sm\:hover\:text-red-900:hover {
+    --text-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--text-opacity));
   }
 
   .sm\:hover\:text-orange-100:hover {
+    --text-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--text-opacity));
   }
 
   .sm\:hover\:text-orange-200:hover {
+    --text-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--text-opacity));
   }
 
   .sm\:hover\:text-orange-300:hover {
+    --text-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--text-opacity));
   }
 
   .sm\:hover\:text-orange-400:hover {
+    --text-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--text-opacity));
   }
 
   .sm\:hover\:text-orange-500:hover {
+    --text-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--text-opacity));
   }
 
   .sm\:hover\:text-orange-600:hover {
+    --text-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--text-opacity));
   }
 
   .sm\:hover\:text-orange-700:hover {
+    --text-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--text-opacity));
   }
 
   .sm\:hover\:text-orange-800:hover {
+    --text-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--text-opacity));
   }
 
   .sm\:hover\:text-orange-900:hover {
+    --text-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--text-opacity));
   }
 
   .sm\:hover\:text-yellow-100:hover {
+    --text-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--text-opacity));
   }
 
   .sm\:hover\:text-yellow-200:hover {
+    --text-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--text-opacity));
   }
 
   .sm\:hover\:text-yellow-300:hover {
+    --text-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--text-opacity));
   }
 
   .sm\:hover\:text-yellow-400:hover {
+    --text-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--text-opacity));
   }
 
   .sm\:hover\:text-yellow-500:hover {
+    --text-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--text-opacity));
   }
 
   .sm\:hover\:text-yellow-600:hover {
+    --text-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--text-opacity));
   }
 
   .sm\:hover\:text-yellow-700:hover {
+    --text-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--text-opacity));
   }
 
   .sm\:hover\:text-yellow-800:hover {
+    --text-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--text-opacity));
   }
 
   .sm\:hover\:text-yellow-900:hover {
+    --text-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--text-opacity));
   }
 
   .sm\:hover\:text-green-100:hover {
+    --text-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--text-opacity));
   }
 
   .sm\:hover\:text-green-200:hover {
+    --text-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--text-opacity));
   }
 
   .sm\:hover\:text-green-300:hover {
+    --text-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--text-opacity));
   }
 
   .sm\:hover\:text-green-400:hover {
+    --text-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--text-opacity));
   }
 
   .sm\:hover\:text-green-500:hover {
+    --text-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--text-opacity));
   }
 
   .sm\:hover\:text-green-600:hover {
+    --text-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--text-opacity));
   }
 
   .sm\:hover\:text-green-700:hover {
+    --text-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--text-opacity));
   }
 
   .sm\:hover\:text-green-800:hover {
+    --text-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--text-opacity));
   }
 
   .sm\:hover\:text-green-900:hover {
+    --text-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--text-opacity));
   }
 
   .sm\:hover\:text-teal-100:hover {
+    --text-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--text-opacity));
   }
 
   .sm\:hover\:text-teal-200:hover {
+    --text-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--text-opacity));
   }
 
   .sm\:hover\:text-teal-300:hover {
+    --text-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--text-opacity));
   }
 
   .sm\:hover\:text-teal-400:hover {
+    --text-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--text-opacity));
   }
 
   .sm\:hover\:text-teal-500:hover {
+    --text-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--text-opacity));
   }
 
   .sm\:hover\:text-teal-600:hover {
+    --text-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--text-opacity));
   }
 
   .sm\:hover\:text-teal-700:hover {
+    --text-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--text-opacity));
   }
 
   .sm\:hover\:text-teal-800:hover {
+    --text-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--text-opacity));
   }
 
   .sm\:hover\:text-teal-900:hover {
+    --text-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--text-opacity));
   }
 
   .sm\:hover\:text-blue-100:hover {
+    --text-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--text-opacity));
   }
 
   .sm\:hover\:text-blue-200:hover {
+    --text-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--text-opacity));
   }
 
   .sm\:hover\:text-blue-300:hover {
+    --text-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--text-opacity));
   }
 
   .sm\:hover\:text-blue-400:hover {
+    --text-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--text-opacity));
   }
 
   .sm\:hover\:text-blue-500:hover {
+    --text-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--text-opacity));
   }
 
   .sm\:hover\:text-blue-600:hover {
+    --text-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--text-opacity));
   }
 
   .sm\:hover\:text-blue-700:hover {
+    --text-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--text-opacity));
   }
 
   .sm\:hover\:text-blue-800:hover {
+    --text-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--text-opacity));
   }
 
   .sm\:hover\:text-blue-900:hover {
+    --text-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--text-opacity));
   }
 
   .sm\:hover\:text-indigo-100:hover {
+    --text-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--text-opacity));
   }
 
   .sm\:hover\:text-indigo-200:hover {
+    --text-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--text-opacity));
   }
 
   .sm\:hover\:text-indigo-300:hover {
+    --text-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--text-opacity));
   }
 
   .sm\:hover\:text-indigo-400:hover {
+    --text-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--text-opacity));
   }
 
   .sm\:hover\:text-indigo-500:hover {
+    --text-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--text-opacity));
   }
 
   .sm\:hover\:text-indigo-600:hover {
+    --text-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--text-opacity));
   }
 
   .sm\:hover\:text-indigo-700:hover {
+    --text-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--text-opacity));
   }
 
   .sm\:hover\:text-indigo-800:hover {
+    --text-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--text-opacity));
   }
 
   .sm\:hover\:text-indigo-900:hover {
+    --text-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--text-opacity));
   }
 
   .sm\:hover\:text-purple-100:hover {
+    --text-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--text-opacity));
   }
 
   .sm\:hover\:text-purple-200:hover {
+    --text-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--text-opacity));
   }
 
   .sm\:hover\:text-purple-300:hover {
+    --text-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--text-opacity));
   }
 
   .sm\:hover\:text-purple-400:hover {
+    --text-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--text-opacity));
   }
 
   .sm\:hover\:text-purple-500:hover {
+    --text-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--text-opacity));
   }
 
   .sm\:hover\:text-purple-600:hover {
+    --text-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--text-opacity));
   }
 
   .sm\:hover\:text-purple-700:hover {
+    --text-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--text-opacity));
   }
 
   .sm\:hover\:text-purple-800:hover {
+    --text-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--text-opacity));
   }
 
   .sm\:hover\:text-purple-900:hover {
+    --text-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--text-opacity));
   }
 
   .sm\:hover\:text-pink-100:hover {
+    --text-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--text-opacity));
   }
 
   .sm\:hover\:text-pink-200:hover {
+    --text-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--text-opacity));
   }
 
   .sm\:hover\:text-pink-300:hover {
+    --text-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--text-opacity));
   }
 
   .sm\:hover\:text-pink-400:hover {
+    --text-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--text-opacity));
   }
 
   .sm\:hover\:text-pink-500:hover {
+    --text-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--text-opacity));
   }
 
   .sm\:hover\:text-pink-600:hover {
+    --text-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--text-opacity));
   }
 
   .sm\:hover\:text-pink-700:hover {
+    --text-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--text-opacity));
   }
 
   .sm\:hover\:text-pink-800:hover {
+    --text-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--text-opacity));
   }
 
   .sm\:hover\:text-pink-900:hover {
+    --text-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--text-opacity));
   }
 
   .sm\:focus\:text-transparent:focus {
@@ -19988,371 +24640,615 @@ video {
   }
 
   .sm\:focus\:text-black:focus {
+    --text-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--text-opacity));
   }
 
   .sm\:focus\:text-white:focus {
+    --text-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--text-opacity));
   }
 
   .sm\:focus\:text-gray-100:focus {
+    --text-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--text-opacity));
   }
 
   .sm\:focus\:text-gray-200:focus {
+    --text-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--text-opacity));
   }
 
   .sm\:focus\:text-gray-300:focus {
+    --text-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
   }
 
   .sm\:focus\:text-gray-400:focus {
+    --text-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--text-opacity));
   }
 
   .sm\:focus\:text-gray-500:focus {
+    --text-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--text-opacity));
   }
 
   .sm\:focus\:text-gray-600:focus {
+    --text-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--text-opacity));
   }
 
   .sm\:focus\:text-gray-700:focus {
+    --text-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--text-opacity));
   }
 
   .sm\:focus\:text-gray-800:focus {
+    --text-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--text-opacity));
   }
 
   .sm\:focus\:text-gray-900:focus {
+    --text-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--text-opacity));
   }
 
   .sm\:focus\:text-red-100:focus {
+    --text-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--text-opacity));
   }
 
   .sm\:focus\:text-red-200:focus {
+    --text-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--text-opacity));
   }
 
   .sm\:focus\:text-red-300:focus {
+    --text-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--text-opacity));
   }
 
   .sm\:focus\:text-red-400:focus {
+    --text-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--text-opacity));
   }
 
   .sm\:focus\:text-red-500:focus {
+    --text-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--text-opacity));
   }
 
   .sm\:focus\:text-red-600:focus {
+    --text-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--text-opacity));
   }
 
   .sm\:focus\:text-red-700:focus {
+    --text-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--text-opacity));
   }
 
   .sm\:focus\:text-red-800:focus {
+    --text-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--text-opacity));
   }
 
   .sm\:focus\:text-red-900:focus {
+    --text-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--text-opacity));
   }
 
   .sm\:focus\:text-orange-100:focus {
+    --text-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--text-opacity));
   }
 
   .sm\:focus\:text-orange-200:focus {
+    --text-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--text-opacity));
   }
 
   .sm\:focus\:text-orange-300:focus {
+    --text-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--text-opacity));
   }
 
   .sm\:focus\:text-orange-400:focus {
+    --text-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--text-opacity));
   }
 
   .sm\:focus\:text-orange-500:focus {
+    --text-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--text-opacity));
   }
 
   .sm\:focus\:text-orange-600:focus {
+    --text-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--text-opacity));
   }
 
   .sm\:focus\:text-orange-700:focus {
+    --text-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--text-opacity));
   }
 
   .sm\:focus\:text-orange-800:focus {
+    --text-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--text-opacity));
   }
 
   .sm\:focus\:text-orange-900:focus {
+    --text-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--text-opacity));
   }
 
   .sm\:focus\:text-yellow-100:focus {
+    --text-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--text-opacity));
   }
 
   .sm\:focus\:text-yellow-200:focus {
+    --text-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--text-opacity));
   }
 
   .sm\:focus\:text-yellow-300:focus {
+    --text-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--text-opacity));
   }
 
   .sm\:focus\:text-yellow-400:focus {
+    --text-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--text-opacity));
   }
 
   .sm\:focus\:text-yellow-500:focus {
+    --text-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--text-opacity));
   }
 
   .sm\:focus\:text-yellow-600:focus {
+    --text-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--text-opacity));
   }
 
   .sm\:focus\:text-yellow-700:focus {
+    --text-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--text-opacity));
   }
 
   .sm\:focus\:text-yellow-800:focus {
+    --text-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--text-opacity));
   }
 
   .sm\:focus\:text-yellow-900:focus {
+    --text-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--text-opacity));
   }
 
   .sm\:focus\:text-green-100:focus {
+    --text-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--text-opacity));
   }
 
   .sm\:focus\:text-green-200:focus {
+    --text-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--text-opacity));
   }
 
   .sm\:focus\:text-green-300:focus {
+    --text-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--text-opacity));
   }
 
   .sm\:focus\:text-green-400:focus {
+    --text-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--text-opacity));
   }
 
   .sm\:focus\:text-green-500:focus {
+    --text-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--text-opacity));
   }
 
   .sm\:focus\:text-green-600:focus {
+    --text-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--text-opacity));
   }
 
   .sm\:focus\:text-green-700:focus {
+    --text-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--text-opacity));
   }
 
   .sm\:focus\:text-green-800:focus {
+    --text-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--text-opacity));
   }
 
   .sm\:focus\:text-green-900:focus {
+    --text-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--text-opacity));
   }
 
   .sm\:focus\:text-teal-100:focus {
+    --text-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--text-opacity));
   }
 
   .sm\:focus\:text-teal-200:focus {
+    --text-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--text-opacity));
   }
 
   .sm\:focus\:text-teal-300:focus {
+    --text-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--text-opacity));
   }
 
   .sm\:focus\:text-teal-400:focus {
+    --text-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--text-opacity));
   }
 
   .sm\:focus\:text-teal-500:focus {
+    --text-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--text-opacity));
   }
 
   .sm\:focus\:text-teal-600:focus {
+    --text-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--text-opacity));
   }
 
   .sm\:focus\:text-teal-700:focus {
+    --text-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--text-opacity));
   }
 
   .sm\:focus\:text-teal-800:focus {
+    --text-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--text-opacity));
   }
 
   .sm\:focus\:text-teal-900:focus {
+    --text-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--text-opacity));
   }
 
   .sm\:focus\:text-blue-100:focus {
+    --text-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--text-opacity));
   }
 
   .sm\:focus\:text-blue-200:focus {
+    --text-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--text-opacity));
   }
 
   .sm\:focus\:text-blue-300:focus {
+    --text-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--text-opacity));
   }
 
   .sm\:focus\:text-blue-400:focus {
+    --text-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--text-opacity));
   }
 
   .sm\:focus\:text-blue-500:focus {
+    --text-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--text-opacity));
   }
 
   .sm\:focus\:text-blue-600:focus {
+    --text-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--text-opacity));
   }
 
   .sm\:focus\:text-blue-700:focus {
+    --text-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--text-opacity));
   }
 
   .sm\:focus\:text-blue-800:focus {
+    --text-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--text-opacity));
   }
 
   .sm\:focus\:text-blue-900:focus {
+    --text-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--text-opacity));
   }
 
   .sm\:focus\:text-indigo-100:focus {
+    --text-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--text-opacity));
   }
 
   .sm\:focus\:text-indigo-200:focus {
+    --text-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--text-opacity));
   }
 
   .sm\:focus\:text-indigo-300:focus {
+    --text-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--text-opacity));
   }
 
   .sm\:focus\:text-indigo-400:focus {
+    --text-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--text-opacity));
   }
 
   .sm\:focus\:text-indigo-500:focus {
+    --text-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--text-opacity));
   }
 
   .sm\:focus\:text-indigo-600:focus {
+    --text-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--text-opacity));
   }
 
   .sm\:focus\:text-indigo-700:focus {
+    --text-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--text-opacity));
   }
 
   .sm\:focus\:text-indigo-800:focus {
+    --text-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--text-opacity));
   }
 
   .sm\:focus\:text-indigo-900:focus {
+    --text-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--text-opacity));
   }
 
   .sm\:focus\:text-purple-100:focus {
+    --text-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--text-opacity));
   }
 
   .sm\:focus\:text-purple-200:focus {
+    --text-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--text-opacity));
   }
 
   .sm\:focus\:text-purple-300:focus {
+    --text-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--text-opacity));
   }
 
   .sm\:focus\:text-purple-400:focus {
+    --text-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--text-opacity));
   }
 
   .sm\:focus\:text-purple-500:focus {
+    --text-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--text-opacity));
   }
 
   .sm\:focus\:text-purple-600:focus {
+    --text-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--text-opacity));
   }
 
   .sm\:focus\:text-purple-700:focus {
+    --text-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--text-opacity));
   }
 
   .sm\:focus\:text-purple-800:focus {
+    --text-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--text-opacity));
   }
 
   .sm\:focus\:text-purple-900:focus {
+    --text-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--text-opacity));
   }
 
   .sm\:focus\:text-pink-100:focus {
+    --text-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--text-opacity));
   }
 
   .sm\:focus\:text-pink-200:focus {
+    --text-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--text-opacity));
   }
 
   .sm\:focus\:text-pink-300:focus {
+    --text-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--text-opacity));
   }
 
   .sm\:focus\:text-pink-400:focus {
+    --text-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--text-opacity));
   }
 
   .sm\:focus\:text-pink-500:focus {
+    --text-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--text-opacity));
   }
 
   .sm\:focus\:text-pink-600:focus {
+    --text-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--text-opacity));
   }
 
   .sm\:focus\:text-pink-700:focus {
+    --text-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--text-opacity));
   }
 
   .sm\:focus\:text-pink-800:focus {
+    --text-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--text-opacity));
   }
 
   .sm\:focus\:text-pink-900:focus {
+    --text-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--text-opacity));
+  }
+
+  .sm\:text-opacity-0 {
+    --text-opacity: 0;
+  }
+
+  .sm\:text-opacity-25 {
+    --text-opacity: 0.25;
+  }
+
+  .sm\:text-opacity-50 {
+    --text-opacity: 0.5;
+  }
+
+  .sm\:text-opacity-75 {
+    --text-opacity: 0.75;
+  }
+
+  .sm\:text-opacity-100 {
+    --text-opacity: 1;
+  }
+
+  .sm\:hover\:text-opacity-0:hover {
+    --text-opacity: 0;
+  }
+
+  .sm\:hover\:text-opacity-25:hover {
+    --text-opacity: 0.25;
+  }
+
+  .sm\:hover\:text-opacity-50:hover {
+    --text-opacity: 0.5;
+  }
+
+  .sm\:hover\:text-opacity-75:hover {
+    --text-opacity: 0.75;
+  }
+
+  .sm\:hover\:text-opacity-100:hover {
+    --text-opacity: 1;
+  }
+
+  .sm\:focus\:text-opacity-0:focus {
+    --text-opacity: 0;
+  }
+
+  .sm\:focus\:text-opacity-25:focus {
+    --text-opacity: 0.25;
+  }
+
+  .sm\:focus\:text-opacity-50:focus {
+    --text-opacity: 0.5;
+  }
+
+  .sm\:focus\:text-opacity-75:focus {
+    --text-opacity: 0.75;
+  }
+
+  .sm\:focus\:text-opacity-100:focus {
+    --text-opacity: 1;
   }
 
   .sm\:italic {
@@ -23714,371 +28610,575 @@ video {
   }
 
   .md\:divide-black > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--divide-opacity));
   }
 
   .md\:divide-white > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--divide-opacity));
   }
 
   .md\:divide-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--divide-opacity));
   }
 
   .md\:divide-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--divide-opacity));
   }
 
   .md\:divide-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--divide-opacity));
   }
 
   .md\:divide-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--divide-opacity));
   }
 
   .md\:divide-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--divide-opacity));
   }
 
   .md\:divide-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--divide-opacity));
   }
 
   .md\:divide-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--divide-opacity));
   }
 
   .md\:divide-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--divide-opacity));
   }
 
   .md\:divide-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--divide-opacity));
   }
 
   .md\:divide-red-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--divide-opacity));
   }
 
   .md\:divide-red-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--divide-opacity));
   }
 
   .md\:divide-red-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--divide-opacity));
   }
 
   .md\:divide-red-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--divide-opacity));
   }
 
   .md\:divide-red-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--divide-opacity));
   }
 
   .md\:divide-red-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--divide-opacity));
   }
 
   .md\:divide-red-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--divide-opacity));
   }
 
   .md\:divide-red-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--divide-opacity));
   }
 
   .md\:divide-red-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--divide-opacity));
   }
 
   .md\:divide-orange-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--divide-opacity));
   }
 
   .md\:divide-orange-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--divide-opacity));
   }
 
   .md\:divide-orange-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--divide-opacity));
   }
 
   .md\:divide-orange-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--divide-opacity));
   }
 
   .md\:divide-orange-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--divide-opacity));
   }
 
   .md\:divide-orange-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--divide-opacity));
   }
 
   .md\:divide-orange-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--divide-opacity));
   }
 
   .md\:divide-orange-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--divide-opacity));
   }
 
   .md\:divide-orange-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--divide-opacity));
   }
 
   .md\:divide-yellow-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--divide-opacity));
   }
 
   .md\:divide-yellow-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--divide-opacity));
   }
 
   .md\:divide-yellow-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--divide-opacity));
   }
 
   .md\:divide-yellow-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--divide-opacity));
   }
 
   .md\:divide-yellow-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--divide-opacity));
   }
 
   .md\:divide-yellow-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--divide-opacity));
   }
 
   .md\:divide-yellow-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--divide-opacity));
   }
 
   .md\:divide-yellow-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--divide-opacity));
   }
 
   .md\:divide-yellow-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--divide-opacity));
   }
 
   .md\:divide-green-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--divide-opacity));
   }
 
   .md\:divide-green-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--divide-opacity));
   }
 
   .md\:divide-green-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--divide-opacity));
   }
 
   .md\:divide-green-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--divide-opacity));
   }
 
   .md\:divide-green-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--divide-opacity));
   }
 
   .md\:divide-green-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--divide-opacity));
   }
 
   .md\:divide-green-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--divide-opacity));
   }
 
   .md\:divide-green-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--divide-opacity));
   }
 
   .md\:divide-green-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--divide-opacity));
   }
 
   .md\:divide-teal-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--divide-opacity));
   }
 
   .md\:divide-teal-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--divide-opacity));
   }
 
   .md\:divide-teal-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--divide-opacity));
   }
 
   .md\:divide-teal-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--divide-opacity));
   }
 
   .md\:divide-teal-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--divide-opacity));
   }
 
   .md\:divide-teal-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--divide-opacity));
   }
 
   .md\:divide-teal-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--divide-opacity));
   }
 
   .md\:divide-teal-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--divide-opacity));
   }
 
   .md\:divide-teal-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--divide-opacity));
   }
 
   .md\:divide-blue-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--divide-opacity));
   }
 
   .md\:divide-blue-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--divide-opacity));
   }
 
   .md\:divide-blue-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--divide-opacity));
   }
 
   .md\:divide-blue-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--divide-opacity));
   }
 
   .md\:divide-blue-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--divide-opacity));
   }
 
   .md\:divide-blue-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--divide-opacity));
   }
 
   .md\:divide-blue-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--divide-opacity));
   }
 
   .md\:divide-blue-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--divide-opacity));
   }
 
   .md\:divide-blue-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--divide-opacity));
   }
 
   .md\:divide-indigo-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--divide-opacity));
   }
 
   .md\:divide-indigo-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--divide-opacity));
   }
 
   .md\:divide-indigo-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--divide-opacity));
   }
 
   .md\:divide-indigo-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--divide-opacity));
   }
 
   .md\:divide-indigo-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--divide-opacity));
   }
 
   .md\:divide-indigo-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--divide-opacity));
   }
 
   .md\:divide-indigo-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--divide-opacity));
   }
 
   .md\:divide-indigo-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--divide-opacity));
   }
 
   .md\:divide-indigo-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--divide-opacity));
   }
 
   .md\:divide-purple-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--divide-opacity));
   }
 
   .md\:divide-purple-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--divide-opacity));
   }
 
   .md\:divide-purple-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--divide-opacity));
   }
 
   .md\:divide-purple-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--divide-opacity));
   }
 
   .md\:divide-purple-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--divide-opacity));
   }
 
   .md\:divide-purple-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--divide-opacity));
   }
 
   .md\:divide-purple-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--divide-opacity));
   }
 
   .md\:divide-purple-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--divide-opacity));
   }
 
   .md\:divide-purple-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--divide-opacity));
   }
 
   .md\:divide-pink-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--divide-opacity));
   }
 
   .md\:divide-pink-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--divide-opacity));
   }
 
   .md\:divide-pink-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--divide-opacity));
   }
 
   .md\:divide-pink-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--divide-opacity));
   }
 
   .md\:divide-pink-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--divide-opacity));
   }
 
   .md\:divide-pink-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--divide-opacity));
   }
 
   .md\:divide-pink-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--divide-opacity));
   }
 
   .md\:divide-pink-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--divide-opacity));
   }
 
   .md\:divide-pink-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--divide-opacity));
+  }
+
+  .md\:divide-opacity-0 {
+    --divide-opacity: 0;
+  }
+
+  .md\:divide-opacity-25 {
+    --divide-opacity: 0.25;
+  }
+
+  .md\:divide-opacity-50 {
+    --divide-opacity: 0.5;
+  }
+
+  .md\:divide-opacity-75 {
+    --divide-opacity: 0.75;
+  }
+
+  .md\:divide-opacity-100 {
+    --divide-opacity: 1;
   }
 
   .md\:sr-only {
@@ -24152,371 +29252,555 @@ video {
   }
 
   .md\:bg-black {
+    --bg-opacity: 1;
     background-color: #000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
   }
 
   .md\:bg-white {
+    --bg-opacity: 1;
     background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
   }
 
   .md\:bg-gray-100 {
+    --bg-opacity: 1;
     background-color: #f7fafc;
+    background-color: rgba(247, 250, 252, var(--bg-opacity));
   }
 
   .md\:bg-gray-200 {
+    --bg-opacity: 1;
     background-color: #edf2f7;
+    background-color: rgba(237, 242, 247, var(--bg-opacity));
   }
 
   .md\:bg-gray-300 {
+    --bg-opacity: 1;
     background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
   }
 
   .md\:bg-gray-400 {
+    --bg-opacity: 1;
     background-color: #cbd5e0;
+    background-color: rgba(203, 213, 224, var(--bg-opacity));
   }
 
   .md\:bg-gray-500 {
+    --bg-opacity: 1;
     background-color: #a0aec0;
+    background-color: rgba(160, 174, 192, var(--bg-opacity));
   }
 
   .md\:bg-gray-600 {
+    --bg-opacity: 1;
     background-color: #718096;
+    background-color: rgba(113, 128, 150, var(--bg-opacity));
   }
 
   .md\:bg-gray-700 {
+    --bg-opacity: 1;
     background-color: #4a5568;
+    background-color: rgba(74, 85, 104, var(--bg-opacity));
   }
 
   .md\:bg-gray-800 {
+    --bg-opacity: 1;
     background-color: #2d3748;
+    background-color: rgba(45, 55, 72, var(--bg-opacity));
   }
 
   .md\:bg-gray-900 {
+    --bg-opacity: 1;
     background-color: #1a202c;
+    background-color: rgba(26, 32, 44, var(--bg-opacity));
   }
 
   .md\:bg-red-100 {
+    --bg-opacity: 1;
     background-color: #fff5f5;
+    background-color: rgba(255, 245, 245, var(--bg-opacity));
   }
 
   .md\:bg-red-200 {
+    --bg-opacity: 1;
     background-color: #fed7d7;
+    background-color: rgba(254, 215, 215, var(--bg-opacity));
   }
 
   .md\:bg-red-300 {
+    --bg-opacity: 1;
     background-color: #feb2b2;
+    background-color: rgba(254, 178, 178, var(--bg-opacity));
   }
 
   .md\:bg-red-400 {
+    --bg-opacity: 1;
     background-color: #fc8181;
+    background-color: rgba(252, 129, 129, var(--bg-opacity));
   }
 
   .md\:bg-red-500 {
+    --bg-opacity: 1;
     background-color: #f56565;
+    background-color: rgba(245, 101, 101, var(--bg-opacity));
   }
 
   .md\:bg-red-600 {
+    --bg-opacity: 1;
     background-color: #e53e3e;
+    background-color: rgba(229, 62, 62, var(--bg-opacity));
   }
 
   .md\:bg-red-700 {
+    --bg-opacity: 1;
     background-color: #c53030;
+    background-color: rgba(197, 48, 48, var(--bg-opacity));
   }
 
   .md\:bg-red-800 {
+    --bg-opacity: 1;
     background-color: #9b2c2c;
+    background-color: rgba(155, 44, 44, var(--bg-opacity));
   }
 
   .md\:bg-red-900 {
+    --bg-opacity: 1;
     background-color: #742a2a;
+    background-color: rgba(116, 42, 42, var(--bg-opacity));
   }
 
   .md\:bg-orange-100 {
+    --bg-opacity: 1;
     background-color: #fffaf0;
+    background-color: rgba(255, 250, 240, var(--bg-opacity));
   }
 
   .md\:bg-orange-200 {
+    --bg-opacity: 1;
     background-color: #feebc8;
+    background-color: rgba(254, 235, 200, var(--bg-opacity));
   }
 
   .md\:bg-orange-300 {
+    --bg-opacity: 1;
     background-color: #fbd38d;
+    background-color: rgba(251, 211, 141, var(--bg-opacity));
   }
 
   .md\:bg-orange-400 {
+    --bg-opacity: 1;
     background-color: #f6ad55;
+    background-color: rgba(246, 173, 85, var(--bg-opacity));
   }
 
   .md\:bg-orange-500 {
+    --bg-opacity: 1;
     background-color: #ed8936;
+    background-color: rgba(237, 137, 54, var(--bg-opacity));
   }
 
   .md\:bg-orange-600 {
+    --bg-opacity: 1;
     background-color: #dd6b20;
+    background-color: rgba(221, 107, 32, var(--bg-opacity));
   }
 
   .md\:bg-orange-700 {
+    --bg-opacity: 1;
     background-color: #c05621;
+    background-color: rgba(192, 86, 33, var(--bg-opacity));
   }
 
   .md\:bg-orange-800 {
+    --bg-opacity: 1;
     background-color: #9c4221;
+    background-color: rgba(156, 66, 33, var(--bg-opacity));
   }
 
   .md\:bg-orange-900 {
+    --bg-opacity: 1;
     background-color: #7b341e;
+    background-color: rgba(123, 52, 30, var(--bg-opacity));
   }
 
   .md\:bg-yellow-100 {
+    --bg-opacity: 1;
     background-color: #fffff0;
+    background-color: rgba(255, 255, 240, var(--bg-opacity));
   }
 
   .md\:bg-yellow-200 {
+    --bg-opacity: 1;
     background-color: #fefcbf;
+    background-color: rgba(254, 252, 191, var(--bg-opacity));
   }
 
   .md\:bg-yellow-300 {
+    --bg-opacity: 1;
     background-color: #faf089;
+    background-color: rgba(250, 240, 137, var(--bg-opacity));
   }
 
   .md\:bg-yellow-400 {
+    --bg-opacity: 1;
     background-color: #f6e05e;
+    background-color: rgba(246, 224, 94, var(--bg-opacity));
   }
 
   .md\:bg-yellow-500 {
+    --bg-opacity: 1;
     background-color: #ecc94b;
+    background-color: rgba(236, 201, 75, var(--bg-opacity));
   }
 
   .md\:bg-yellow-600 {
+    --bg-opacity: 1;
     background-color: #d69e2e;
+    background-color: rgba(214, 158, 46, var(--bg-opacity));
   }
 
   .md\:bg-yellow-700 {
+    --bg-opacity: 1;
     background-color: #b7791f;
+    background-color: rgba(183, 121, 31, var(--bg-opacity));
   }
 
   .md\:bg-yellow-800 {
+    --bg-opacity: 1;
     background-color: #975a16;
+    background-color: rgba(151, 90, 22, var(--bg-opacity));
   }
 
   .md\:bg-yellow-900 {
+    --bg-opacity: 1;
     background-color: #744210;
+    background-color: rgba(116, 66, 16, var(--bg-opacity));
   }
 
   .md\:bg-green-100 {
+    --bg-opacity: 1;
     background-color: #f0fff4;
+    background-color: rgba(240, 255, 244, var(--bg-opacity));
   }
 
   .md\:bg-green-200 {
+    --bg-opacity: 1;
     background-color: #c6f6d5;
+    background-color: rgba(198, 246, 213, var(--bg-opacity));
   }
 
   .md\:bg-green-300 {
+    --bg-opacity: 1;
     background-color: #9ae6b4;
+    background-color: rgba(154, 230, 180, var(--bg-opacity));
   }
 
   .md\:bg-green-400 {
+    --bg-opacity: 1;
     background-color: #68d391;
+    background-color: rgba(104, 211, 145, var(--bg-opacity));
   }
 
   .md\:bg-green-500 {
+    --bg-opacity: 1;
     background-color: #48bb78;
+    background-color: rgba(72, 187, 120, var(--bg-opacity));
   }
 
   .md\:bg-green-600 {
+    --bg-opacity: 1;
     background-color: #38a169;
+    background-color: rgba(56, 161, 105, var(--bg-opacity));
   }
 
   .md\:bg-green-700 {
+    --bg-opacity: 1;
     background-color: #2f855a;
+    background-color: rgba(47, 133, 90, var(--bg-opacity));
   }
 
   .md\:bg-green-800 {
+    --bg-opacity: 1;
     background-color: #276749;
+    background-color: rgba(39, 103, 73, var(--bg-opacity));
   }
 
   .md\:bg-green-900 {
+    --bg-opacity: 1;
     background-color: #22543d;
+    background-color: rgba(34, 84, 61, var(--bg-opacity));
   }
 
   .md\:bg-teal-100 {
+    --bg-opacity: 1;
     background-color: #e6fffa;
+    background-color: rgba(230, 255, 250, var(--bg-opacity));
   }
 
   .md\:bg-teal-200 {
+    --bg-opacity: 1;
     background-color: #b2f5ea;
+    background-color: rgba(178, 245, 234, var(--bg-opacity));
   }
 
   .md\:bg-teal-300 {
+    --bg-opacity: 1;
     background-color: #81e6d9;
+    background-color: rgba(129, 230, 217, var(--bg-opacity));
   }
 
   .md\:bg-teal-400 {
+    --bg-opacity: 1;
     background-color: #4fd1c5;
+    background-color: rgba(79, 209, 197, var(--bg-opacity));
   }
 
   .md\:bg-teal-500 {
+    --bg-opacity: 1;
     background-color: #38b2ac;
+    background-color: rgba(56, 178, 172, var(--bg-opacity));
   }
 
   .md\:bg-teal-600 {
+    --bg-opacity: 1;
     background-color: #319795;
+    background-color: rgba(49, 151, 149, var(--bg-opacity));
   }
 
   .md\:bg-teal-700 {
+    --bg-opacity: 1;
     background-color: #2c7a7b;
+    background-color: rgba(44, 122, 123, var(--bg-opacity));
   }
 
   .md\:bg-teal-800 {
+    --bg-opacity: 1;
     background-color: #285e61;
+    background-color: rgba(40, 94, 97, var(--bg-opacity));
   }
 
   .md\:bg-teal-900 {
+    --bg-opacity: 1;
     background-color: #234e52;
+    background-color: rgba(35, 78, 82, var(--bg-opacity));
   }
 
   .md\:bg-blue-100 {
+    --bg-opacity: 1;
     background-color: #ebf8ff;
+    background-color: rgba(235, 248, 255, var(--bg-opacity));
   }
 
   .md\:bg-blue-200 {
+    --bg-opacity: 1;
     background-color: #bee3f8;
+    background-color: rgba(190, 227, 248, var(--bg-opacity));
   }
 
   .md\:bg-blue-300 {
+    --bg-opacity: 1;
     background-color: #90cdf4;
+    background-color: rgba(144, 205, 244, var(--bg-opacity));
   }
 
   .md\:bg-blue-400 {
+    --bg-opacity: 1;
     background-color: #63b3ed;
+    background-color: rgba(99, 179, 237, var(--bg-opacity));
   }
 
   .md\:bg-blue-500 {
+    --bg-opacity: 1;
     background-color: #4299e1;
+    background-color: rgba(66, 153, 225, var(--bg-opacity));
   }
 
   .md\:bg-blue-600 {
+    --bg-opacity: 1;
     background-color: #3182ce;
+    background-color: rgba(49, 130, 206, var(--bg-opacity));
   }
 
   .md\:bg-blue-700 {
+    --bg-opacity: 1;
     background-color: #2b6cb0;
+    background-color: rgba(43, 108, 176, var(--bg-opacity));
   }
 
   .md\:bg-blue-800 {
+    --bg-opacity: 1;
     background-color: #2c5282;
+    background-color: rgba(44, 82, 130, var(--bg-opacity));
   }
 
   .md\:bg-blue-900 {
+    --bg-opacity: 1;
     background-color: #2a4365;
+    background-color: rgba(42, 67, 101, var(--bg-opacity));
   }
 
   .md\:bg-indigo-100 {
+    --bg-opacity: 1;
     background-color: #ebf4ff;
+    background-color: rgba(235, 244, 255, var(--bg-opacity));
   }
 
   .md\:bg-indigo-200 {
+    --bg-opacity: 1;
     background-color: #c3dafe;
+    background-color: rgba(195, 218, 254, var(--bg-opacity));
   }
 
   .md\:bg-indigo-300 {
+    --bg-opacity: 1;
     background-color: #a3bffa;
+    background-color: rgba(163, 191, 250, var(--bg-opacity));
   }
 
   .md\:bg-indigo-400 {
+    --bg-opacity: 1;
     background-color: #7f9cf5;
+    background-color: rgba(127, 156, 245, var(--bg-opacity));
   }
 
   .md\:bg-indigo-500 {
+    --bg-opacity: 1;
     background-color: #667eea;
+    background-color: rgba(102, 126, 234, var(--bg-opacity));
   }
 
   .md\:bg-indigo-600 {
+    --bg-opacity: 1;
     background-color: #5a67d8;
+    background-color: rgba(90, 103, 216, var(--bg-opacity));
   }
 
   .md\:bg-indigo-700 {
+    --bg-opacity: 1;
     background-color: #4c51bf;
+    background-color: rgba(76, 81, 191, var(--bg-opacity));
   }
 
   .md\:bg-indigo-800 {
+    --bg-opacity: 1;
     background-color: #434190;
+    background-color: rgba(67, 65, 144, var(--bg-opacity));
   }
 
   .md\:bg-indigo-900 {
+    --bg-opacity: 1;
     background-color: #3c366b;
+    background-color: rgba(60, 54, 107, var(--bg-opacity));
   }
 
   .md\:bg-purple-100 {
+    --bg-opacity: 1;
     background-color: #faf5ff;
+    background-color: rgba(250, 245, 255, var(--bg-opacity));
   }
 
   .md\:bg-purple-200 {
+    --bg-opacity: 1;
     background-color: #e9d8fd;
+    background-color: rgba(233, 216, 253, var(--bg-opacity));
   }
 
   .md\:bg-purple-300 {
+    --bg-opacity: 1;
     background-color: #d6bcfa;
+    background-color: rgba(214, 188, 250, var(--bg-opacity));
   }
 
   .md\:bg-purple-400 {
+    --bg-opacity: 1;
     background-color: #b794f4;
+    background-color: rgba(183, 148, 244, var(--bg-opacity));
   }
 
   .md\:bg-purple-500 {
+    --bg-opacity: 1;
     background-color: #9f7aea;
+    background-color: rgba(159, 122, 234, var(--bg-opacity));
   }
 
   .md\:bg-purple-600 {
+    --bg-opacity: 1;
     background-color: #805ad5;
+    background-color: rgba(128, 90, 213, var(--bg-opacity));
   }
 
   .md\:bg-purple-700 {
+    --bg-opacity: 1;
     background-color: #6b46c1;
+    background-color: rgba(107, 70, 193, var(--bg-opacity));
   }
 
   .md\:bg-purple-800 {
+    --bg-opacity: 1;
     background-color: #553c9a;
+    background-color: rgba(85, 60, 154, var(--bg-opacity));
   }
 
   .md\:bg-purple-900 {
+    --bg-opacity: 1;
     background-color: #44337a;
+    background-color: rgba(68, 51, 122, var(--bg-opacity));
   }
 
   .md\:bg-pink-100 {
+    --bg-opacity: 1;
     background-color: #fff5f7;
+    background-color: rgba(255, 245, 247, var(--bg-opacity));
   }
 
   .md\:bg-pink-200 {
+    --bg-opacity: 1;
     background-color: #fed7e2;
+    background-color: rgba(254, 215, 226, var(--bg-opacity));
   }
 
   .md\:bg-pink-300 {
+    --bg-opacity: 1;
     background-color: #fbb6ce;
+    background-color: rgba(251, 182, 206, var(--bg-opacity));
   }
 
   .md\:bg-pink-400 {
+    --bg-opacity: 1;
     background-color: #f687b3;
+    background-color: rgba(246, 135, 179, var(--bg-opacity));
   }
 
   .md\:bg-pink-500 {
+    --bg-opacity: 1;
     background-color: #ed64a6;
+    background-color: rgba(237, 100, 166, var(--bg-opacity));
   }
 
   .md\:bg-pink-600 {
+    --bg-opacity: 1;
     background-color: #d53f8c;
+    background-color: rgba(213, 63, 140, var(--bg-opacity));
   }
 
   .md\:bg-pink-700 {
+    --bg-opacity: 1;
     background-color: #b83280;
+    background-color: rgba(184, 50, 128, var(--bg-opacity));
   }
 
   .md\:bg-pink-800 {
+    --bg-opacity: 1;
     background-color: #97266d;
+    background-color: rgba(151, 38, 109, var(--bg-opacity));
   }
 
   .md\:bg-pink-900 {
+    --bg-opacity: 1;
     background-color: #702459;
+    background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
   .md\:hover\:bg-transparent:hover {
@@ -24528,371 +29812,555 @@ video {
   }
 
   .md\:hover\:bg-black:hover {
+    --bg-opacity: 1;
     background-color: #000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
   }
 
   .md\:hover\:bg-white:hover {
+    --bg-opacity: 1;
     background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
   }
 
   .md\:hover\:bg-gray-100:hover {
+    --bg-opacity: 1;
     background-color: #f7fafc;
+    background-color: rgba(247, 250, 252, var(--bg-opacity));
   }
 
   .md\:hover\:bg-gray-200:hover {
+    --bg-opacity: 1;
     background-color: #edf2f7;
+    background-color: rgba(237, 242, 247, var(--bg-opacity));
   }
 
   .md\:hover\:bg-gray-300:hover {
+    --bg-opacity: 1;
     background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
   }
 
   .md\:hover\:bg-gray-400:hover {
+    --bg-opacity: 1;
     background-color: #cbd5e0;
+    background-color: rgba(203, 213, 224, var(--bg-opacity));
   }
 
   .md\:hover\:bg-gray-500:hover {
+    --bg-opacity: 1;
     background-color: #a0aec0;
+    background-color: rgba(160, 174, 192, var(--bg-opacity));
   }
 
   .md\:hover\:bg-gray-600:hover {
+    --bg-opacity: 1;
     background-color: #718096;
+    background-color: rgba(113, 128, 150, var(--bg-opacity));
   }
 
   .md\:hover\:bg-gray-700:hover {
+    --bg-opacity: 1;
     background-color: #4a5568;
+    background-color: rgba(74, 85, 104, var(--bg-opacity));
   }
 
   .md\:hover\:bg-gray-800:hover {
+    --bg-opacity: 1;
     background-color: #2d3748;
+    background-color: rgba(45, 55, 72, var(--bg-opacity));
   }
 
   .md\:hover\:bg-gray-900:hover {
+    --bg-opacity: 1;
     background-color: #1a202c;
+    background-color: rgba(26, 32, 44, var(--bg-opacity));
   }
 
   .md\:hover\:bg-red-100:hover {
+    --bg-opacity: 1;
     background-color: #fff5f5;
+    background-color: rgba(255, 245, 245, var(--bg-opacity));
   }
 
   .md\:hover\:bg-red-200:hover {
+    --bg-opacity: 1;
     background-color: #fed7d7;
+    background-color: rgba(254, 215, 215, var(--bg-opacity));
   }
 
   .md\:hover\:bg-red-300:hover {
+    --bg-opacity: 1;
     background-color: #feb2b2;
+    background-color: rgba(254, 178, 178, var(--bg-opacity));
   }
 
   .md\:hover\:bg-red-400:hover {
+    --bg-opacity: 1;
     background-color: #fc8181;
+    background-color: rgba(252, 129, 129, var(--bg-opacity));
   }
 
   .md\:hover\:bg-red-500:hover {
+    --bg-opacity: 1;
     background-color: #f56565;
+    background-color: rgba(245, 101, 101, var(--bg-opacity));
   }
 
   .md\:hover\:bg-red-600:hover {
+    --bg-opacity: 1;
     background-color: #e53e3e;
+    background-color: rgba(229, 62, 62, var(--bg-opacity));
   }
 
   .md\:hover\:bg-red-700:hover {
+    --bg-opacity: 1;
     background-color: #c53030;
+    background-color: rgba(197, 48, 48, var(--bg-opacity));
   }
 
   .md\:hover\:bg-red-800:hover {
+    --bg-opacity: 1;
     background-color: #9b2c2c;
+    background-color: rgba(155, 44, 44, var(--bg-opacity));
   }
 
   .md\:hover\:bg-red-900:hover {
+    --bg-opacity: 1;
     background-color: #742a2a;
+    background-color: rgba(116, 42, 42, var(--bg-opacity));
   }
 
   .md\:hover\:bg-orange-100:hover {
+    --bg-opacity: 1;
     background-color: #fffaf0;
+    background-color: rgba(255, 250, 240, var(--bg-opacity));
   }
 
   .md\:hover\:bg-orange-200:hover {
+    --bg-opacity: 1;
     background-color: #feebc8;
+    background-color: rgba(254, 235, 200, var(--bg-opacity));
   }
 
   .md\:hover\:bg-orange-300:hover {
+    --bg-opacity: 1;
     background-color: #fbd38d;
+    background-color: rgba(251, 211, 141, var(--bg-opacity));
   }
 
   .md\:hover\:bg-orange-400:hover {
+    --bg-opacity: 1;
     background-color: #f6ad55;
+    background-color: rgba(246, 173, 85, var(--bg-opacity));
   }
 
   .md\:hover\:bg-orange-500:hover {
+    --bg-opacity: 1;
     background-color: #ed8936;
+    background-color: rgba(237, 137, 54, var(--bg-opacity));
   }
 
   .md\:hover\:bg-orange-600:hover {
+    --bg-opacity: 1;
     background-color: #dd6b20;
+    background-color: rgba(221, 107, 32, var(--bg-opacity));
   }
 
   .md\:hover\:bg-orange-700:hover {
+    --bg-opacity: 1;
     background-color: #c05621;
+    background-color: rgba(192, 86, 33, var(--bg-opacity));
   }
 
   .md\:hover\:bg-orange-800:hover {
+    --bg-opacity: 1;
     background-color: #9c4221;
+    background-color: rgba(156, 66, 33, var(--bg-opacity));
   }
 
   .md\:hover\:bg-orange-900:hover {
+    --bg-opacity: 1;
     background-color: #7b341e;
+    background-color: rgba(123, 52, 30, var(--bg-opacity));
   }
 
   .md\:hover\:bg-yellow-100:hover {
+    --bg-opacity: 1;
     background-color: #fffff0;
+    background-color: rgba(255, 255, 240, var(--bg-opacity));
   }
 
   .md\:hover\:bg-yellow-200:hover {
+    --bg-opacity: 1;
     background-color: #fefcbf;
+    background-color: rgba(254, 252, 191, var(--bg-opacity));
   }
 
   .md\:hover\:bg-yellow-300:hover {
+    --bg-opacity: 1;
     background-color: #faf089;
+    background-color: rgba(250, 240, 137, var(--bg-opacity));
   }
 
   .md\:hover\:bg-yellow-400:hover {
+    --bg-opacity: 1;
     background-color: #f6e05e;
+    background-color: rgba(246, 224, 94, var(--bg-opacity));
   }
 
   .md\:hover\:bg-yellow-500:hover {
+    --bg-opacity: 1;
     background-color: #ecc94b;
+    background-color: rgba(236, 201, 75, var(--bg-opacity));
   }
 
   .md\:hover\:bg-yellow-600:hover {
+    --bg-opacity: 1;
     background-color: #d69e2e;
+    background-color: rgba(214, 158, 46, var(--bg-opacity));
   }
 
   .md\:hover\:bg-yellow-700:hover {
+    --bg-opacity: 1;
     background-color: #b7791f;
+    background-color: rgba(183, 121, 31, var(--bg-opacity));
   }
 
   .md\:hover\:bg-yellow-800:hover {
+    --bg-opacity: 1;
     background-color: #975a16;
+    background-color: rgba(151, 90, 22, var(--bg-opacity));
   }
 
   .md\:hover\:bg-yellow-900:hover {
+    --bg-opacity: 1;
     background-color: #744210;
+    background-color: rgba(116, 66, 16, var(--bg-opacity));
   }
 
   .md\:hover\:bg-green-100:hover {
+    --bg-opacity: 1;
     background-color: #f0fff4;
+    background-color: rgba(240, 255, 244, var(--bg-opacity));
   }
 
   .md\:hover\:bg-green-200:hover {
+    --bg-opacity: 1;
     background-color: #c6f6d5;
+    background-color: rgba(198, 246, 213, var(--bg-opacity));
   }
 
   .md\:hover\:bg-green-300:hover {
+    --bg-opacity: 1;
     background-color: #9ae6b4;
+    background-color: rgba(154, 230, 180, var(--bg-opacity));
   }
 
   .md\:hover\:bg-green-400:hover {
+    --bg-opacity: 1;
     background-color: #68d391;
+    background-color: rgba(104, 211, 145, var(--bg-opacity));
   }
 
   .md\:hover\:bg-green-500:hover {
+    --bg-opacity: 1;
     background-color: #48bb78;
+    background-color: rgba(72, 187, 120, var(--bg-opacity));
   }
 
   .md\:hover\:bg-green-600:hover {
+    --bg-opacity: 1;
     background-color: #38a169;
+    background-color: rgba(56, 161, 105, var(--bg-opacity));
   }
 
   .md\:hover\:bg-green-700:hover {
+    --bg-opacity: 1;
     background-color: #2f855a;
+    background-color: rgba(47, 133, 90, var(--bg-opacity));
   }
 
   .md\:hover\:bg-green-800:hover {
+    --bg-opacity: 1;
     background-color: #276749;
+    background-color: rgba(39, 103, 73, var(--bg-opacity));
   }
 
   .md\:hover\:bg-green-900:hover {
+    --bg-opacity: 1;
     background-color: #22543d;
+    background-color: rgba(34, 84, 61, var(--bg-opacity));
   }
 
   .md\:hover\:bg-teal-100:hover {
+    --bg-opacity: 1;
     background-color: #e6fffa;
+    background-color: rgba(230, 255, 250, var(--bg-opacity));
   }
 
   .md\:hover\:bg-teal-200:hover {
+    --bg-opacity: 1;
     background-color: #b2f5ea;
+    background-color: rgba(178, 245, 234, var(--bg-opacity));
   }
 
   .md\:hover\:bg-teal-300:hover {
+    --bg-opacity: 1;
     background-color: #81e6d9;
+    background-color: rgba(129, 230, 217, var(--bg-opacity));
   }
 
   .md\:hover\:bg-teal-400:hover {
+    --bg-opacity: 1;
     background-color: #4fd1c5;
+    background-color: rgba(79, 209, 197, var(--bg-opacity));
   }
 
   .md\:hover\:bg-teal-500:hover {
+    --bg-opacity: 1;
     background-color: #38b2ac;
+    background-color: rgba(56, 178, 172, var(--bg-opacity));
   }
 
   .md\:hover\:bg-teal-600:hover {
+    --bg-opacity: 1;
     background-color: #319795;
+    background-color: rgba(49, 151, 149, var(--bg-opacity));
   }
 
   .md\:hover\:bg-teal-700:hover {
+    --bg-opacity: 1;
     background-color: #2c7a7b;
+    background-color: rgba(44, 122, 123, var(--bg-opacity));
   }
 
   .md\:hover\:bg-teal-800:hover {
+    --bg-opacity: 1;
     background-color: #285e61;
+    background-color: rgba(40, 94, 97, var(--bg-opacity));
   }
 
   .md\:hover\:bg-teal-900:hover {
+    --bg-opacity: 1;
     background-color: #234e52;
+    background-color: rgba(35, 78, 82, var(--bg-opacity));
   }
 
   .md\:hover\:bg-blue-100:hover {
+    --bg-opacity: 1;
     background-color: #ebf8ff;
+    background-color: rgba(235, 248, 255, var(--bg-opacity));
   }
 
   .md\:hover\:bg-blue-200:hover {
+    --bg-opacity: 1;
     background-color: #bee3f8;
+    background-color: rgba(190, 227, 248, var(--bg-opacity));
   }
 
   .md\:hover\:bg-blue-300:hover {
+    --bg-opacity: 1;
     background-color: #90cdf4;
+    background-color: rgba(144, 205, 244, var(--bg-opacity));
   }
 
   .md\:hover\:bg-blue-400:hover {
+    --bg-opacity: 1;
     background-color: #63b3ed;
+    background-color: rgba(99, 179, 237, var(--bg-opacity));
   }
 
   .md\:hover\:bg-blue-500:hover {
+    --bg-opacity: 1;
     background-color: #4299e1;
+    background-color: rgba(66, 153, 225, var(--bg-opacity));
   }
 
   .md\:hover\:bg-blue-600:hover {
+    --bg-opacity: 1;
     background-color: #3182ce;
+    background-color: rgba(49, 130, 206, var(--bg-opacity));
   }
 
   .md\:hover\:bg-blue-700:hover {
+    --bg-opacity: 1;
     background-color: #2b6cb0;
+    background-color: rgba(43, 108, 176, var(--bg-opacity));
   }
 
   .md\:hover\:bg-blue-800:hover {
+    --bg-opacity: 1;
     background-color: #2c5282;
+    background-color: rgba(44, 82, 130, var(--bg-opacity));
   }
 
   .md\:hover\:bg-blue-900:hover {
+    --bg-opacity: 1;
     background-color: #2a4365;
+    background-color: rgba(42, 67, 101, var(--bg-opacity));
   }
 
   .md\:hover\:bg-indigo-100:hover {
+    --bg-opacity: 1;
     background-color: #ebf4ff;
+    background-color: rgba(235, 244, 255, var(--bg-opacity));
   }
 
   .md\:hover\:bg-indigo-200:hover {
+    --bg-opacity: 1;
     background-color: #c3dafe;
+    background-color: rgba(195, 218, 254, var(--bg-opacity));
   }
 
   .md\:hover\:bg-indigo-300:hover {
+    --bg-opacity: 1;
     background-color: #a3bffa;
+    background-color: rgba(163, 191, 250, var(--bg-opacity));
   }
 
   .md\:hover\:bg-indigo-400:hover {
+    --bg-opacity: 1;
     background-color: #7f9cf5;
+    background-color: rgba(127, 156, 245, var(--bg-opacity));
   }
 
   .md\:hover\:bg-indigo-500:hover {
+    --bg-opacity: 1;
     background-color: #667eea;
+    background-color: rgba(102, 126, 234, var(--bg-opacity));
   }
 
   .md\:hover\:bg-indigo-600:hover {
+    --bg-opacity: 1;
     background-color: #5a67d8;
+    background-color: rgba(90, 103, 216, var(--bg-opacity));
   }
 
   .md\:hover\:bg-indigo-700:hover {
+    --bg-opacity: 1;
     background-color: #4c51bf;
+    background-color: rgba(76, 81, 191, var(--bg-opacity));
   }
 
   .md\:hover\:bg-indigo-800:hover {
+    --bg-opacity: 1;
     background-color: #434190;
+    background-color: rgba(67, 65, 144, var(--bg-opacity));
   }
 
   .md\:hover\:bg-indigo-900:hover {
+    --bg-opacity: 1;
     background-color: #3c366b;
+    background-color: rgba(60, 54, 107, var(--bg-opacity));
   }
 
   .md\:hover\:bg-purple-100:hover {
+    --bg-opacity: 1;
     background-color: #faf5ff;
+    background-color: rgba(250, 245, 255, var(--bg-opacity));
   }
 
   .md\:hover\:bg-purple-200:hover {
+    --bg-opacity: 1;
     background-color: #e9d8fd;
+    background-color: rgba(233, 216, 253, var(--bg-opacity));
   }
 
   .md\:hover\:bg-purple-300:hover {
+    --bg-opacity: 1;
     background-color: #d6bcfa;
+    background-color: rgba(214, 188, 250, var(--bg-opacity));
   }
 
   .md\:hover\:bg-purple-400:hover {
+    --bg-opacity: 1;
     background-color: #b794f4;
+    background-color: rgba(183, 148, 244, var(--bg-opacity));
   }
 
   .md\:hover\:bg-purple-500:hover {
+    --bg-opacity: 1;
     background-color: #9f7aea;
+    background-color: rgba(159, 122, 234, var(--bg-opacity));
   }
 
   .md\:hover\:bg-purple-600:hover {
+    --bg-opacity: 1;
     background-color: #805ad5;
+    background-color: rgba(128, 90, 213, var(--bg-opacity));
   }
 
   .md\:hover\:bg-purple-700:hover {
+    --bg-opacity: 1;
     background-color: #6b46c1;
+    background-color: rgba(107, 70, 193, var(--bg-opacity));
   }
 
   .md\:hover\:bg-purple-800:hover {
+    --bg-opacity: 1;
     background-color: #553c9a;
+    background-color: rgba(85, 60, 154, var(--bg-opacity));
   }
 
   .md\:hover\:bg-purple-900:hover {
+    --bg-opacity: 1;
     background-color: #44337a;
+    background-color: rgba(68, 51, 122, var(--bg-opacity));
   }
 
   .md\:hover\:bg-pink-100:hover {
+    --bg-opacity: 1;
     background-color: #fff5f7;
+    background-color: rgba(255, 245, 247, var(--bg-opacity));
   }
 
   .md\:hover\:bg-pink-200:hover {
+    --bg-opacity: 1;
     background-color: #fed7e2;
+    background-color: rgba(254, 215, 226, var(--bg-opacity));
   }
 
   .md\:hover\:bg-pink-300:hover {
+    --bg-opacity: 1;
     background-color: #fbb6ce;
+    background-color: rgba(251, 182, 206, var(--bg-opacity));
   }
 
   .md\:hover\:bg-pink-400:hover {
+    --bg-opacity: 1;
     background-color: #f687b3;
+    background-color: rgba(246, 135, 179, var(--bg-opacity));
   }
 
   .md\:hover\:bg-pink-500:hover {
+    --bg-opacity: 1;
     background-color: #ed64a6;
+    background-color: rgba(237, 100, 166, var(--bg-opacity));
   }
 
   .md\:hover\:bg-pink-600:hover {
+    --bg-opacity: 1;
     background-color: #d53f8c;
+    background-color: rgba(213, 63, 140, var(--bg-opacity));
   }
 
   .md\:hover\:bg-pink-700:hover {
+    --bg-opacity: 1;
     background-color: #b83280;
+    background-color: rgba(184, 50, 128, var(--bg-opacity));
   }
 
   .md\:hover\:bg-pink-800:hover {
+    --bg-opacity: 1;
     background-color: #97266d;
+    background-color: rgba(151, 38, 109, var(--bg-opacity));
   }
 
   .md\:hover\:bg-pink-900:hover {
+    --bg-opacity: 1;
     background-color: #702459;
+    background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
   .md\:focus\:bg-transparent:focus {
@@ -24904,371 +30372,615 @@ video {
   }
 
   .md\:focus\:bg-black:focus {
+    --bg-opacity: 1;
     background-color: #000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
   }
 
   .md\:focus\:bg-white:focus {
+    --bg-opacity: 1;
     background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
   }
 
   .md\:focus\:bg-gray-100:focus {
+    --bg-opacity: 1;
     background-color: #f7fafc;
+    background-color: rgba(247, 250, 252, var(--bg-opacity));
   }
 
   .md\:focus\:bg-gray-200:focus {
+    --bg-opacity: 1;
     background-color: #edf2f7;
+    background-color: rgba(237, 242, 247, var(--bg-opacity));
   }
 
   .md\:focus\:bg-gray-300:focus {
+    --bg-opacity: 1;
     background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
   }
 
   .md\:focus\:bg-gray-400:focus {
+    --bg-opacity: 1;
     background-color: #cbd5e0;
+    background-color: rgba(203, 213, 224, var(--bg-opacity));
   }
 
   .md\:focus\:bg-gray-500:focus {
+    --bg-opacity: 1;
     background-color: #a0aec0;
+    background-color: rgba(160, 174, 192, var(--bg-opacity));
   }
 
   .md\:focus\:bg-gray-600:focus {
+    --bg-opacity: 1;
     background-color: #718096;
+    background-color: rgba(113, 128, 150, var(--bg-opacity));
   }
 
   .md\:focus\:bg-gray-700:focus {
+    --bg-opacity: 1;
     background-color: #4a5568;
+    background-color: rgba(74, 85, 104, var(--bg-opacity));
   }
 
   .md\:focus\:bg-gray-800:focus {
+    --bg-opacity: 1;
     background-color: #2d3748;
+    background-color: rgba(45, 55, 72, var(--bg-opacity));
   }
 
   .md\:focus\:bg-gray-900:focus {
+    --bg-opacity: 1;
     background-color: #1a202c;
+    background-color: rgba(26, 32, 44, var(--bg-opacity));
   }
 
   .md\:focus\:bg-red-100:focus {
+    --bg-opacity: 1;
     background-color: #fff5f5;
+    background-color: rgba(255, 245, 245, var(--bg-opacity));
   }
 
   .md\:focus\:bg-red-200:focus {
+    --bg-opacity: 1;
     background-color: #fed7d7;
+    background-color: rgba(254, 215, 215, var(--bg-opacity));
   }
 
   .md\:focus\:bg-red-300:focus {
+    --bg-opacity: 1;
     background-color: #feb2b2;
+    background-color: rgba(254, 178, 178, var(--bg-opacity));
   }
 
   .md\:focus\:bg-red-400:focus {
+    --bg-opacity: 1;
     background-color: #fc8181;
+    background-color: rgba(252, 129, 129, var(--bg-opacity));
   }
 
   .md\:focus\:bg-red-500:focus {
+    --bg-opacity: 1;
     background-color: #f56565;
+    background-color: rgba(245, 101, 101, var(--bg-opacity));
   }
 
   .md\:focus\:bg-red-600:focus {
+    --bg-opacity: 1;
     background-color: #e53e3e;
+    background-color: rgba(229, 62, 62, var(--bg-opacity));
   }
 
   .md\:focus\:bg-red-700:focus {
+    --bg-opacity: 1;
     background-color: #c53030;
+    background-color: rgba(197, 48, 48, var(--bg-opacity));
   }
 
   .md\:focus\:bg-red-800:focus {
+    --bg-opacity: 1;
     background-color: #9b2c2c;
+    background-color: rgba(155, 44, 44, var(--bg-opacity));
   }
 
   .md\:focus\:bg-red-900:focus {
+    --bg-opacity: 1;
     background-color: #742a2a;
+    background-color: rgba(116, 42, 42, var(--bg-opacity));
   }
 
   .md\:focus\:bg-orange-100:focus {
+    --bg-opacity: 1;
     background-color: #fffaf0;
+    background-color: rgba(255, 250, 240, var(--bg-opacity));
   }
 
   .md\:focus\:bg-orange-200:focus {
+    --bg-opacity: 1;
     background-color: #feebc8;
+    background-color: rgba(254, 235, 200, var(--bg-opacity));
   }
 
   .md\:focus\:bg-orange-300:focus {
+    --bg-opacity: 1;
     background-color: #fbd38d;
+    background-color: rgba(251, 211, 141, var(--bg-opacity));
   }
 
   .md\:focus\:bg-orange-400:focus {
+    --bg-opacity: 1;
     background-color: #f6ad55;
+    background-color: rgba(246, 173, 85, var(--bg-opacity));
   }
 
   .md\:focus\:bg-orange-500:focus {
+    --bg-opacity: 1;
     background-color: #ed8936;
+    background-color: rgba(237, 137, 54, var(--bg-opacity));
   }
 
   .md\:focus\:bg-orange-600:focus {
+    --bg-opacity: 1;
     background-color: #dd6b20;
+    background-color: rgba(221, 107, 32, var(--bg-opacity));
   }
 
   .md\:focus\:bg-orange-700:focus {
+    --bg-opacity: 1;
     background-color: #c05621;
+    background-color: rgba(192, 86, 33, var(--bg-opacity));
   }
 
   .md\:focus\:bg-orange-800:focus {
+    --bg-opacity: 1;
     background-color: #9c4221;
+    background-color: rgba(156, 66, 33, var(--bg-opacity));
   }
 
   .md\:focus\:bg-orange-900:focus {
+    --bg-opacity: 1;
     background-color: #7b341e;
+    background-color: rgba(123, 52, 30, var(--bg-opacity));
   }
 
   .md\:focus\:bg-yellow-100:focus {
+    --bg-opacity: 1;
     background-color: #fffff0;
+    background-color: rgba(255, 255, 240, var(--bg-opacity));
   }
 
   .md\:focus\:bg-yellow-200:focus {
+    --bg-opacity: 1;
     background-color: #fefcbf;
+    background-color: rgba(254, 252, 191, var(--bg-opacity));
   }
 
   .md\:focus\:bg-yellow-300:focus {
+    --bg-opacity: 1;
     background-color: #faf089;
+    background-color: rgba(250, 240, 137, var(--bg-opacity));
   }
 
   .md\:focus\:bg-yellow-400:focus {
+    --bg-opacity: 1;
     background-color: #f6e05e;
+    background-color: rgba(246, 224, 94, var(--bg-opacity));
   }
 
   .md\:focus\:bg-yellow-500:focus {
+    --bg-opacity: 1;
     background-color: #ecc94b;
+    background-color: rgba(236, 201, 75, var(--bg-opacity));
   }
 
   .md\:focus\:bg-yellow-600:focus {
+    --bg-opacity: 1;
     background-color: #d69e2e;
+    background-color: rgba(214, 158, 46, var(--bg-opacity));
   }
 
   .md\:focus\:bg-yellow-700:focus {
+    --bg-opacity: 1;
     background-color: #b7791f;
+    background-color: rgba(183, 121, 31, var(--bg-opacity));
   }
 
   .md\:focus\:bg-yellow-800:focus {
+    --bg-opacity: 1;
     background-color: #975a16;
+    background-color: rgba(151, 90, 22, var(--bg-opacity));
   }
 
   .md\:focus\:bg-yellow-900:focus {
+    --bg-opacity: 1;
     background-color: #744210;
+    background-color: rgba(116, 66, 16, var(--bg-opacity));
   }
 
   .md\:focus\:bg-green-100:focus {
+    --bg-opacity: 1;
     background-color: #f0fff4;
+    background-color: rgba(240, 255, 244, var(--bg-opacity));
   }
 
   .md\:focus\:bg-green-200:focus {
+    --bg-opacity: 1;
     background-color: #c6f6d5;
+    background-color: rgba(198, 246, 213, var(--bg-opacity));
   }
 
   .md\:focus\:bg-green-300:focus {
+    --bg-opacity: 1;
     background-color: #9ae6b4;
+    background-color: rgba(154, 230, 180, var(--bg-opacity));
   }
 
   .md\:focus\:bg-green-400:focus {
+    --bg-opacity: 1;
     background-color: #68d391;
+    background-color: rgba(104, 211, 145, var(--bg-opacity));
   }
 
   .md\:focus\:bg-green-500:focus {
+    --bg-opacity: 1;
     background-color: #48bb78;
+    background-color: rgba(72, 187, 120, var(--bg-opacity));
   }
 
   .md\:focus\:bg-green-600:focus {
+    --bg-opacity: 1;
     background-color: #38a169;
+    background-color: rgba(56, 161, 105, var(--bg-opacity));
   }
 
   .md\:focus\:bg-green-700:focus {
+    --bg-opacity: 1;
     background-color: #2f855a;
+    background-color: rgba(47, 133, 90, var(--bg-opacity));
   }
 
   .md\:focus\:bg-green-800:focus {
+    --bg-opacity: 1;
     background-color: #276749;
+    background-color: rgba(39, 103, 73, var(--bg-opacity));
   }
 
   .md\:focus\:bg-green-900:focus {
+    --bg-opacity: 1;
     background-color: #22543d;
+    background-color: rgba(34, 84, 61, var(--bg-opacity));
   }
 
   .md\:focus\:bg-teal-100:focus {
+    --bg-opacity: 1;
     background-color: #e6fffa;
+    background-color: rgba(230, 255, 250, var(--bg-opacity));
   }
 
   .md\:focus\:bg-teal-200:focus {
+    --bg-opacity: 1;
     background-color: #b2f5ea;
+    background-color: rgba(178, 245, 234, var(--bg-opacity));
   }
 
   .md\:focus\:bg-teal-300:focus {
+    --bg-opacity: 1;
     background-color: #81e6d9;
+    background-color: rgba(129, 230, 217, var(--bg-opacity));
   }
 
   .md\:focus\:bg-teal-400:focus {
+    --bg-opacity: 1;
     background-color: #4fd1c5;
+    background-color: rgba(79, 209, 197, var(--bg-opacity));
   }
 
   .md\:focus\:bg-teal-500:focus {
+    --bg-opacity: 1;
     background-color: #38b2ac;
+    background-color: rgba(56, 178, 172, var(--bg-opacity));
   }
 
   .md\:focus\:bg-teal-600:focus {
+    --bg-opacity: 1;
     background-color: #319795;
+    background-color: rgba(49, 151, 149, var(--bg-opacity));
   }
 
   .md\:focus\:bg-teal-700:focus {
+    --bg-opacity: 1;
     background-color: #2c7a7b;
+    background-color: rgba(44, 122, 123, var(--bg-opacity));
   }
 
   .md\:focus\:bg-teal-800:focus {
+    --bg-opacity: 1;
     background-color: #285e61;
+    background-color: rgba(40, 94, 97, var(--bg-opacity));
   }
 
   .md\:focus\:bg-teal-900:focus {
+    --bg-opacity: 1;
     background-color: #234e52;
+    background-color: rgba(35, 78, 82, var(--bg-opacity));
   }
 
   .md\:focus\:bg-blue-100:focus {
+    --bg-opacity: 1;
     background-color: #ebf8ff;
+    background-color: rgba(235, 248, 255, var(--bg-opacity));
   }
 
   .md\:focus\:bg-blue-200:focus {
+    --bg-opacity: 1;
     background-color: #bee3f8;
+    background-color: rgba(190, 227, 248, var(--bg-opacity));
   }
 
   .md\:focus\:bg-blue-300:focus {
+    --bg-opacity: 1;
     background-color: #90cdf4;
+    background-color: rgba(144, 205, 244, var(--bg-opacity));
   }
 
   .md\:focus\:bg-blue-400:focus {
+    --bg-opacity: 1;
     background-color: #63b3ed;
+    background-color: rgba(99, 179, 237, var(--bg-opacity));
   }
 
   .md\:focus\:bg-blue-500:focus {
+    --bg-opacity: 1;
     background-color: #4299e1;
+    background-color: rgba(66, 153, 225, var(--bg-opacity));
   }
 
   .md\:focus\:bg-blue-600:focus {
+    --bg-opacity: 1;
     background-color: #3182ce;
+    background-color: rgba(49, 130, 206, var(--bg-opacity));
   }
 
   .md\:focus\:bg-blue-700:focus {
+    --bg-opacity: 1;
     background-color: #2b6cb0;
+    background-color: rgba(43, 108, 176, var(--bg-opacity));
   }
 
   .md\:focus\:bg-blue-800:focus {
+    --bg-opacity: 1;
     background-color: #2c5282;
+    background-color: rgba(44, 82, 130, var(--bg-opacity));
   }
 
   .md\:focus\:bg-blue-900:focus {
+    --bg-opacity: 1;
     background-color: #2a4365;
+    background-color: rgba(42, 67, 101, var(--bg-opacity));
   }
 
   .md\:focus\:bg-indigo-100:focus {
+    --bg-opacity: 1;
     background-color: #ebf4ff;
+    background-color: rgba(235, 244, 255, var(--bg-opacity));
   }
 
   .md\:focus\:bg-indigo-200:focus {
+    --bg-opacity: 1;
     background-color: #c3dafe;
+    background-color: rgba(195, 218, 254, var(--bg-opacity));
   }
 
   .md\:focus\:bg-indigo-300:focus {
+    --bg-opacity: 1;
     background-color: #a3bffa;
+    background-color: rgba(163, 191, 250, var(--bg-opacity));
   }
 
   .md\:focus\:bg-indigo-400:focus {
+    --bg-opacity: 1;
     background-color: #7f9cf5;
+    background-color: rgba(127, 156, 245, var(--bg-opacity));
   }
 
   .md\:focus\:bg-indigo-500:focus {
+    --bg-opacity: 1;
     background-color: #667eea;
+    background-color: rgba(102, 126, 234, var(--bg-opacity));
   }
 
   .md\:focus\:bg-indigo-600:focus {
+    --bg-opacity: 1;
     background-color: #5a67d8;
+    background-color: rgba(90, 103, 216, var(--bg-opacity));
   }
 
   .md\:focus\:bg-indigo-700:focus {
+    --bg-opacity: 1;
     background-color: #4c51bf;
+    background-color: rgba(76, 81, 191, var(--bg-opacity));
   }
 
   .md\:focus\:bg-indigo-800:focus {
+    --bg-opacity: 1;
     background-color: #434190;
+    background-color: rgba(67, 65, 144, var(--bg-opacity));
   }
 
   .md\:focus\:bg-indigo-900:focus {
+    --bg-opacity: 1;
     background-color: #3c366b;
+    background-color: rgba(60, 54, 107, var(--bg-opacity));
   }
 
   .md\:focus\:bg-purple-100:focus {
+    --bg-opacity: 1;
     background-color: #faf5ff;
+    background-color: rgba(250, 245, 255, var(--bg-opacity));
   }
 
   .md\:focus\:bg-purple-200:focus {
+    --bg-opacity: 1;
     background-color: #e9d8fd;
+    background-color: rgba(233, 216, 253, var(--bg-opacity));
   }
 
   .md\:focus\:bg-purple-300:focus {
+    --bg-opacity: 1;
     background-color: #d6bcfa;
+    background-color: rgba(214, 188, 250, var(--bg-opacity));
   }
 
   .md\:focus\:bg-purple-400:focus {
+    --bg-opacity: 1;
     background-color: #b794f4;
+    background-color: rgba(183, 148, 244, var(--bg-opacity));
   }
 
   .md\:focus\:bg-purple-500:focus {
+    --bg-opacity: 1;
     background-color: #9f7aea;
+    background-color: rgba(159, 122, 234, var(--bg-opacity));
   }
 
   .md\:focus\:bg-purple-600:focus {
+    --bg-opacity: 1;
     background-color: #805ad5;
+    background-color: rgba(128, 90, 213, var(--bg-opacity));
   }
 
   .md\:focus\:bg-purple-700:focus {
+    --bg-opacity: 1;
     background-color: #6b46c1;
+    background-color: rgba(107, 70, 193, var(--bg-opacity));
   }
 
   .md\:focus\:bg-purple-800:focus {
+    --bg-opacity: 1;
     background-color: #553c9a;
+    background-color: rgba(85, 60, 154, var(--bg-opacity));
   }
 
   .md\:focus\:bg-purple-900:focus {
+    --bg-opacity: 1;
     background-color: #44337a;
+    background-color: rgba(68, 51, 122, var(--bg-opacity));
   }
 
   .md\:focus\:bg-pink-100:focus {
+    --bg-opacity: 1;
     background-color: #fff5f7;
+    background-color: rgba(255, 245, 247, var(--bg-opacity));
   }
 
   .md\:focus\:bg-pink-200:focus {
+    --bg-opacity: 1;
     background-color: #fed7e2;
+    background-color: rgba(254, 215, 226, var(--bg-opacity));
   }
 
   .md\:focus\:bg-pink-300:focus {
+    --bg-opacity: 1;
     background-color: #fbb6ce;
+    background-color: rgba(251, 182, 206, var(--bg-opacity));
   }
 
   .md\:focus\:bg-pink-400:focus {
+    --bg-opacity: 1;
     background-color: #f687b3;
+    background-color: rgba(246, 135, 179, var(--bg-opacity));
   }
 
   .md\:focus\:bg-pink-500:focus {
+    --bg-opacity: 1;
     background-color: #ed64a6;
+    background-color: rgba(237, 100, 166, var(--bg-opacity));
   }
 
   .md\:focus\:bg-pink-600:focus {
+    --bg-opacity: 1;
     background-color: #d53f8c;
+    background-color: rgba(213, 63, 140, var(--bg-opacity));
   }
 
   .md\:focus\:bg-pink-700:focus {
+    --bg-opacity: 1;
     background-color: #b83280;
+    background-color: rgba(184, 50, 128, var(--bg-opacity));
   }
 
   .md\:focus\:bg-pink-800:focus {
+    --bg-opacity: 1;
     background-color: #97266d;
+    background-color: rgba(151, 38, 109, var(--bg-opacity));
   }
 
   .md\:focus\:bg-pink-900:focus {
+    --bg-opacity: 1;
     background-color: #702459;
+    background-color: rgba(112, 36, 89, var(--bg-opacity));
+  }
+
+  .md\:bg-opacity-0 {
+    --bg-opacity: 0;
+  }
+
+  .md\:bg-opacity-25 {
+    --bg-opacity: 0.25;
+  }
+
+  .md\:bg-opacity-50 {
+    --bg-opacity: 0.5;
+  }
+
+  .md\:bg-opacity-75 {
+    --bg-opacity: 0.75;
+  }
+
+  .md\:bg-opacity-100 {
+    --bg-opacity: 1;
+  }
+
+  .md\:hover\:bg-opacity-0:hover {
+    --bg-opacity: 0;
+  }
+
+  .md\:hover\:bg-opacity-25:hover {
+    --bg-opacity: 0.25;
+  }
+
+  .md\:hover\:bg-opacity-50:hover {
+    --bg-opacity: 0.5;
+  }
+
+  .md\:hover\:bg-opacity-75:hover {
+    --bg-opacity: 0.75;
+  }
+
+  .md\:hover\:bg-opacity-100:hover {
+    --bg-opacity: 1;
+  }
+
+  .md\:focus\:bg-opacity-0:focus {
+    --bg-opacity: 0;
+  }
+
+  .md\:focus\:bg-opacity-25:focus {
+    --bg-opacity: 0.25;
+  }
+
+  .md\:focus\:bg-opacity-50:focus {
+    --bg-opacity: 0.5;
+  }
+
+  .md\:focus\:bg-opacity-75:focus {
+    --bg-opacity: 0.75;
+  }
+
+  .md\:focus\:bg-opacity-100:focus {
+    --bg-opacity: 1;
   }
 
   .md\:bg-bottom {
@@ -25360,371 +31072,555 @@ video {
   }
 
   .md\:border-black {
+    --border-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
   }
 
   .md\:border-white {
+    --border-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
   }
 
   .md\:border-gray-100 {
+    --border-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--border-opacity));
   }
 
   .md\:border-gray-200 {
+    --border-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--border-opacity));
   }
 
   .md\:border-gray-300 {
+    --border-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
   }
 
   .md\:border-gray-400 {
+    --border-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--border-opacity));
   }
 
   .md\:border-gray-500 {
+    --border-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--border-opacity));
   }
 
   .md\:border-gray-600 {
+    --border-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--border-opacity));
   }
 
   .md\:border-gray-700 {
+    --border-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--border-opacity));
   }
 
   .md\:border-gray-800 {
+    --border-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--border-opacity));
   }
 
   .md\:border-gray-900 {
+    --border-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--border-opacity));
   }
 
   .md\:border-red-100 {
+    --border-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--border-opacity));
   }
 
   .md\:border-red-200 {
+    --border-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--border-opacity));
   }
 
   .md\:border-red-300 {
+    --border-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--border-opacity));
   }
 
   .md\:border-red-400 {
+    --border-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--border-opacity));
   }
 
   .md\:border-red-500 {
+    --border-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--border-opacity));
   }
 
   .md\:border-red-600 {
+    --border-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--border-opacity));
   }
 
   .md\:border-red-700 {
+    --border-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--border-opacity));
   }
 
   .md\:border-red-800 {
+    --border-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--border-opacity));
   }
 
   .md\:border-red-900 {
+    --border-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--border-opacity));
   }
 
   .md\:border-orange-100 {
+    --border-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--border-opacity));
   }
 
   .md\:border-orange-200 {
+    --border-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--border-opacity));
   }
 
   .md\:border-orange-300 {
+    --border-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--border-opacity));
   }
 
   .md\:border-orange-400 {
+    --border-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--border-opacity));
   }
 
   .md\:border-orange-500 {
+    --border-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--border-opacity));
   }
 
   .md\:border-orange-600 {
+    --border-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--border-opacity));
   }
 
   .md\:border-orange-700 {
+    --border-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--border-opacity));
   }
 
   .md\:border-orange-800 {
+    --border-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--border-opacity));
   }
 
   .md\:border-orange-900 {
+    --border-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--border-opacity));
   }
 
   .md\:border-yellow-100 {
+    --border-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--border-opacity));
   }
 
   .md\:border-yellow-200 {
+    --border-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--border-opacity));
   }
 
   .md\:border-yellow-300 {
+    --border-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--border-opacity));
   }
 
   .md\:border-yellow-400 {
+    --border-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--border-opacity));
   }
 
   .md\:border-yellow-500 {
+    --border-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--border-opacity));
   }
 
   .md\:border-yellow-600 {
+    --border-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--border-opacity));
   }
 
   .md\:border-yellow-700 {
+    --border-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--border-opacity));
   }
 
   .md\:border-yellow-800 {
+    --border-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--border-opacity));
   }
 
   .md\:border-yellow-900 {
+    --border-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--border-opacity));
   }
 
   .md\:border-green-100 {
+    --border-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--border-opacity));
   }
 
   .md\:border-green-200 {
+    --border-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--border-opacity));
   }
 
   .md\:border-green-300 {
+    --border-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--border-opacity));
   }
 
   .md\:border-green-400 {
+    --border-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--border-opacity));
   }
 
   .md\:border-green-500 {
+    --border-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--border-opacity));
   }
 
   .md\:border-green-600 {
+    --border-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--border-opacity));
   }
 
   .md\:border-green-700 {
+    --border-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--border-opacity));
   }
 
   .md\:border-green-800 {
+    --border-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--border-opacity));
   }
 
   .md\:border-green-900 {
+    --border-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--border-opacity));
   }
 
   .md\:border-teal-100 {
+    --border-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--border-opacity));
   }
 
   .md\:border-teal-200 {
+    --border-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--border-opacity));
   }
 
   .md\:border-teal-300 {
+    --border-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--border-opacity));
   }
 
   .md\:border-teal-400 {
+    --border-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--border-opacity));
   }
 
   .md\:border-teal-500 {
+    --border-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--border-opacity));
   }
 
   .md\:border-teal-600 {
+    --border-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--border-opacity));
   }
 
   .md\:border-teal-700 {
+    --border-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--border-opacity));
   }
 
   .md\:border-teal-800 {
+    --border-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--border-opacity));
   }
 
   .md\:border-teal-900 {
+    --border-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--border-opacity));
   }
 
   .md\:border-blue-100 {
+    --border-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--border-opacity));
   }
 
   .md\:border-blue-200 {
+    --border-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--border-opacity));
   }
 
   .md\:border-blue-300 {
+    --border-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--border-opacity));
   }
 
   .md\:border-blue-400 {
+    --border-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--border-opacity));
   }
 
   .md\:border-blue-500 {
+    --border-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--border-opacity));
   }
 
   .md\:border-blue-600 {
+    --border-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--border-opacity));
   }
 
   .md\:border-blue-700 {
+    --border-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--border-opacity));
   }
 
   .md\:border-blue-800 {
+    --border-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--border-opacity));
   }
 
   .md\:border-blue-900 {
+    --border-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--border-opacity));
   }
 
   .md\:border-indigo-100 {
+    --border-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--border-opacity));
   }
 
   .md\:border-indigo-200 {
+    --border-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--border-opacity));
   }
 
   .md\:border-indigo-300 {
+    --border-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--border-opacity));
   }
 
   .md\:border-indigo-400 {
+    --border-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--border-opacity));
   }
 
   .md\:border-indigo-500 {
+    --border-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--border-opacity));
   }
 
   .md\:border-indigo-600 {
+    --border-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--border-opacity));
   }
 
   .md\:border-indigo-700 {
+    --border-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--border-opacity));
   }
 
   .md\:border-indigo-800 {
+    --border-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--border-opacity));
   }
 
   .md\:border-indigo-900 {
+    --border-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--border-opacity));
   }
 
   .md\:border-purple-100 {
+    --border-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--border-opacity));
   }
 
   .md\:border-purple-200 {
+    --border-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--border-opacity));
   }
 
   .md\:border-purple-300 {
+    --border-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--border-opacity));
   }
 
   .md\:border-purple-400 {
+    --border-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--border-opacity));
   }
 
   .md\:border-purple-500 {
+    --border-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--border-opacity));
   }
 
   .md\:border-purple-600 {
+    --border-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--border-opacity));
   }
 
   .md\:border-purple-700 {
+    --border-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--border-opacity));
   }
 
   .md\:border-purple-800 {
+    --border-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--border-opacity));
   }
 
   .md\:border-purple-900 {
+    --border-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--border-opacity));
   }
 
   .md\:border-pink-100 {
+    --border-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--border-opacity));
   }
 
   .md\:border-pink-200 {
+    --border-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--border-opacity));
   }
 
   .md\:border-pink-300 {
+    --border-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--border-opacity));
   }
 
   .md\:border-pink-400 {
+    --border-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--border-opacity));
   }
 
   .md\:border-pink-500 {
+    --border-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--border-opacity));
   }
 
   .md\:border-pink-600 {
+    --border-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--border-opacity));
   }
 
   .md\:border-pink-700 {
+    --border-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--border-opacity));
   }
 
   .md\:border-pink-800 {
+    --border-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--border-opacity));
   }
 
   .md\:border-pink-900 {
+    --border-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--border-opacity));
   }
 
   .md\:hover\:border-transparent:hover {
@@ -25736,371 +31632,555 @@ video {
   }
 
   .md\:hover\:border-black:hover {
+    --border-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
   }
 
   .md\:hover\:border-white:hover {
+    --border-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
   }
 
   .md\:hover\:border-gray-100:hover {
+    --border-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--border-opacity));
   }
 
   .md\:hover\:border-gray-200:hover {
+    --border-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--border-opacity));
   }
 
   .md\:hover\:border-gray-300:hover {
+    --border-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
   }
 
   .md\:hover\:border-gray-400:hover {
+    --border-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--border-opacity));
   }
 
   .md\:hover\:border-gray-500:hover {
+    --border-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--border-opacity));
   }
 
   .md\:hover\:border-gray-600:hover {
+    --border-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--border-opacity));
   }
 
   .md\:hover\:border-gray-700:hover {
+    --border-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--border-opacity));
   }
 
   .md\:hover\:border-gray-800:hover {
+    --border-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--border-opacity));
   }
 
   .md\:hover\:border-gray-900:hover {
+    --border-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--border-opacity));
   }
 
   .md\:hover\:border-red-100:hover {
+    --border-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--border-opacity));
   }
 
   .md\:hover\:border-red-200:hover {
+    --border-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--border-opacity));
   }
 
   .md\:hover\:border-red-300:hover {
+    --border-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--border-opacity));
   }
 
   .md\:hover\:border-red-400:hover {
+    --border-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--border-opacity));
   }
 
   .md\:hover\:border-red-500:hover {
+    --border-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--border-opacity));
   }
 
   .md\:hover\:border-red-600:hover {
+    --border-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--border-opacity));
   }
 
   .md\:hover\:border-red-700:hover {
+    --border-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--border-opacity));
   }
 
   .md\:hover\:border-red-800:hover {
+    --border-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--border-opacity));
   }
 
   .md\:hover\:border-red-900:hover {
+    --border-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--border-opacity));
   }
 
   .md\:hover\:border-orange-100:hover {
+    --border-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--border-opacity));
   }
 
   .md\:hover\:border-orange-200:hover {
+    --border-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--border-opacity));
   }
 
   .md\:hover\:border-orange-300:hover {
+    --border-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--border-opacity));
   }
 
   .md\:hover\:border-orange-400:hover {
+    --border-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--border-opacity));
   }
 
   .md\:hover\:border-orange-500:hover {
+    --border-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--border-opacity));
   }
 
   .md\:hover\:border-orange-600:hover {
+    --border-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--border-opacity));
   }
 
   .md\:hover\:border-orange-700:hover {
+    --border-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--border-opacity));
   }
 
   .md\:hover\:border-orange-800:hover {
+    --border-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--border-opacity));
   }
 
   .md\:hover\:border-orange-900:hover {
+    --border-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--border-opacity));
   }
 
   .md\:hover\:border-yellow-100:hover {
+    --border-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--border-opacity));
   }
 
   .md\:hover\:border-yellow-200:hover {
+    --border-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--border-opacity));
   }
 
   .md\:hover\:border-yellow-300:hover {
+    --border-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--border-opacity));
   }
 
   .md\:hover\:border-yellow-400:hover {
+    --border-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--border-opacity));
   }
 
   .md\:hover\:border-yellow-500:hover {
+    --border-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--border-opacity));
   }
 
   .md\:hover\:border-yellow-600:hover {
+    --border-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--border-opacity));
   }
 
   .md\:hover\:border-yellow-700:hover {
+    --border-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--border-opacity));
   }
 
   .md\:hover\:border-yellow-800:hover {
+    --border-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--border-opacity));
   }
 
   .md\:hover\:border-yellow-900:hover {
+    --border-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--border-opacity));
   }
 
   .md\:hover\:border-green-100:hover {
+    --border-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--border-opacity));
   }
 
   .md\:hover\:border-green-200:hover {
+    --border-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--border-opacity));
   }
 
   .md\:hover\:border-green-300:hover {
+    --border-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--border-opacity));
   }
 
   .md\:hover\:border-green-400:hover {
+    --border-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--border-opacity));
   }
 
   .md\:hover\:border-green-500:hover {
+    --border-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--border-opacity));
   }
 
   .md\:hover\:border-green-600:hover {
+    --border-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--border-opacity));
   }
 
   .md\:hover\:border-green-700:hover {
+    --border-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--border-opacity));
   }
 
   .md\:hover\:border-green-800:hover {
+    --border-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--border-opacity));
   }
 
   .md\:hover\:border-green-900:hover {
+    --border-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--border-opacity));
   }
 
   .md\:hover\:border-teal-100:hover {
+    --border-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--border-opacity));
   }
 
   .md\:hover\:border-teal-200:hover {
+    --border-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--border-opacity));
   }
 
   .md\:hover\:border-teal-300:hover {
+    --border-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--border-opacity));
   }
 
   .md\:hover\:border-teal-400:hover {
+    --border-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--border-opacity));
   }
 
   .md\:hover\:border-teal-500:hover {
+    --border-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--border-opacity));
   }
 
   .md\:hover\:border-teal-600:hover {
+    --border-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--border-opacity));
   }
 
   .md\:hover\:border-teal-700:hover {
+    --border-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--border-opacity));
   }
 
   .md\:hover\:border-teal-800:hover {
+    --border-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--border-opacity));
   }
 
   .md\:hover\:border-teal-900:hover {
+    --border-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--border-opacity));
   }
 
   .md\:hover\:border-blue-100:hover {
+    --border-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--border-opacity));
   }
 
   .md\:hover\:border-blue-200:hover {
+    --border-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--border-opacity));
   }
 
   .md\:hover\:border-blue-300:hover {
+    --border-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--border-opacity));
   }
 
   .md\:hover\:border-blue-400:hover {
+    --border-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--border-opacity));
   }
 
   .md\:hover\:border-blue-500:hover {
+    --border-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--border-opacity));
   }
 
   .md\:hover\:border-blue-600:hover {
+    --border-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--border-opacity));
   }
 
   .md\:hover\:border-blue-700:hover {
+    --border-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--border-opacity));
   }
 
   .md\:hover\:border-blue-800:hover {
+    --border-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--border-opacity));
   }
 
   .md\:hover\:border-blue-900:hover {
+    --border-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--border-opacity));
   }
 
   .md\:hover\:border-indigo-100:hover {
+    --border-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--border-opacity));
   }
 
   .md\:hover\:border-indigo-200:hover {
+    --border-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--border-opacity));
   }
 
   .md\:hover\:border-indigo-300:hover {
+    --border-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--border-opacity));
   }
 
   .md\:hover\:border-indigo-400:hover {
+    --border-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--border-opacity));
   }
 
   .md\:hover\:border-indigo-500:hover {
+    --border-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--border-opacity));
   }
 
   .md\:hover\:border-indigo-600:hover {
+    --border-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--border-opacity));
   }
 
   .md\:hover\:border-indigo-700:hover {
+    --border-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--border-opacity));
   }
 
   .md\:hover\:border-indigo-800:hover {
+    --border-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--border-opacity));
   }
 
   .md\:hover\:border-indigo-900:hover {
+    --border-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--border-opacity));
   }
 
   .md\:hover\:border-purple-100:hover {
+    --border-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--border-opacity));
   }
 
   .md\:hover\:border-purple-200:hover {
+    --border-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--border-opacity));
   }
 
   .md\:hover\:border-purple-300:hover {
+    --border-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--border-opacity));
   }
 
   .md\:hover\:border-purple-400:hover {
+    --border-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--border-opacity));
   }
 
   .md\:hover\:border-purple-500:hover {
+    --border-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--border-opacity));
   }
 
   .md\:hover\:border-purple-600:hover {
+    --border-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--border-opacity));
   }
 
   .md\:hover\:border-purple-700:hover {
+    --border-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--border-opacity));
   }
 
   .md\:hover\:border-purple-800:hover {
+    --border-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--border-opacity));
   }
 
   .md\:hover\:border-purple-900:hover {
+    --border-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--border-opacity));
   }
 
   .md\:hover\:border-pink-100:hover {
+    --border-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--border-opacity));
   }
 
   .md\:hover\:border-pink-200:hover {
+    --border-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--border-opacity));
   }
 
   .md\:hover\:border-pink-300:hover {
+    --border-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--border-opacity));
   }
 
   .md\:hover\:border-pink-400:hover {
+    --border-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--border-opacity));
   }
 
   .md\:hover\:border-pink-500:hover {
+    --border-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--border-opacity));
   }
 
   .md\:hover\:border-pink-600:hover {
+    --border-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--border-opacity));
   }
 
   .md\:hover\:border-pink-700:hover {
+    --border-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--border-opacity));
   }
 
   .md\:hover\:border-pink-800:hover {
+    --border-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--border-opacity));
   }
 
   .md\:hover\:border-pink-900:hover {
+    --border-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--border-opacity));
   }
 
   .md\:focus\:border-transparent:focus {
@@ -26112,371 +32192,615 @@ video {
   }
 
   .md\:focus\:border-black:focus {
+    --border-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
   }
 
   .md\:focus\:border-white:focus {
+    --border-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
   }
 
   .md\:focus\:border-gray-100:focus {
+    --border-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--border-opacity));
   }
 
   .md\:focus\:border-gray-200:focus {
+    --border-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--border-opacity));
   }
 
   .md\:focus\:border-gray-300:focus {
+    --border-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
   }
 
   .md\:focus\:border-gray-400:focus {
+    --border-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--border-opacity));
   }
 
   .md\:focus\:border-gray-500:focus {
+    --border-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--border-opacity));
   }
 
   .md\:focus\:border-gray-600:focus {
+    --border-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--border-opacity));
   }
 
   .md\:focus\:border-gray-700:focus {
+    --border-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--border-opacity));
   }
 
   .md\:focus\:border-gray-800:focus {
+    --border-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--border-opacity));
   }
 
   .md\:focus\:border-gray-900:focus {
+    --border-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--border-opacity));
   }
 
   .md\:focus\:border-red-100:focus {
+    --border-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--border-opacity));
   }
 
   .md\:focus\:border-red-200:focus {
+    --border-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--border-opacity));
   }
 
   .md\:focus\:border-red-300:focus {
+    --border-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--border-opacity));
   }
 
   .md\:focus\:border-red-400:focus {
+    --border-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--border-opacity));
   }
 
   .md\:focus\:border-red-500:focus {
+    --border-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--border-opacity));
   }
 
   .md\:focus\:border-red-600:focus {
+    --border-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--border-opacity));
   }
 
   .md\:focus\:border-red-700:focus {
+    --border-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--border-opacity));
   }
 
   .md\:focus\:border-red-800:focus {
+    --border-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--border-opacity));
   }
 
   .md\:focus\:border-red-900:focus {
+    --border-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--border-opacity));
   }
 
   .md\:focus\:border-orange-100:focus {
+    --border-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--border-opacity));
   }
 
   .md\:focus\:border-orange-200:focus {
+    --border-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--border-opacity));
   }
 
   .md\:focus\:border-orange-300:focus {
+    --border-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--border-opacity));
   }
 
   .md\:focus\:border-orange-400:focus {
+    --border-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--border-opacity));
   }
 
   .md\:focus\:border-orange-500:focus {
+    --border-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--border-opacity));
   }
 
   .md\:focus\:border-orange-600:focus {
+    --border-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--border-opacity));
   }
 
   .md\:focus\:border-orange-700:focus {
+    --border-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--border-opacity));
   }
 
   .md\:focus\:border-orange-800:focus {
+    --border-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--border-opacity));
   }
 
   .md\:focus\:border-orange-900:focus {
+    --border-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--border-opacity));
   }
 
   .md\:focus\:border-yellow-100:focus {
+    --border-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--border-opacity));
   }
 
   .md\:focus\:border-yellow-200:focus {
+    --border-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--border-opacity));
   }
 
   .md\:focus\:border-yellow-300:focus {
+    --border-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--border-opacity));
   }
 
   .md\:focus\:border-yellow-400:focus {
+    --border-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--border-opacity));
   }
 
   .md\:focus\:border-yellow-500:focus {
+    --border-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--border-opacity));
   }
 
   .md\:focus\:border-yellow-600:focus {
+    --border-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--border-opacity));
   }
 
   .md\:focus\:border-yellow-700:focus {
+    --border-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--border-opacity));
   }
 
   .md\:focus\:border-yellow-800:focus {
+    --border-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--border-opacity));
   }
 
   .md\:focus\:border-yellow-900:focus {
+    --border-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--border-opacity));
   }
 
   .md\:focus\:border-green-100:focus {
+    --border-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--border-opacity));
   }
 
   .md\:focus\:border-green-200:focus {
+    --border-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--border-opacity));
   }
 
   .md\:focus\:border-green-300:focus {
+    --border-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--border-opacity));
   }
 
   .md\:focus\:border-green-400:focus {
+    --border-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--border-opacity));
   }
 
   .md\:focus\:border-green-500:focus {
+    --border-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--border-opacity));
   }
 
   .md\:focus\:border-green-600:focus {
+    --border-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--border-opacity));
   }
 
   .md\:focus\:border-green-700:focus {
+    --border-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--border-opacity));
   }
 
   .md\:focus\:border-green-800:focus {
+    --border-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--border-opacity));
   }
 
   .md\:focus\:border-green-900:focus {
+    --border-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--border-opacity));
   }
 
   .md\:focus\:border-teal-100:focus {
+    --border-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--border-opacity));
   }
 
   .md\:focus\:border-teal-200:focus {
+    --border-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--border-opacity));
   }
 
   .md\:focus\:border-teal-300:focus {
+    --border-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--border-opacity));
   }
 
   .md\:focus\:border-teal-400:focus {
+    --border-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--border-opacity));
   }
 
   .md\:focus\:border-teal-500:focus {
+    --border-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--border-opacity));
   }
 
   .md\:focus\:border-teal-600:focus {
+    --border-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--border-opacity));
   }
 
   .md\:focus\:border-teal-700:focus {
+    --border-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--border-opacity));
   }
 
   .md\:focus\:border-teal-800:focus {
+    --border-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--border-opacity));
   }
 
   .md\:focus\:border-teal-900:focus {
+    --border-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--border-opacity));
   }
 
   .md\:focus\:border-blue-100:focus {
+    --border-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--border-opacity));
   }
 
   .md\:focus\:border-blue-200:focus {
+    --border-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--border-opacity));
   }
 
   .md\:focus\:border-blue-300:focus {
+    --border-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--border-opacity));
   }
 
   .md\:focus\:border-blue-400:focus {
+    --border-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--border-opacity));
   }
 
   .md\:focus\:border-blue-500:focus {
+    --border-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--border-opacity));
   }
 
   .md\:focus\:border-blue-600:focus {
+    --border-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--border-opacity));
   }
 
   .md\:focus\:border-blue-700:focus {
+    --border-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--border-opacity));
   }
 
   .md\:focus\:border-blue-800:focus {
+    --border-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--border-opacity));
   }
 
   .md\:focus\:border-blue-900:focus {
+    --border-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--border-opacity));
   }
 
   .md\:focus\:border-indigo-100:focus {
+    --border-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--border-opacity));
   }
 
   .md\:focus\:border-indigo-200:focus {
+    --border-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--border-opacity));
   }
 
   .md\:focus\:border-indigo-300:focus {
+    --border-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--border-opacity));
   }
 
   .md\:focus\:border-indigo-400:focus {
+    --border-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--border-opacity));
   }
 
   .md\:focus\:border-indigo-500:focus {
+    --border-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--border-opacity));
   }
 
   .md\:focus\:border-indigo-600:focus {
+    --border-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--border-opacity));
   }
 
   .md\:focus\:border-indigo-700:focus {
+    --border-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--border-opacity));
   }
 
   .md\:focus\:border-indigo-800:focus {
+    --border-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--border-opacity));
   }
 
   .md\:focus\:border-indigo-900:focus {
+    --border-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--border-opacity));
   }
 
   .md\:focus\:border-purple-100:focus {
+    --border-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--border-opacity));
   }
 
   .md\:focus\:border-purple-200:focus {
+    --border-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--border-opacity));
   }
 
   .md\:focus\:border-purple-300:focus {
+    --border-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--border-opacity));
   }
 
   .md\:focus\:border-purple-400:focus {
+    --border-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--border-opacity));
   }
 
   .md\:focus\:border-purple-500:focus {
+    --border-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--border-opacity));
   }
 
   .md\:focus\:border-purple-600:focus {
+    --border-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--border-opacity));
   }
 
   .md\:focus\:border-purple-700:focus {
+    --border-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--border-opacity));
   }
 
   .md\:focus\:border-purple-800:focus {
+    --border-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--border-opacity));
   }
 
   .md\:focus\:border-purple-900:focus {
+    --border-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--border-opacity));
   }
 
   .md\:focus\:border-pink-100:focus {
+    --border-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--border-opacity));
   }
 
   .md\:focus\:border-pink-200:focus {
+    --border-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--border-opacity));
   }
 
   .md\:focus\:border-pink-300:focus {
+    --border-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--border-opacity));
   }
 
   .md\:focus\:border-pink-400:focus {
+    --border-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--border-opacity));
   }
 
   .md\:focus\:border-pink-500:focus {
+    --border-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--border-opacity));
   }
 
   .md\:focus\:border-pink-600:focus {
+    --border-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--border-opacity));
   }
 
   .md\:focus\:border-pink-700:focus {
+    --border-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--border-opacity));
   }
 
   .md\:focus\:border-pink-800:focus {
+    --border-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--border-opacity));
   }
 
   .md\:focus\:border-pink-900:focus {
+    --border-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--border-opacity));
+  }
+
+  .md\:border-opacity-0 {
+    --border-opacity: 0;
+  }
+
+  .md\:border-opacity-25 {
+    --border-opacity: 0.25;
+  }
+
+  .md\:border-opacity-50 {
+    --border-opacity: 0.5;
+  }
+
+  .md\:border-opacity-75 {
+    --border-opacity: 0.75;
+  }
+
+  .md\:border-opacity-100 {
+    --border-opacity: 1;
+  }
+
+  .md\:hover\:border-opacity-0:hover {
+    --border-opacity: 0;
+  }
+
+  .md\:hover\:border-opacity-25:hover {
+    --border-opacity: 0.25;
+  }
+
+  .md\:hover\:border-opacity-50:hover {
+    --border-opacity: 0.5;
+  }
+
+  .md\:hover\:border-opacity-75:hover {
+    --border-opacity: 0.75;
+  }
+
+  .md\:hover\:border-opacity-100:hover {
+    --border-opacity: 1;
+  }
+
+  .md\:focus\:border-opacity-0:focus {
+    --border-opacity: 0;
+  }
+
+  .md\:focus\:border-opacity-25:focus {
+    --border-opacity: 0.25;
+  }
+
+  .md\:focus\:border-opacity-50:focus {
+    --border-opacity: 0.5;
+  }
+
+  .md\:focus\:border-opacity-75:focus {
+    --border-opacity: 0.75;
+  }
+
+  .md\:focus\:border-opacity-100:focus {
+    --border-opacity: 1;
   }
 
   .md\:rounded-none {
@@ -29500,371 +35824,555 @@ video {
   }
 
   .md\:placeholder-black::placeholder {
+    --placeholder-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
   }
 
   .md\:placeholder-white::placeholder {
+    --placeholder-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
   }
 
   .md\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--placeholder-opacity));
   }
 
   .md\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--placeholder-opacity));
   }
 
   .md\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
   }
 
   .md\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--placeholder-opacity));
   }
 
   .md\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--placeholder-opacity));
   }
 
   .md\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--placeholder-opacity));
   }
 
   .md\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--placeholder-opacity));
   }
 
   .md\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--placeholder-opacity));
   }
 
   .md\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--placeholder-opacity));
   }
 
   .md\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--placeholder-opacity));
   }
 
   .md\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--placeholder-opacity));
   }
 
   .md\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--placeholder-opacity));
   }
 
   .md\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--placeholder-opacity));
   }
 
   .md\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--placeholder-opacity));
   }
 
   .md\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--placeholder-opacity));
   }
 
   .md\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--placeholder-opacity));
   }
 
   .md\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--placeholder-opacity));
   }
 
   .md\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--placeholder-opacity));
   }
 
   .md\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--placeholder-opacity));
   }
 
   .md\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--placeholder-opacity));
   }
 
   .md\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--placeholder-opacity));
   }
 
   .md\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--placeholder-opacity));
   }
 
   .md\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--placeholder-opacity));
   }
 
   .md\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--placeholder-opacity));
   }
 
   .md\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--placeholder-opacity));
   }
 
   .md\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--placeholder-opacity));
   }
 
   .md\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--placeholder-opacity));
   }
 
   .md\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--placeholder-opacity));
   }
 
   .md\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--placeholder-opacity));
   }
 
   .md\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--placeholder-opacity));
   }
 
   .md\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--placeholder-opacity));
   }
 
   .md\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--placeholder-opacity));
   }
 
   .md\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--placeholder-opacity));
   }
 
   .md\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--placeholder-opacity));
   }
 
   .md\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--placeholder-opacity));
   }
 
   .md\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--placeholder-opacity));
   }
 
   .md\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--placeholder-opacity));
   }
 
   .md\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--placeholder-opacity));
   }
 
   .md\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--placeholder-opacity));
   }
 
   .md\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--placeholder-opacity));
   }
 
   .md\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--placeholder-opacity));
   }
 
   .md\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--placeholder-opacity));
   }
 
   .md\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--placeholder-opacity));
   }
 
   .md\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--placeholder-opacity));
   }
 
   .md\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--placeholder-opacity));
   }
 
   .md\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--placeholder-opacity));
   }
 
   .md\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--placeholder-opacity));
   }
 
   .md\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--placeholder-opacity));
   }
 
   .md\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--placeholder-opacity));
   }
 
   .md\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--placeholder-opacity));
   }
 
   .md\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--placeholder-opacity));
   }
 
   .md\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--placeholder-opacity));
   }
 
   .md\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--placeholder-opacity));
   }
 
   .md\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--placeholder-opacity));
   }
 
   .md\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--placeholder-opacity));
   }
 
   .md\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--placeholder-opacity));
   }
 
   .md\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--placeholder-opacity));
   }
 
   .md\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--placeholder-opacity));
   }
 
   .md\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--placeholder-opacity));
   }
 
   .md\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--placeholder-opacity));
   }
 
   .md\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--placeholder-opacity));
   }
 
   .md\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--placeholder-opacity));
   }
 
   .md\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--placeholder-opacity));
   }
 
   .md\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--placeholder-opacity));
   }
 
   .md\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--placeholder-opacity));
   }
 
   .md\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--placeholder-opacity));
   }
 
   .md\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--placeholder-opacity));
   }
 
   .md\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--placeholder-opacity));
   }
 
   .md\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--placeholder-opacity));
   }
 
   .md\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--placeholder-opacity));
   }
 
   .md\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--placeholder-opacity));
   }
 
   .md\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--placeholder-opacity));
   }
 
   .md\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--placeholder-opacity));
   }
 
   .md\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--placeholder-opacity));
   }
 
   .md\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--placeholder-opacity));
   }
 
   .md\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--placeholder-opacity));
   }
 
   .md\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--placeholder-opacity));
   }
 
   .md\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--placeholder-opacity));
   }
 
   .md\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--placeholder-opacity));
   }
 
   .md\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--placeholder-opacity));
   }
 
   .md\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--placeholder-opacity));
   }
 
   .md\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--placeholder-opacity));
   }
 
   .md\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--placeholder-opacity));
   }
 
   .md\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--placeholder-opacity));
   }
 
   .md\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--placeholder-opacity));
   }
 
   .md\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--placeholder-opacity));
   }
 
   .md\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--placeholder-opacity));
   }
 
   .md\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--placeholder-opacity));
   }
 
   .md\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--placeholder-opacity));
   }
 
   .md\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-transparent:focus::placeholder {
@@ -29876,371 +36384,595 @@ video {
   }
 
   .md\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--placeholder-opacity));
   }
 
   .md\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--placeholder-opacity));
+  }
+
+  .md\:placeholder-opacity-0 {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:placeholder-opacity-25 {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:placeholder-opacity-50 {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:placeholder-opacity-75 {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:placeholder-opacity-100 {
+    --placeholder-opacity: 1;
+  }
+
+  .md\:focus\:placeholder-opacity-0:focus {
+    --placeholder-opacity: 0;
+  }
+
+  .md\:focus\:placeholder-opacity-25:focus {
+    --placeholder-opacity: 0.25;
+  }
+
+  .md\:focus\:placeholder-opacity-50:focus {
+    --placeholder-opacity: 0.5;
+  }
+
+  .md\:focus\:placeholder-opacity-75:focus {
+    --placeholder-opacity: 0.75;
+  }
+
+  .md\:focus\:placeholder-opacity-100:focus {
+    --placeholder-opacity: 1;
   }
 
   .md\:pointer-events-none {
@@ -30526,371 +37258,555 @@ video {
   }
 
   .md\:text-black {
+    --text-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--text-opacity));
   }
 
   .md\:text-white {
+    --text-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--text-opacity));
   }
 
   .md\:text-gray-100 {
+    --text-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--text-opacity));
   }
 
   .md\:text-gray-200 {
+    --text-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--text-opacity));
   }
 
   .md\:text-gray-300 {
+    --text-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
   }
 
   .md\:text-gray-400 {
+    --text-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--text-opacity));
   }
 
   .md\:text-gray-500 {
+    --text-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--text-opacity));
   }
 
   .md\:text-gray-600 {
+    --text-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--text-opacity));
   }
 
   .md\:text-gray-700 {
+    --text-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--text-opacity));
   }
 
   .md\:text-gray-800 {
+    --text-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--text-opacity));
   }
 
   .md\:text-gray-900 {
+    --text-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--text-opacity));
   }
 
   .md\:text-red-100 {
+    --text-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--text-opacity));
   }
 
   .md\:text-red-200 {
+    --text-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--text-opacity));
   }
 
   .md\:text-red-300 {
+    --text-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--text-opacity));
   }
 
   .md\:text-red-400 {
+    --text-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--text-opacity));
   }
 
   .md\:text-red-500 {
+    --text-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--text-opacity));
   }
 
   .md\:text-red-600 {
+    --text-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--text-opacity));
   }
 
   .md\:text-red-700 {
+    --text-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--text-opacity));
   }
 
   .md\:text-red-800 {
+    --text-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--text-opacity));
   }
 
   .md\:text-red-900 {
+    --text-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--text-opacity));
   }
 
   .md\:text-orange-100 {
+    --text-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--text-opacity));
   }
 
   .md\:text-orange-200 {
+    --text-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--text-opacity));
   }
 
   .md\:text-orange-300 {
+    --text-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--text-opacity));
   }
 
   .md\:text-orange-400 {
+    --text-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--text-opacity));
   }
 
   .md\:text-orange-500 {
+    --text-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--text-opacity));
   }
 
   .md\:text-orange-600 {
+    --text-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--text-opacity));
   }
 
   .md\:text-orange-700 {
+    --text-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--text-opacity));
   }
 
   .md\:text-orange-800 {
+    --text-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--text-opacity));
   }
 
   .md\:text-orange-900 {
+    --text-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--text-opacity));
   }
 
   .md\:text-yellow-100 {
+    --text-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--text-opacity));
   }
 
   .md\:text-yellow-200 {
+    --text-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--text-opacity));
   }
 
   .md\:text-yellow-300 {
+    --text-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--text-opacity));
   }
 
   .md\:text-yellow-400 {
+    --text-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--text-opacity));
   }
 
   .md\:text-yellow-500 {
+    --text-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--text-opacity));
   }
 
   .md\:text-yellow-600 {
+    --text-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--text-opacity));
   }
 
   .md\:text-yellow-700 {
+    --text-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--text-opacity));
   }
 
   .md\:text-yellow-800 {
+    --text-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--text-opacity));
   }
 
   .md\:text-yellow-900 {
+    --text-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--text-opacity));
   }
 
   .md\:text-green-100 {
+    --text-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--text-opacity));
   }
 
   .md\:text-green-200 {
+    --text-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--text-opacity));
   }
 
   .md\:text-green-300 {
+    --text-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--text-opacity));
   }
 
   .md\:text-green-400 {
+    --text-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--text-opacity));
   }
 
   .md\:text-green-500 {
+    --text-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--text-opacity));
   }
 
   .md\:text-green-600 {
+    --text-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--text-opacity));
   }
 
   .md\:text-green-700 {
+    --text-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--text-opacity));
   }
 
   .md\:text-green-800 {
+    --text-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--text-opacity));
   }
 
   .md\:text-green-900 {
+    --text-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--text-opacity));
   }
 
   .md\:text-teal-100 {
+    --text-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--text-opacity));
   }
 
   .md\:text-teal-200 {
+    --text-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--text-opacity));
   }
 
   .md\:text-teal-300 {
+    --text-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--text-opacity));
   }
 
   .md\:text-teal-400 {
+    --text-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--text-opacity));
   }
 
   .md\:text-teal-500 {
+    --text-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--text-opacity));
   }
 
   .md\:text-teal-600 {
+    --text-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--text-opacity));
   }
 
   .md\:text-teal-700 {
+    --text-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--text-opacity));
   }
 
   .md\:text-teal-800 {
+    --text-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--text-opacity));
   }
 
   .md\:text-teal-900 {
+    --text-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--text-opacity));
   }
 
   .md\:text-blue-100 {
+    --text-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--text-opacity));
   }
 
   .md\:text-blue-200 {
+    --text-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--text-opacity));
   }
 
   .md\:text-blue-300 {
+    --text-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--text-opacity));
   }
 
   .md\:text-blue-400 {
+    --text-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--text-opacity));
   }
 
   .md\:text-blue-500 {
+    --text-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--text-opacity));
   }
 
   .md\:text-blue-600 {
+    --text-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--text-opacity));
   }
 
   .md\:text-blue-700 {
+    --text-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--text-opacity));
   }
 
   .md\:text-blue-800 {
+    --text-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--text-opacity));
   }
 
   .md\:text-blue-900 {
+    --text-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--text-opacity));
   }
 
   .md\:text-indigo-100 {
+    --text-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--text-opacity));
   }
 
   .md\:text-indigo-200 {
+    --text-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--text-opacity));
   }
 
   .md\:text-indigo-300 {
+    --text-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--text-opacity));
   }
 
   .md\:text-indigo-400 {
+    --text-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--text-opacity));
   }
 
   .md\:text-indigo-500 {
+    --text-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--text-opacity));
   }
 
   .md\:text-indigo-600 {
+    --text-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--text-opacity));
   }
 
   .md\:text-indigo-700 {
+    --text-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--text-opacity));
   }
 
   .md\:text-indigo-800 {
+    --text-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--text-opacity));
   }
 
   .md\:text-indigo-900 {
+    --text-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--text-opacity));
   }
 
   .md\:text-purple-100 {
+    --text-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--text-opacity));
   }
 
   .md\:text-purple-200 {
+    --text-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--text-opacity));
   }
 
   .md\:text-purple-300 {
+    --text-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--text-opacity));
   }
 
   .md\:text-purple-400 {
+    --text-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--text-opacity));
   }
 
   .md\:text-purple-500 {
+    --text-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--text-opacity));
   }
 
   .md\:text-purple-600 {
+    --text-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--text-opacity));
   }
 
   .md\:text-purple-700 {
+    --text-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--text-opacity));
   }
 
   .md\:text-purple-800 {
+    --text-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--text-opacity));
   }
 
   .md\:text-purple-900 {
+    --text-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--text-opacity));
   }
 
   .md\:text-pink-100 {
+    --text-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--text-opacity));
   }
 
   .md\:text-pink-200 {
+    --text-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--text-opacity));
   }
 
   .md\:text-pink-300 {
+    --text-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--text-opacity));
   }
 
   .md\:text-pink-400 {
+    --text-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--text-opacity));
   }
 
   .md\:text-pink-500 {
+    --text-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--text-opacity));
   }
 
   .md\:text-pink-600 {
+    --text-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--text-opacity));
   }
 
   .md\:text-pink-700 {
+    --text-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--text-opacity));
   }
 
   .md\:text-pink-800 {
+    --text-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--text-opacity));
   }
 
   .md\:text-pink-900 {
+    --text-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--text-opacity));
   }
 
   .md\:hover\:text-transparent:hover {
@@ -30902,371 +37818,555 @@ video {
   }
 
   .md\:hover\:text-black:hover {
+    --text-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--text-opacity));
   }
 
   .md\:hover\:text-white:hover {
+    --text-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--text-opacity));
   }
 
   .md\:hover\:text-gray-100:hover {
+    --text-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--text-opacity));
   }
 
   .md\:hover\:text-gray-200:hover {
+    --text-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--text-opacity));
   }
 
   .md\:hover\:text-gray-300:hover {
+    --text-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
   }
 
   .md\:hover\:text-gray-400:hover {
+    --text-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--text-opacity));
   }
 
   .md\:hover\:text-gray-500:hover {
+    --text-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--text-opacity));
   }
 
   .md\:hover\:text-gray-600:hover {
+    --text-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--text-opacity));
   }
 
   .md\:hover\:text-gray-700:hover {
+    --text-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--text-opacity));
   }
 
   .md\:hover\:text-gray-800:hover {
+    --text-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--text-opacity));
   }
 
   .md\:hover\:text-gray-900:hover {
+    --text-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--text-opacity));
   }
 
   .md\:hover\:text-red-100:hover {
+    --text-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--text-opacity));
   }
 
   .md\:hover\:text-red-200:hover {
+    --text-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--text-opacity));
   }
 
   .md\:hover\:text-red-300:hover {
+    --text-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--text-opacity));
   }
 
   .md\:hover\:text-red-400:hover {
+    --text-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--text-opacity));
   }
 
   .md\:hover\:text-red-500:hover {
+    --text-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--text-opacity));
   }
 
   .md\:hover\:text-red-600:hover {
+    --text-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--text-opacity));
   }
 
   .md\:hover\:text-red-700:hover {
+    --text-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--text-opacity));
   }
 
   .md\:hover\:text-red-800:hover {
+    --text-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--text-opacity));
   }
 
   .md\:hover\:text-red-900:hover {
+    --text-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--text-opacity));
   }
 
   .md\:hover\:text-orange-100:hover {
+    --text-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--text-opacity));
   }
 
   .md\:hover\:text-orange-200:hover {
+    --text-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--text-opacity));
   }
 
   .md\:hover\:text-orange-300:hover {
+    --text-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--text-opacity));
   }
 
   .md\:hover\:text-orange-400:hover {
+    --text-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--text-opacity));
   }
 
   .md\:hover\:text-orange-500:hover {
+    --text-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--text-opacity));
   }
 
   .md\:hover\:text-orange-600:hover {
+    --text-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--text-opacity));
   }
 
   .md\:hover\:text-orange-700:hover {
+    --text-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--text-opacity));
   }
 
   .md\:hover\:text-orange-800:hover {
+    --text-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--text-opacity));
   }
 
   .md\:hover\:text-orange-900:hover {
+    --text-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--text-opacity));
   }
 
   .md\:hover\:text-yellow-100:hover {
+    --text-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--text-opacity));
   }
 
   .md\:hover\:text-yellow-200:hover {
+    --text-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--text-opacity));
   }
 
   .md\:hover\:text-yellow-300:hover {
+    --text-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--text-opacity));
   }
 
   .md\:hover\:text-yellow-400:hover {
+    --text-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--text-opacity));
   }
 
   .md\:hover\:text-yellow-500:hover {
+    --text-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--text-opacity));
   }
 
   .md\:hover\:text-yellow-600:hover {
+    --text-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--text-opacity));
   }
 
   .md\:hover\:text-yellow-700:hover {
+    --text-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--text-opacity));
   }
 
   .md\:hover\:text-yellow-800:hover {
+    --text-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--text-opacity));
   }
 
   .md\:hover\:text-yellow-900:hover {
+    --text-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--text-opacity));
   }
 
   .md\:hover\:text-green-100:hover {
+    --text-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--text-opacity));
   }
 
   .md\:hover\:text-green-200:hover {
+    --text-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--text-opacity));
   }
 
   .md\:hover\:text-green-300:hover {
+    --text-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--text-opacity));
   }
 
   .md\:hover\:text-green-400:hover {
+    --text-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--text-opacity));
   }
 
   .md\:hover\:text-green-500:hover {
+    --text-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--text-opacity));
   }
 
   .md\:hover\:text-green-600:hover {
+    --text-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--text-opacity));
   }
 
   .md\:hover\:text-green-700:hover {
+    --text-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--text-opacity));
   }
 
   .md\:hover\:text-green-800:hover {
+    --text-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--text-opacity));
   }
 
   .md\:hover\:text-green-900:hover {
+    --text-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--text-opacity));
   }
 
   .md\:hover\:text-teal-100:hover {
+    --text-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--text-opacity));
   }
 
   .md\:hover\:text-teal-200:hover {
+    --text-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--text-opacity));
   }
 
   .md\:hover\:text-teal-300:hover {
+    --text-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--text-opacity));
   }
 
   .md\:hover\:text-teal-400:hover {
+    --text-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--text-opacity));
   }
 
   .md\:hover\:text-teal-500:hover {
+    --text-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--text-opacity));
   }
 
   .md\:hover\:text-teal-600:hover {
+    --text-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--text-opacity));
   }
 
   .md\:hover\:text-teal-700:hover {
+    --text-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--text-opacity));
   }
 
   .md\:hover\:text-teal-800:hover {
+    --text-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--text-opacity));
   }
 
   .md\:hover\:text-teal-900:hover {
+    --text-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--text-opacity));
   }
 
   .md\:hover\:text-blue-100:hover {
+    --text-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--text-opacity));
   }
 
   .md\:hover\:text-blue-200:hover {
+    --text-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--text-opacity));
   }
 
   .md\:hover\:text-blue-300:hover {
+    --text-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--text-opacity));
   }
 
   .md\:hover\:text-blue-400:hover {
+    --text-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--text-opacity));
   }
 
   .md\:hover\:text-blue-500:hover {
+    --text-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--text-opacity));
   }
 
   .md\:hover\:text-blue-600:hover {
+    --text-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--text-opacity));
   }
 
   .md\:hover\:text-blue-700:hover {
+    --text-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--text-opacity));
   }
 
   .md\:hover\:text-blue-800:hover {
+    --text-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--text-opacity));
   }
 
   .md\:hover\:text-blue-900:hover {
+    --text-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--text-opacity));
   }
 
   .md\:hover\:text-indigo-100:hover {
+    --text-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--text-opacity));
   }
 
   .md\:hover\:text-indigo-200:hover {
+    --text-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--text-opacity));
   }
 
   .md\:hover\:text-indigo-300:hover {
+    --text-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--text-opacity));
   }
 
   .md\:hover\:text-indigo-400:hover {
+    --text-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--text-opacity));
   }
 
   .md\:hover\:text-indigo-500:hover {
+    --text-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--text-opacity));
   }
 
   .md\:hover\:text-indigo-600:hover {
+    --text-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--text-opacity));
   }
 
   .md\:hover\:text-indigo-700:hover {
+    --text-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--text-opacity));
   }
 
   .md\:hover\:text-indigo-800:hover {
+    --text-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--text-opacity));
   }
 
   .md\:hover\:text-indigo-900:hover {
+    --text-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--text-opacity));
   }
 
   .md\:hover\:text-purple-100:hover {
+    --text-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--text-opacity));
   }
 
   .md\:hover\:text-purple-200:hover {
+    --text-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--text-opacity));
   }
 
   .md\:hover\:text-purple-300:hover {
+    --text-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--text-opacity));
   }
 
   .md\:hover\:text-purple-400:hover {
+    --text-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--text-opacity));
   }
 
   .md\:hover\:text-purple-500:hover {
+    --text-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--text-opacity));
   }
 
   .md\:hover\:text-purple-600:hover {
+    --text-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--text-opacity));
   }
 
   .md\:hover\:text-purple-700:hover {
+    --text-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--text-opacity));
   }
 
   .md\:hover\:text-purple-800:hover {
+    --text-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--text-opacity));
   }
 
   .md\:hover\:text-purple-900:hover {
+    --text-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--text-opacity));
   }
 
   .md\:hover\:text-pink-100:hover {
+    --text-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--text-opacity));
   }
 
   .md\:hover\:text-pink-200:hover {
+    --text-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--text-opacity));
   }
 
   .md\:hover\:text-pink-300:hover {
+    --text-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--text-opacity));
   }
 
   .md\:hover\:text-pink-400:hover {
+    --text-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--text-opacity));
   }
 
   .md\:hover\:text-pink-500:hover {
+    --text-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--text-opacity));
   }
 
   .md\:hover\:text-pink-600:hover {
+    --text-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--text-opacity));
   }
 
   .md\:hover\:text-pink-700:hover {
+    --text-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--text-opacity));
   }
 
   .md\:hover\:text-pink-800:hover {
+    --text-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--text-opacity));
   }
 
   .md\:hover\:text-pink-900:hover {
+    --text-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--text-opacity));
   }
 
   .md\:focus\:text-transparent:focus {
@@ -31278,371 +38378,615 @@ video {
   }
 
   .md\:focus\:text-black:focus {
+    --text-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--text-opacity));
   }
 
   .md\:focus\:text-white:focus {
+    --text-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--text-opacity));
   }
 
   .md\:focus\:text-gray-100:focus {
+    --text-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--text-opacity));
   }
 
   .md\:focus\:text-gray-200:focus {
+    --text-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--text-opacity));
   }
 
   .md\:focus\:text-gray-300:focus {
+    --text-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
   }
 
   .md\:focus\:text-gray-400:focus {
+    --text-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--text-opacity));
   }
 
   .md\:focus\:text-gray-500:focus {
+    --text-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--text-opacity));
   }
 
   .md\:focus\:text-gray-600:focus {
+    --text-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--text-opacity));
   }
 
   .md\:focus\:text-gray-700:focus {
+    --text-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--text-opacity));
   }
 
   .md\:focus\:text-gray-800:focus {
+    --text-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--text-opacity));
   }
 
   .md\:focus\:text-gray-900:focus {
+    --text-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--text-opacity));
   }
 
   .md\:focus\:text-red-100:focus {
+    --text-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--text-opacity));
   }
 
   .md\:focus\:text-red-200:focus {
+    --text-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--text-opacity));
   }
 
   .md\:focus\:text-red-300:focus {
+    --text-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--text-opacity));
   }
 
   .md\:focus\:text-red-400:focus {
+    --text-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--text-opacity));
   }
 
   .md\:focus\:text-red-500:focus {
+    --text-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--text-opacity));
   }
 
   .md\:focus\:text-red-600:focus {
+    --text-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--text-opacity));
   }
 
   .md\:focus\:text-red-700:focus {
+    --text-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--text-opacity));
   }
 
   .md\:focus\:text-red-800:focus {
+    --text-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--text-opacity));
   }
 
   .md\:focus\:text-red-900:focus {
+    --text-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--text-opacity));
   }
 
   .md\:focus\:text-orange-100:focus {
+    --text-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--text-opacity));
   }
 
   .md\:focus\:text-orange-200:focus {
+    --text-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--text-opacity));
   }
 
   .md\:focus\:text-orange-300:focus {
+    --text-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--text-opacity));
   }
 
   .md\:focus\:text-orange-400:focus {
+    --text-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--text-opacity));
   }
 
   .md\:focus\:text-orange-500:focus {
+    --text-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--text-opacity));
   }
 
   .md\:focus\:text-orange-600:focus {
+    --text-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--text-opacity));
   }
 
   .md\:focus\:text-orange-700:focus {
+    --text-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--text-opacity));
   }
 
   .md\:focus\:text-orange-800:focus {
+    --text-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--text-opacity));
   }
 
   .md\:focus\:text-orange-900:focus {
+    --text-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--text-opacity));
   }
 
   .md\:focus\:text-yellow-100:focus {
+    --text-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--text-opacity));
   }
 
   .md\:focus\:text-yellow-200:focus {
+    --text-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--text-opacity));
   }
 
   .md\:focus\:text-yellow-300:focus {
+    --text-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--text-opacity));
   }
 
   .md\:focus\:text-yellow-400:focus {
+    --text-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--text-opacity));
   }
 
   .md\:focus\:text-yellow-500:focus {
+    --text-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--text-opacity));
   }
 
   .md\:focus\:text-yellow-600:focus {
+    --text-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--text-opacity));
   }
 
   .md\:focus\:text-yellow-700:focus {
+    --text-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--text-opacity));
   }
 
   .md\:focus\:text-yellow-800:focus {
+    --text-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--text-opacity));
   }
 
   .md\:focus\:text-yellow-900:focus {
+    --text-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--text-opacity));
   }
 
   .md\:focus\:text-green-100:focus {
+    --text-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--text-opacity));
   }
 
   .md\:focus\:text-green-200:focus {
+    --text-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--text-opacity));
   }
 
   .md\:focus\:text-green-300:focus {
+    --text-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--text-opacity));
   }
 
   .md\:focus\:text-green-400:focus {
+    --text-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--text-opacity));
   }
 
   .md\:focus\:text-green-500:focus {
+    --text-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--text-opacity));
   }
 
   .md\:focus\:text-green-600:focus {
+    --text-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--text-opacity));
   }
 
   .md\:focus\:text-green-700:focus {
+    --text-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--text-opacity));
   }
 
   .md\:focus\:text-green-800:focus {
+    --text-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--text-opacity));
   }
 
   .md\:focus\:text-green-900:focus {
+    --text-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--text-opacity));
   }
 
   .md\:focus\:text-teal-100:focus {
+    --text-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--text-opacity));
   }
 
   .md\:focus\:text-teal-200:focus {
+    --text-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--text-opacity));
   }
 
   .md\:focus\:text-teal-300:focus {
+    --text-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--text-opacity));
   }
 
   .md\:focus\:text-teal-400:focus {
+    --text-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--text-opacity));
   }
 
   .md\:focus\:text-teal-500:focus {
+    --text-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--text-opacity));
   }
 
   .md\:focus\:text-teal-600:focus {
+    --text-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--text-opacity));
   }
 
   .md\:focus\:text-teal-700:focus {
+    --text-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--text-opacity));
   }
 
   .md\:focus\:text-teal-800:focus {
+    --text-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--text-opacity));
   }
 
   .md\:focus\:text-teal-900:focus {
+    --text-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--text-opacity));
   }
 
   .md\:focus\:text-blue-100:focus {
+    --text-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--text-opacity));
   }
 
   .md\:focus\:text-blue-200:focus {
+    --text-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--text-opacity));
   }
 
   .md\:focus\:text-blue-300:focus {
+    --text-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--text-opacity));
   }
 
   .md\:focus\:text-blue-400:focus {
+    --text-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--text-opacity));
   }
 
   .md\:focus\:text-blue-500:focus {
+    --text-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--text-opacity));
   }
 
   .md\:focus\:text-blue-600:focus {
+    --text-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--text-opacity));
   }
 
   .md\:focus\:text-blue-700:focus {
+    --text-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--text-opacity));
   }
 
   .md\:focus\:text-blue-800:focus {
+    --text-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--text-opacity));
   }
 
   .md\:focus\:text-blue-900:focus {
+    --text-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--text-opacity));
   }
 
   .md\:focus\:text-indigo-100:focus {
+    --text-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--text-opacity));
   }
 
   .md\:focus\:text-indigo-200:focus {
+    --text-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--text-opacity));
   }
 
   .md\:focus\:text-indigo-300:focus {
+    --text-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--text-opacity));
   }
 
   .md\:focus\:text-indigo-400:focus {
+    --text-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--text-opacity));
   }
 
   .md\:focus\:text-indigo-500:focus {
+    --text-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--text-opacity));
   }
 
   .md\:focus\:text-indigo-600:focus {
+    --text-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--text-opacity));
   }
 
   .md\:focus\:text-indigo-700:focus {
+    --text-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--text-opacity));
   }
 
   .md\:focus\:text-indigo-800:focus {
+    --text-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--text-opacity));
   }
 
   .md\:focus\:text-indigo-900:focus {
+    --text-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--text-opacity));
   }
 
   .md\:focus\:text-purple-100:focus {
+    --text-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--text-opacity));
   }
 
   .md\:focus\:text-purple-200:focus {
+    --text-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--text-opacity));
   }
 
   .md\:focus\:text-purple-300:focus {
+    --text-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--text-opacity));
   }
 
   .md\:focus\:text-purple-400:focus {
+    --text-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--text-opacity));
   }
 
   .md\:focus\:text-purple-500:focus {
+    --text-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--text-opacity));
   }
 
   .md\:focus\:text-purple-600:focus {
+    --text-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--text-opacity));
   }
 
   .md\:focus\:text-purple-700:focus {
+    --text-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--text-opacity));
   }
 
   .md\:focus\:text-purple-800:focus {
+    --text-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--text-opacity));
   }
 
   .md\:focus\:text-purple-900:focus {
+    --text-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--text-opacity));
   }
 
   .md\:focus\:text-pink-100:focus {
+    --text-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--text-opacity));
   }
 
   .md\:focus\:text-pink-200:focus {
+    --text-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--text-opacity));
   }
 
   .md\:focus\:text-pink-300:focus {
+    --text-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--text-opacity));
   }
 
   .md\:focus\:text-pink-400:focus {
+    --text-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--text-opacity));
   }
 
   .md\:focus\:text-pink-500:focus {
+    --text-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--text-opacity));
   }
 
   .md\:focus\:text-pink-600:focus {
+    --text-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--text-opacity));
   }
 
   .md\:focus\:text-pink-700:focus {
+    --text-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--text-opacity));
   }
 
   .md\:focus\:text-pink-800:focus {
+    --text-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--text-opacity));
   }
 
   .md\:focus\:text-pink-900:focus {
+    --text-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--text-opacity));
+  }
+
+  .md\:text-opacity-0 {
+    --text-opacity: 0;
+  }
+
+  .md\:text-opacity-25 {
+    --text-opacity: 0.25;
+  }
+
+  .md\:text-opacity-50 {
+    --text-opacity: 0.5;
+  }
+
+  .md\:text-opacity-75 {
+    --text-opacity: 0.75;
+  }
+
+  .md\:text-opacity-100 {
+    --text-opacity: 1;
+  }
+
+  .md\:hover\:text-opacity-0:hover {
+    --text-opacity: 0;
+  }
+
+  .md\:hover\:text-opacity-25:hover {
+    --text-opacity: 0.25;
+  }
+
+  .md\:hover\:text-opacity-50:hover {
+    --text-opacity: 0.5;
+  }
+
+  .md\:hover\:text-opacity-75:hover {
+    --text-opacity: 0.75;
+  }
+
+  .md\:hover\:text-opacity-100:hover {
+    --text-opacity: 1;
+  }
+
+  .md\:focus\:text-opacity-0:focus {
+    --text-opacity: 0;
+  }
+
+  .md\:focus\:text-opacity-25:focus {
+    --text-opacity: 0.25;
+  }
+
+  .md\:focus\:text-opacity-50:focus {
+    --text-opacity: 0.5;
+  }
+
+  .md\:focus\:text-opacity-75:focus {
+    --text-opacity: 0.75;
+  }
+
+  .md\:focus\:text-opacity-100:focus {
+    --text-opacity: 1;
   }
 
   .md\:italic {
@@ -35004,371 +42348,575 @@ video {
   }
 
   .lg\:divide-black > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--divide-opacity));
   }
 
   .lg\:divide-white > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--divide-opacity));
   }
 
   .lg\:divide-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--divide-opacity));
   }
 
   .lg\:divide-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--divide-opacity));
   }
 
   .lg\:divide-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--divide-opacity));
   }
 
   .lg\:divide-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--divide-opacity));
   }
 
   .lg\:divide-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--divide-opacity));
   }
 
   .lg\:divide-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--divide-opacity));
   }
 
   .lg\:divide-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--divide-opacity));
   }
 
   .lg\:divide-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--divide-opacity));
   }
 
   .lg\:divide-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--divide-opacity));
   }
 
   .lg\:divide-red-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--divide-opacity));
   }
 
   .lg\:divide-red-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--divide-opacity));
   }
 
   .lg\:divide-red-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--divide-opacity));
   }
 
   .lg\:divide-red-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--divide-opacity));
   }
 
   .lg\:divide-red-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--divide-opacity));
   }
 
   .lg\:divide-red-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--divide-opacity));
   }
 
   .lg\:divide-red-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--divide-opacity));
   }
 
   .lg\:divide-red-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--divide-opacity));
   }
 
   .lg\:divide-red-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--divide-opacity));
   }
 
   .lg\:divide-orange-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--divide-opacity));
   }
 
   .lg\:divide-orange-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--divide-opacity));
   }
 
   .lg\:divide-orange-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--divide-opacity));
   }
 
   .lg\:divide-orange-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--divide-opacity));
   }
 
   .lg\:divide-orange-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--divide-opacity));
   }
 
   .lg\:divide-orange-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--divide-opacity));
   }
 
   .lg\:divide-orange-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--divide-opacity));
   }
 
   .lg\:divide-orange-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--divide-opacity));
   }
 
   .lg\:divide-orange-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--divide-opacity));
   }
 
   .lg\:divide-yellow-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--divide-opacity));
   }
 
   .lg\:divide-yellow-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--divide-opacity));
   }
 
   .lg\:divide-yellow-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--divide-opacity));
   }
 
   .lg\:divide-yellow-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--divide-opacity));
   }
 
   .lg\:divide-yellow-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--divide-opacity));
   }
 
   .lg\:divide-yellow-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--divide-opacity));
   }
 
   .lg\:divide-yellow-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--divide-opacity));
   }
 
   .lg\:divide-yellow-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--divide-opacity));
   }
 
   .lg\:divide-yellow-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--divide-opacity));
   }
 
   .lg\:divide-green-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--divide-opacity));
   }
 
   .lg\:divide-green-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--divide-opacity));
   }
 
   .lg\:divide-green-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--divide-opacity));
   }
 
   .lg\:divide-green-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--divide-opacity));
   }
 
   .lg\:divide-green-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--divide-opacity));
   }
 
   .lg\:divide-green-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--divide-opacity));
   }
 
   .lg\:divide-green-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--divide-opacity));
   }
 
   .lg\:divide-green-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--divide-opacity));
   }
 
   .lg\:divide-green-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--divide-opacity));
   }
 
   .lg\:divide-teal-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--divide-opacity));
   }
 
   .lg\:divide-teal-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--divide-opacity));
   }
 
   .lg\:divide-teal-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--divide-opacity));
   }
 
   .lg\:divide-teal-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--divide-opacity));
   }
 
   .lg\:divide-teal-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--divide-opacity));
   }
 
   .lg\:divide-teal-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--divide-opacity));
   }
 
   .lg\:divide-teal-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--divide-opacity));
   }
 
   .lg\:divide-teal-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--divide-opacity));
   }
 
   .lg\:divide-teal-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--divide-opacity));
   }
 
   .lg\:divide-blue-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--divide-opacity));
   }
 
   .lg\:divide-blue-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--divide-opacity));
   }
 
   .lg\:divide-blue-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--divide-opacity));
   }
 
   .lg\:divide-blue-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--divide-opacity));
   }
 
   .lg\:divide-blue-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--divide-opacity));
   }
 
   .lg\:divide-blue-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--divide-opacity));
   }
 
   .lg\:divide-blue-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--divide-opacity));
   }
 
   .lg\:divide-blue-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--divide-opacity));
   }
 
   .lg\:divide-blue-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--divide-opacity));
   }
 
   .lg\:divide-indigo-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--divide-opacity));
   }
 
   .lg\:divide-indigo-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--divide-opacity));
   }
 
   .lg\:divide-indigo-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--divide-opacity));
   }
 
   .lg\:divide-indigo-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--divide-opacity));
   }
 
   .lg\:divide-indigo-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--divide-opacity));
   }
 
   .lg\:divide-indigo-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--divide-opacity));
   }
 
   .lg\:divide-indigo-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--divide-opacity));
   }
 
   .lg\:divide-indigo-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--divide-opacity));
   }
 
   .lg\:divide-indigo-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--divide-opacity));
   }
 
   .lg\:divide-purple-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--divide-opacity));
   }
 
   .lg\:divide-purple-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--divide-opacity));
   }
 
   .lg\:divide-purple-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--divide-opacity));
   }
 
   .lg\:divide-purple-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--divide-opacity));
   }
 
   .lg\:divide-purple-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--divide-opacity));
   }
 
   .lg\:divide-purple-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--divide-opacity));
   }
 
   .lg\:divide-purple-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--divide-opacity));
   }
 
   .lg\:divide-purple-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--divide-opacity));
   }
 
   .lg\:divide-purple-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--divide-opacity));
   }
 
   .lg\:divide-pink-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--divide-opacity));
   }
 
   .lg\:divide-pink-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--divide-opacity));
   }
 
   .lg\:divide-pink-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--divide-opacity));
   }
 
   .lg\:divide-pink-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--divide-opacity));
   }
 
   .lg\:divide-pink-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--divide-opacity));
   }
 
   .lg\:divide-pink-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--divide-opacity));
   }
 
   .lg\:divide-pink-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--divide-opacity));
   }
 
   .lg\:divide-pink-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--divide-opacity));
   }
 
   .lg\:divide-pink-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--divide-opacity));
+  }
+
+  .lg\:divide-opacity-0 {
+    --divide-opacity: 0;
+  }
+
+  .lg\:divide-opacity-25 {
+    --divide-opacity: 0.25;
+  }
+
+  .lg\:divide-opacity-50 {
+    --divide-opacity: 0.5;
+  }
+
+  .lg\:divide-opacity-75 {
+    --divide-opacity: 0.75;
+  }
+
+  .lg\:divide-opacity-100 {
+    --divide-opacity: 1;
   }
 
   .lg\:sr-only {
@@ -35442,371 +42990,555 @@ video {
   }
 
   .lg\:bg-black {
+    --bg-opacity: 1;
     background-color: #000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
   }
 
   .lg\:bg-white {
+    --bg-opacity: 1;
     background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
   }
 
   .lg\:bg-gray-100 {
+    --bg-opacity: 1;
     background-color: #f7fafc;
+    background-color: rgba(247, 250, 252, var(--bg-opacity));
   }
 
   .lg\:bg-gray-200 {
+    --bg-opacity: 1;
     background-color: #edf2f7;
+    background-color: rgba(237, 242, 247, var(--bg-opacity));
   }
 
   .lg\:bg-gray-300 {
+    --bg-opacity: 1;
     background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
   }
 
   .lg\:bg-gray-400 {
+    --bg-opacity: 1;
     background-color: #cbd5e0;
+    background-color: rgba(203, 213, 224, var(--bg-opacity));
   }
 
   .lg\:bg-gray-500 {
+    --bg-opacity: 1;
     background-color: #a0aec0;
+    background-color: rgba(160, 174, 192, var(--bg-opacity));
   }
 
   .lg\:bg-gray-600 {
+    --bg-opacity: 1;
     background-color: #718096;
+    background-color: rgba(113, 128, 150, var(--bg-opacity));
   }
 
   .lg\:bg-gray-700 {
+    --bg-opacity: 1;
     background-color: #4a5568;
+    background-color: rgba(74, 85, 104, var(--bg-opacity));
   }
 
   .lg\:bg-gray-800 {
+    --bg-opacity: 1;
     background-color: #2d3748;
+    background-color: rgba(45, 55, 72, var(--bg-opacity));
   }
 
   .lg\:bg-gray-900 {
+    --bg-opacity: 1;
     background-color: #1a202c;
+    background-color: rgba(26, 32, 44, var(--bg-opacity));
   }
 
   .lg\:bg-red-100 {
+    --bg-opacity: 1;
     background-color: #fff5f5;
+    background-color: rgba(255, 245, 245, var(--bg-opacity));
   }
 
   .lg\:bg-red-200 {
+    --bg-opacity: 1;
     background-color: #fed7d7;
+    background-color: rgba(254, 215, 215, var(--bg-opacity));
   }
 
   .lg\:bg-red-300 {
+    --bg-opacity: 1;
     background-color: #feb2b2;
+    background-color: rgba(254, 178, 178, var(--bg-opacity));
   }
 
   .lg\:bg-red-400 {
+    --bg-opacity: 1;
     background-color: #fc8181;
+    background-color: rgba(252, 129, 129, var(--bg-opacity));
   }
 
   .lg\:bg-red-500 {
+    --bg-opacity: 1;
     background-color: #f56565;
+    background-color: rgba(245, 101, 101, var(--bg-opacity));
   }
 
   .lg\:bg-red-600 {
+    --bg-opacity: 1;
     background-color: #e53e3e;
+    background-color: rgba(229, 62, 62, var(--bg-opacity));
   }
 
   .lg\:bg-red-700 {
+    --bg-opacity: 1;
     background-color: #c53030;
+    background-color: rgba(197, 48, 48, var(--bg-opacity));
   }
 
   .lg\:bg-red-800 {
+    --bg-opacity: 1;
     background-color: #9b2c2c;
+    background-color: rgba(155, 44, 44, var(--bg-opacity));
   }
 
   .lg\:bg-red-900 {
+    --bg-opacity: 1;
     background-color: #742a2a;
+    background-color: rgba(116, 42, 42, var(--bg-opacity));
   }
 
   .lg\:bg-orange-100 {
+    --bg-opacity: 1;
     background-color: #fffaf0;
+    background-color: rgba(255, 250, 240, var(--bg-opacity));
   }
 
   .lg\:bg-orange-200 {
+    --bg-opacity: 1;
     background-color: #feebc8;
+    background-color: rgba(254, 235, 200, var(--bg-opacity));
   }
 
   .lg\:bg-orange-300 {
+    --bg-opacity: 1;
     background-color: #fbd38d;
+    background-color: rgba(251, 211, 141, var(--bg-opacity));
   }
 
   .lg\:bg-orange-400 {
+    --bg-opacity: 1;
     background-color: #f6ad55;
+    background-color: rgba(246, 173, 85, var(--bg-opacity));
   }
 
   .lg\:bg-orange-500 {
+    --bg-opacity: 1;
     background-color: #ed8936;
+    background-color: rgba(237, 137, 54, var(--bg-opacity));
   }
 
   .lg\:bg-orange-600 {
+    --bg-opacity: 1;
     background-color: #dd6b20;
+    background-color: rgba(221, 107, 32, var(--bg-opacity));
   }
 
   .lg\:bg-orange-700 {
+    --bg-opacity: 1;
     background-color: #c05621;
+    background-color: rgba(192, 86, 33, var(--bg-opacity));
   }
 
   .lg\:bg-orange-800 {
+    --bg-opacity: 1;
     background-color: #9c4221;
+    background-color: rgba(156, 66, 33, var(--bg-opacity));
   }
 
   .lg\:bg-orange-900 {
+    --bg-opacity: 1;
     background-color: #7b341e;
+    background-color: rgba(123, 52, 30, var(--bg-opacity));
   }
 
   .lg\:bg-yellow-100 {
+    --bg-opacity: 1;
     background-color: #fffff0;
+    background-color: rgba(255, 255, 240, var(--bg-opacity));
   }
 
   .lg\:bg-yellow-200 {
+    --bg-opacity: 1;
     background-color: #fefcbf;
+    background-color: rgba(254, 252, 191, var(--bg-opacity));
   }
 
   .lg\:bg-yellow-300 {
+    --bg-opacity: 1;
     background-color: #faf089;
+    background-color: rgba(250, 240, 137, var(--bg-opacity));
   }
 
   .lg\:bg-yellow-400 {
+    --bg-opacity: 1;
     background-color: #f6e05e;
+    background-color: rgba(246, 224, 94, var(--bg-opacity));
   }
 
   .lg\:bg-yellow-500 {
+    --bg-opacity: 1;
     background-color: #ecc94b;
+    background-color: rgba(236, 201, 75, var(--bg-opacity));
   }
 
   .lg\:bg-yellow-600 {
+    --bg-opacity: 1;
     background-color: #d69e2e;
+    background-color: rgba(214, 158, 46, var(--bg-opacity));
   }
 
   .lg\:bg-yellow-700 {
+    --bg-opacity: 1;
     background-color: #b7791f;
+    background-color: rgba(183, 121, 31, var(--bg-opacity));
   }
 
   .lg\:bg-yellow-800 {
+    --bg-opacity: 1;
     background-color: #975a16;
+    background-color: rgba(151, 90, 22, var(--bg-opacity));
   }
 
   .lg\:bg-yellow-900 {
+    --bg-opacity: 1;
     background-color: #744210;
+    background-color: rgba(116, 66, 16, var(--bg-opacity));
   }
 
   .lg\:bg-green-100 {
+    --bg-opacity: 1;
     background-color: #f0fff4;
+    background-color: rgba(240, 255, 244, var(--bg-opacity));
   }
 
   .lg\:bg-green-200 {
+    --bg-opacity: 1;
     background-color: #c6f6d5;
+    background-color: rgba(198, 246, 213, var(--bg-opacity));
   }
 
   .lg\:bg-green-300 {
+    --bg-opacity: 1;
     background-color: #9ae6b4;
+    background-color: rgba(154, 230, 180, var(--bg-opacity));
   }
 
   .lg\:bg-green-400 {
+    --bg-opacity: 1;
     background-color: #68d391;
+    background-color: rgba(104, 211, 145, var(--bg-opacity));
   }
 
   .lg\:bg-green-500 {
+    --bg-opacity: 1;
     background-color: #48bb78;
+    background-color: rgba(72, 187, 120, var(--bg-opacity));
   }
 
   .lg\:bg-green-600 {
+    --bg-opacity: 1;
     background-color: #38a169;
+    background-color: rgba(56, 161, 105, var(--bg-opacity));
   }
 
   .lg\:bg-green-700 {
+    --bg-opacity: 1;
     background-color: #2f855a;
+    background-color: rgba(47, 133, 90, var(--bg-opacity));
   }
 
   .lg\:bg-green-800 {
+    --bg-opacity: 1;
     background-color: #276749;
+    background-color: rgba(39, 103, 73, var(--bg-opacity));
   }
 
   .lg\:bg-green-900 {
+    --bg-opacity: 1;
     background-color: #22543d;
+    background-color: rgba(34, 84, 61, var(--bg-opacity));
   }
 
   .lg\:bg-teal-100 {
+    --bg-opacity: 1;
     background-color: #e6fffa;
+    background-color: rgba(230, 255, 250, var(--bg-opacity));
   }
 
   .lg\:bg-teal-200 {
+    --bg-opacity: 1;
     background-color: #b2f5ea;
+    background-color: rgba(178, 245, 234, var(--bg-opacity));
   }
 
   .lg\:bg-teal-300 {
+    --bg-opacity: 1;
     background-color: #81e6d9;
+    background-color: rgba(129, 230, 217, var(--bg-opacity));
   }
 
   .lg\:bg-teal-400 {
+    --bg-opacity: 1;
     background-color: #4fd1c5;
+    background-color: rgba(79, 209, 197, var(--bg-opacity));
   }
 
   .lg\:bg-teal-500 {
+    --bg-opacity: 1;
     background-color: #38b2ac;
+    background-color: rgba(56, 178, 172, var(--bg-opacity));
   }
 
   .lg\:bg-teal-600 {
+    --bg-opacity: 1;
     background-color: #319795;
+    background-color: rgba(49, 151, 149, var(--bg-opacity));
   }
 
   .lg\:bg-teal-700 {
+    --bg-opacity: 1;
     background-color: #2c7a7b;
+    background-color: rgba(44, 122, 123, var(--bg-opacity));
   }
 
   .lg\:bg-teal-800 {
+    --bg-opacity: 1;
     background-color: #285e61;
+    background-color: rgba(40, 94, 97, var(--bg-opacity));
   }
 
   .lg\:bg-teal-900 {
+    --bg-opacity: 1;
     background-color: #234e52;
+    background-color: rgba(35, 78, 82, var(--bg-opacity));
   }
 
   .lg\:bg-blue-100 {
+    --bg-opacity: 1;
     background-color: #ebf8ff;
+    background-color: rgba(235, 248, 255, var(--bg-opacity));
   }
 
   .lg\:bg-blue-200 {
+    --bg-opacity: 1;
     background-color: #bee3f8;
+    background-color: rgba(190, 227, 248, var(--bg-opacity));
   }
 
   .lg\:bg-blue-300 {
+    --bg-opacity: 1;
     background-color: #90cdf4;
+    background-color: rgba(144, 205, 244, var(--bg-opacity));
   }
 
   .lg\:bg-blue-400 {
+    --bg-opacity: 1;
     background-color: #63b3ed;
+    background-color: rgba(99, 179, 237, var(--bg-opacity));
   }
 
   .lg\:bg-blue-500 {
+    --bg-opacity: 1;
     background-color: #4299e1;
+    background-color: rgba(66, 153, 225, var(--bg-opacity));
   }
 
   .lg\:bg-blue-600 {
+    --bg-opacity: 1;
     background-color: #3182ce;
+    background-color: rgba(49, 130, 206, var(--bg-opacity));
   }
 
   .lg\:bg-blue-700 {
+    --bg-opacity: 1;
     background-color: #2b6cb0;
+    background-color: rgba(43, 108, 176, var(--bg-opacity));
   }
 
   .lg\:bg-blue-800 {
+    --bg-opacity: 1;
     background-color: #2c5282;
+    background-color: rgba(44, 82, 130, var(--bg-opacity));
   }
 
   .lg\:bg-blue-900 {
+    --bg-opacity: 1;
     background-color: #2a4365;
+    background-color: rgba(42, 67, 101, var(--bg-opacity));
   }
 
   .lg\:bg-indigo-100 {
+    --bg-opacity: 1;
     background-color: #ebf4ff;
+    background-color: rgba(235, 244, 255, var(--bg-opacity));
   }
 
   .lg\:bg-indigo-200 {
+    --bg-opacity: 1;
     background-color: #c3dafe;
+    background-color: rgba(195, 218, 254, var(--bg-opacity));
   }
 
   .lg\:bg-indigo-300 {
+    --bg-opacity: 1;
     background-color: #a3bffa;
+    background-color: rgba(163, 191, 250, var(--bg-opacity));
   }
 
   .lg\:bg-indigo-400 {
+    --bg-opacity: 1;
     background-color: #7f9cf5;
+    background-color: rgba(127, 156, 245, var(--bg-opacity));
   }
 
   .lg\:bg-indigo-500 {
+    --bg-opacity: 1;
     background-color: #667eea;
+    background-color: rgba(102, 126, 234, var(--bg-opacity));
   }
 
   .lg\:bg-indigo-600 {
+    --bg-opacity: 1;
     background-color: #5a67d8;
+    background-color: rgba(90, 103, 216, var(--bg-opacity));
   }
 
   .lg\:bg-indigo-700 {
+    --bg-opacity: 1;
     background-color: #4c51bf;
+    background-color: rgba(76, 81, 191, var(--bg-opacity));
   }
 
   .lg\:bg-indigo-800 {
+    --bg-opacity: 1;
     background-color: #434190;
+    background-color: rgba(67, 65, 144, var(--bg-opacity));
   }
 
   .lg\:bg-indigo-900 {
+    --bg-opacity: 1;
     background-color: #3c366b;
+    background-color: rgba(60, 54, 107, var(--bg-opacity));
   }
 
   .lg\:bg-purple-100 {
+    --bg-opacity: 1;
     background-color: #faf5ff;
+    background-color: rgba(250, 245, 255, var(--bg-opacity));
   }
 
   .lg\:bg-purple-200 {
+    --bg-opacity: 1;
     background-color: #e9d8fd;
+    background-color: rgba(233, 216, 253, var(--bg-opacity));
   }
 
   .lg\:bg-purple-300 {
+    --bg-opacity: 1;
     background-color: #d6bcfa;
+    background-color: rgba(214, 188, 250, var(--bg-opacity));
   }
 
   .lg\:bg-purple-400 {
+    --bg-opacity: 1;
     background-color: #b794f4;
+    background-color: rgba(183, 148, 244, var(--bg-opacity));
   }
 
   .lg\:bg-purple-500 {
+    --bg-opacity: 1;
     background-color: #9f7aea;
+    background-color: rgba(159, 122, 234, var(--bg-opacity));
   }
 
   .lg\:bg-purple-600 {
+    --bg-opacity: 1;
     background-color: #805ad5;
+    background-color: rgba(128, 90, 213, var(--bg-opacity));
   }
 
   .lg\:bg-purple-700 {
+    --bg-opacity: 1;
     background-color: #6b46c1;
+    background-color: rgba(107, 70, 193, var(--bg-opacity));
   }
 
   .lg\:bg-purple-800 {
+    --bg-opacity: 1;
     background-color: #553c9a;
+    background-color: rgba(85, 60, 154, var(--bg-opacity));
   }
 
   .lg\:bg-purple-900 {
+    --bg-opacity: 1;
     background-color: #44337a;
+    background-color: rgba(68, 51, 122, var(--bg-opacity));
   }
 
   .lg\:bg-pink-100 {
+    --bg-opacity: 1;
     background-color: #fff5f7;
+    background-color: rgba(255, 245, 247, var(--bg-opacity));
   }
 
   .lg\:bg-pink-200 {
+    --bg-opacity: 1;
     background-color: #fed7e2;
+    background-color: rgba(254, 215, 226, var(--bg-opacity));
   }
 
   .lg\:bg-pink-300 {
+    --bg-opacity: 1;
     background-color: #fbb6ce;
+    background-color: rgba(251, 182, 206, var(--bg-opacity));
   }
 
   .lg\:bg-pink-400 {
+    --bg-opacity: 1;
     background-color: #f687b3;
+    background-color: rgba(246, 135, 179, var(--bg-opacity));
   }
 
   .lg\:bg-pink-500 {
+    --bg-opacity: 1;
     background-color: #ed64a6;
+    background-color: rgba(237, 100, 166, var(--bg-opacity));
   }
 
   .lg\:bg-pink-600 {
+    --bg-opacity: 1;
     background-color: #d53f8c;
+    background-color: rgba(213, 63, 140, var(--bg-opacity));
   }
 
   .lg\:bg-pink-700 {
+    --bg-opacity: 1;
     background-color: #b83280;
+    background-color: rgba(184, 50, 128, var(--bg-opacity));
   }
 
   .lg\:bg-pink-800 {
+    --bg-opacity: 1;
     background-color: #97266d;
+    background-color: rgba(151, 38, 109, var(--bg-opacity));
   }
 
   .lg\:bg-pink-900 {
+    --bg-opacity: 1;
     background-color: #702459;
+    background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-transparent:hover {
@@ -35818,371 +43550,555 @@ video {
   }
 
   .lg\:hover\:bg-black:hover {
+    --bg-opacity: 1;
     background-color: #000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-white:hover {
+    --bg-opacity: 1;
     background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-gray-100:hover {
+    --bg-opacity: 1;
     background-color: #f7fafc;
+    background-color: rgba(247, 250, 252, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-gray-200:hover {
+    --bg-opacity: 1;
     background-color: #edf2f7;
+    background-color: rgba(237, 242, 247, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-gray-300:hover {
+    --bg-opacity: 1;
     background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-gray-400:hover {
+    --bg-opacity: 1;
     background-color: #cbd5e0;
+    background-color: rgba(203, 213, 224, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-gray-500:hover {
+    --bg-opacity: 1;
     background-color: #a0aec0;
+    background-color: rgba(160, 174, 192, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-gray-600:hover {
+    --bg-opacity: 1;
     background-color: #718096;
+    background-color: rgba(113, 128, 150, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-gray-700:hover {
+    --bg-opacity: 1;
     background-color: #4a5568;
+    background-color: rgba(74, 85, 104, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-gray-800:hover {
+    --bg-opacity: 1;
     background-color: #2d3748;
+    background-color: rgba(45, 55, 72, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-gray-900:hover {
+    --bg-opacity: 1;
     background-color: #1a202c;
+    background-color: rgba(26, 32, 44, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-red-100:hover {
+    --bg-opacity: 1;
     background-color: #fff5f5;
+    background-color: rgba(255, 245, 245, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-red-200:hover {
+    --bg-opacity: 1;
     background-color: #fed7d7;
+    background-color: rgba(254, 215, 215, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-red-300:hover {
+    --bg-opacity: 1;
     background-color: #feb2b2;
+    background-color: rgba(254, 178, 178, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-red-400:hover {
+    --bg-opacity: 1;
     background-color: #fc8181;
+    background-color: rgba(252, 129, 129, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-red-500:hover {
+    --bg-opacity: 1;
     background-color: #f56565;
+    background-color: rgba(245, 101, 101, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-red-600:hover {
+    --bg-opacity: 1;
     background-color: #e53e3e;
+    background-color: rgba(229, 62, 62, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-red-700:hover {
+    --bg-opacity: 1;
     background-color: #c53030;
+    background-color: rgba(197, 48, 48, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-red-800:hover {
+    --bg-opacity: 1;
     background-color: #9b2c2c;
+    background-color: rgba(155, 44, 44, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-red-900:hover {
+    --bg-opacity: 1;
     background-color: #742a2a;
+    background-color: rgba(116, 42, 42, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-orange-100:hover {
+    --bg-opacity: 1;
     background-color: #fffaf0;
+    background-color: rgba(255, 250, 240, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-orange-200:hover {
+    --bg-opacity: 1;
     background-color: #feebc8;
+    background-color: rgba(254, 235, 200, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-orange-300:hover {
+    --bg-opacity: 1;
     background-color: #fbd38d;
+    background-color: rgba(251, 211, 141, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-orange-400:hover {
+    --bg-opacity: 1;
     background-color: #f6ad55;
+    background-color: rgba(246, 173, 85, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-orange-500:hover {
+    --bg-opacity: 1;
     background-color: #ed8936;
+    background-color: rgba(237, 137, 54, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-orange-600:hover {
+    --bg-opacity: 1;
     background-color: #dd6b20;
+    background-color: rgba(221, 107, 32, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-orange-700:hover {
+    --bg-opacity: 1;
     background-color: #c05621;
+    background-color: rgba(192, 86, 33, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-orange-800:hover {
+    --bg-opacity: 1;
     background-color: #9c4221;
+    background-color: rgba(156, 66, 33, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-orange-900:hover {
+    --bg-opacity: 1;
     background-color: #7b341e;
+    background-color: rgba(123, 52, 30, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-yellow-100:hover {
+    --bg-opacity: 1;
     background-color: #fffff0;
+    background-color: rgba(255, 255, 240, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-yellow-200:hover {
+    --bg-opacity: 1;
     background-color: #fefcbf;
+    background-color: rgba(254, 252, 191, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-yellow-300:hover {
+    --bg-opacity: 1;
     background-color: #faf089;
+    background-color: rgba(250, 240, 137, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-yellow-400:hover {
+    --bg-opacity: 1;
     background-color: #f6e05e;
+    background-color: rgba(246, 224, 94, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-yellow-500:hover {
+    --bg-opacity: 1;
     background-color: #ecc94b;
+    background-color: rgba(236, 201, 75, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-yellow-600:hover {
+    --bg-opacity: 1;
     background-color: #d69e2e;
+    background-color: rgba(214, 158, 46, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-yellow-700:hover {
+    --bg-opacity: 1;
     background-color: #b7791f;
+    background-color: rgba(183, 121, 31, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-yellow-800:hover {
+    --bg-opacity: 1;
     background-color: #975a16;
+    background-color: rgba(151, 90, 22, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-yellow-900:hover {
+    --bg-opacity: 1;
     background-color: #744210;
+    background-color: rgba(116, 66, 16, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-green-100:hover {
+    --bg-opacity: 1;
     background-color: #f0fff4;
+    background-color: rgba(240, 255, 244, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-green-200:hover {
+    --bg-opacity: 1;
     background-color: #c6f6d5;
+    background-color: rgba(198, 246, 213, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-green-300:hover {
+    --bg-opacity: 1;
     background-color: #9ae6b4;
+    background-color: rgba(154, 230, 180, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-green-400:hover {
+    --bg-opacity: 1;
     background-color: #68d391;
+    background-color: rgba(104, 211, 145, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-green-500:hover {
+    --bg-opacity: 1;
     background-color: #48bb78;
+    background-color: rgba(72, 187, 120, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-green-600:hover {
+    --bg-opacity: 1;
     background-color: #38a169;
+    background-color: rgba(56, 161, 105, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-green-700:hover {
+    --bg-opacity: 1;
     background-color: #2f855a;
+    background-color: rgba(47, 133, 90, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-green-800:hover {
+    --bg-opacity: 1;
     background-color: #276749;
+    background-color: rgba(39, 103, 73, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-green-900:hover {
+    --bg-opacity: 1;
     background-color: #22543d;
+    background-color: rgba(34, 84, 61, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-teal-100:hover {
+    --bg-opacity: 1;
     background-color: #e6fffa;
+    background-color: rgba(230, 255, 250, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-teal-200:hover {
+    --bg-opacity: 1;
     background-color: #b2f5ea;
+    background-color: rgba(178, 245, 234, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-teal-300:hover {
+    --bg-opacity: 1;
     background-color: #81e6d9;
+    background-color: rgba(129, 230, 217, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-teal-400:hover {
+    --bg-opacity: 1;
     background-color: #4fd1c5;
+    background-color: rgba(79, 209, 197, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-teal-500:hover {
+    --bg-opacity: 1;
     background-color: #38b2ac;
+    background-color: rgba(56, 178, 172, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-teal-600:hover {
+    --bg-opacity: 1;
     background-color: #319795;
+    background-color: rgba(49, 151, 149, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-teal-700:hover {
+    --bg-opacity: 1;
     background-color: #2c7a7b;
+    background-color: rgba(44, 122, 123, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-teal-800:hover {
+    --bg-opacity: 1;
     background-color: #285e61;
+    background-color: rgba(40, 94, 97, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-teal-900:hover {
+    --bg-opacity: 1;
     background-color: #234e52;
+    background-color: rgba(35, 78, 82, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-blue-100:hover {
+    --bg-opacity: 1;
     background-color: #ebf8ff;
+    background-color: rgba(235, 248, 255, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-blue-200:hover {
+    --bg-opacity: 1;
     background-color: #bee3f8;
+    background-color: rgba(190, 227, 248, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-blue-300:hover {
+    --bg-opacity: 1;
     background-color: #90cdf4;
+    background-color: rgba(144, 205, 244, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-blue-400:hover {
+    --bg-opacity: 1;
     background-color: #63b3ed;
+    background-color: rgba(99, 179, 237, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-blue-500:hover {
+    --bg-opacity: 1;
     background-color: #4299e1;
+    background-color: rgba(66, 153, 225, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-blue-600:hover {
+    --bg-opacity: 1;
     background-color: #3182ce;
+    background-color: rgba(49, 130, 206, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-blue-700:hover {
+    --bg-opacity: 1;
     background-color: #2b6cb0;
+    background-color: rgba(43, 108, 176, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-blue-800:hover {
+    --bg-opacity: 1;
     background-color: #2c5282;
+    background-color: rgba(44, 82, 130, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-blue-900:hover {
+    --bg-opacity: 1;
     background-color: #2a4365;
+    background-color: rgba(42, 67, 101, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-indigo-100:hover {
+    --bg-opacity: 1;
     background-color: #ebf4ff;
+    background-color: rgba(235, 244, 255, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-indigo-200:hover {
+    --bg-opacity: 1;
     background-color: #c3dafe;
+    background-color: rgba(195, 218, 254, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-indigo-300:hover {
+    --bg-opacity: 1;
     background-color: #a3bffa;
+    background-color: rgba(163, 191, 250, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-indigo-400:hover {
+    --bg-opacity: 1;
     background-color: #7f9cf5;
+    background-color: rgba(127, 156, 245, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-indigo-500:hover {
+    --bg-opacity: 1;
     background-color: #667eea;
+    background-color: rgba(102, 126, 234, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-indigo-600:hover {
+    --bg-opacity: 1;
     background-color: #5a67d8;
+    background-color: rgba(90, 103, 216, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-indigo-700:hover {
+    --bg-opacity: 1;
     background-color: #4c51bf;
+    background-color: rgba(76, 81, 191, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-indigo-800:hover {
+    --bg-opacity: 1;
     background-color: #434190;
+    background-color: rgba(67, 65, 144, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-indigo-900:hover {
+    --bg-opacity: 1;
     background-color: #3c366b;
+    background-color: rgba(60, 54, 107, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-purple-100:hover {
+    --bg-opacity: 1;
     background-color: #faf5ff;
+    background-color: rgba(250, 245, 255, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-purple-200:hover {
+    --bg-opacity: 1;
     background-color: #e9d8fd;
+    background-color: rgba(233, 216, 253, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-purple-300:hover {
+    --bg-opacity: 1;
     background-color: #d6bcfa;
+    background-color: rgba(214, 188, 250, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-purple-400:hover {
+    --bg-opacity: 1;
     background-color: #b794f4;
+    background-color: rgba(183, 148, 244, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-purple-500:hover {
+    --bg-opacity: 1;
     background-color: #9f7aea;
+    background-color: rgba(159, 122, 234, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-purple-600:hover {
+    --bg-opacity: 1;
     background-color: #805ad5;
+    background-color: rgba(128, 90, 213, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-purple-700:hover {
+    --bg-opacity: 1;
     background-color: #6b46c1;
+    background-color: rgba(107, 70, 193, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-purple-800:hover {
+    --bg-opacity: 1;
     background-color: #553c9a;
+    background-color: rgba(85, 60, 154, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-purple-900:hover {
+    --bg-opacity: 1;
     background-color: #44337a;
+    background-color: rgba(68, 51, 122, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-pink-100:hover {
+    --bg-opacity: 1;
     background-color: #fff5f7;
+    background-color: rgba(255, 245, 247, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-pink-200:hover {
+    --bg-opacity: 1;
     background-color: #fed7e2;
+    background-color: rgba(254, 215, 226, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-pink-300:hover {
+    --bg-opacity: 1;
     background-color: #fbb6ce;
+    background-color: rgba(251, 182, 206, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-pink-400:hover {
+    --bg-opacity: 1;
     background-color: #f687b3;
+    background-color: rgba(246, 135, 179, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-pink-500:hover {
+    --bg-opacity: 1;
     background-color: #ed64a6;
+    background-color: rgba(237, 100, 166, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-pink-600:hover {
+    --bg-opacity: 1;
     background-color: #d53f8c;
+    background-color: rgba(213, 63, 140, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-pink-700:hover {
+    --bg-opacity: 1;
     background-color: #b83280;
+    background-color: rgba(184, 50, 128, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-pink-800:hover {
+    --bg-opacity: 1;
     background-color: #97266d;
+    background-color: rgba(151, 38, 109, var(--bg-opacity));
   }
 
   .lg\:hover\:bg-pink-900:hover {
+    --bg-opacity: 1;
     background-color: #702459;
+    background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-transparent:focus {
@@ -36194,371 +44110,615 @@ video {
   }
 
   .lg\:focus\:bg-black:focus {
+    --bg-opacity: 1;
     background-color: #000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-white:focus {
+    --bg-opacity: 1;
     background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-gray-100:focus {
+    --bg-opacity: 1;
     background-color: #f7fafc;
+    background-color: rgba(247, 250, 252, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-gray-200:focus {
+    --bg-opacity: 1;
     background-color: #edf2f7;
+    background-color: rgba(237, 242, 247, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-gray-300:focus {
+    --bg-opacity: 1;
     background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-gray-400:focus {
+    --bg-opacity: 1;
     background-color: #cbd5e0;
+    background-color: rgba(203, 213, 224, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-gray-500:focus {
+    --bg-opacity: 1;
     background-color: #a0aec0;
+    background-color: rgba(160, 174, 192, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-gray-600:focus {
+    --bg-opacity: 1;
     background-color: #718096;
+    background-color: rgba(113, 128, 150, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-gray-700:focus {
+    --bg-opacity: 1;
     background-color: #4a5568;
+    background-color: rgba(74, 85, 104, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-gray-800:focus {
+    --bg-opacity: 1;
     background-color: #2d3748;
+    background-color: rgba(45, 55, 72, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-gray-900:focus {
+    --bg-opacity: 1;
     background-color: #1a202c;
+    background-color: rgba(26, 32, 44, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-red-100:focus {
+    --bg-opacity: 1;
     background-color: #fff5f5;
+    background-color: rgba(255, 245, 245, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-red-200:focus {
+    --bg-opacity: 1;
     background-color: #fed7d7;
+    background-color: rgba(254, 215, 215, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-red-300:focus {
+    --bg-opacity: 1;
     background-color: #feb2b2;
+    background-color: rgba(254, 178, 178, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-red-400:focus {
+    --bg-opacity: 1;
     background-color: #fc8181;
+    background-color: rgba(252, 129, 129, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-red-500:focus {
+    --bg-opacity: 1;
     background-color: #f56565;
+    background-color: rgba(245, 101, 101, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-red-600:focus {
+    --bg-opacity: 1;
     background-color: #e53e3e;
+    background-color: rgba(229, 62, 62, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-red-700:focus {
+    --bg-opacity: 1;
     background-color: #c53030;
+    background-color: rgba(197, 48, 48, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-red-800:focus {
+    --bg-opacity: 1;
     background-color: #9b2c2c;
+    background-color: rgba(155, 44, 44, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-red-900:focus {
+    --bg-opacity: 1;
     background-color: #742a2a;
+    background-color: rgba(116, 42, 42, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-orange-100:focus {
+    --bg-opacity: 1;
     background-color: #fffaf0;
+    background-color: rgba(255, 250, 240, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-orange-200:focus {
+    --bg-opacity: 1;
     background-color: #feebc8;
+    background-color: rgba(254, 235, 200, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-orange-300:focus {
+    --bg-opacity: 1;
     background-color: #fbd38d;
+    background-color: rgba(251, 211, 141, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-orange-400:focus {
+    --bg-opacity: 1;
     background-color: #f6ad55;
+    background-color: rgba(246, 173, 85, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-orange-500:focus {
+    --bg-opacity: 1;
     background-color: #ed8936;
+    background-color: rgba(237, 137, 54, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-orange-600:focus {
+    --bg-opacity: 1;
     background-color: #dd6b20;
+    background-color: rgba(221, 107, 32, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-orange-700:focus {
+    --bg-opacity: 1;
     background-color: #c05621;
+    background-color: rgba(192, 86, 33, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-orange-800:focus {
+    --bg-opacity: 1;
     background-color: #9c4221;
+    background-color: rgba(156, 66, 33, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-orange-900:focus {
+    --bg-opacity: 1;
     background-color: #7b341e;
+    background-color: rgba(123, 52, 30, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-yellow-100:focus {
+    --bg-opacity: 1;
     background-color: #fffff0;
+    background-color: rgba(255, 255, 240, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-yellow-200:focus {
+    --bg-opacity: 1;
     background-color: #fefcbf;
+    background-color: rgba(254, 252, 191, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-yellow-300:focus {
+    --bg-opacity: 1;
     background-color: #faf089;
+    background-color: rgba(250, 240, 137, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-yellow-400:focus {
+    --bg-opacity: 1;
     background-color: #f6e05e;
+    background-color: rgba(246, 224, 94, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-yellow-500:focus {
+    --bg-opacity: 1;
     background-color: #ecc94b;
+    background-color: rgba(236, 201, 75, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-yellow-600:focus {
+    --bg-opacity: 1;
     background-color: #d69e2e;
+    background-color: rgba(214, 158, 46, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-yellow-700:focus {
+    --bg-opacity: 1;
     background-color: #b7791f;
+    background-color: rgba(183, 121, 31, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-yellow-800:focus {
+    --bg-opacity: 1;
     background-color: #975a16;
+    background-color: rgba(151, 90, 22, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-yellow-900:focus {
+    --bg-opacity: 1;
     background-color: #744210;
+    background-color: rgba(116, 66, 16, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-green-100:focus {
+    --bg-opacity: 1;
     background-color: #f0fff4;
+    background-color: rgba(240, 255, 244, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-green-200:focus {
+    --bg-opacity: 1;
     background-color: #c6f6d5;
+    background-color: rgba(198, 246, 213, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-green-300:focus {
+    --bg-opacity: 1;
     background-color: #9ae6b4;
+    background-color: rgba(154, 230, 180, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-green-400:focus {
+    --bg-opacity: 1;
     background-color: #68d391;
+    background-color: rgba(104, 211, 145, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-green-500:focus {
+    --bg-opacity: 1;
     background-color: #48bb78;
+    background-color: rgba(72, 187, 120, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-green-600:focus {
+    --bg-opacity: 1;
     background-color: #38a169;
+    background-color: rgba(56, 161, 105, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-green-700:focus {
+    --bg-opacity: 1;
     background-color: #2f855a;
+    background-color: rgba(47, 133, 90, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-green-800:focus {
+    --bg-opacity: 1;
     background-color: #276749;
+    background-color: rgba(39, 103, 73, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-green-900:focus {
+    --bg-opacity: 1;
     background-color: #22543d;
+    background-color: rgba(34, 84, 61, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-teal-100:focus {
+    --bg-opacity: 1;
     background-color: #e6fffa;
+    background-color: rgba(230, 255, 250, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-teal-200:focus {
+    --bg-opacity: 1;
     background-color: #b2f5ea;
+    background-color: rgba(178, 245, 234, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-teal-300:focus {
+    --bg-opacity: 1;
     background-color: #81e6d9;
+    background-color: rgba(129, 230, 217, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-teal-400:focus {
+    --bg-opacity: 1;
     background-color: #4fd1c5;
+    background-color: rgba(79, 209, 197, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-teal-500:focus {
+    --bg-opacity: 1;
     background-color: #38b2ac;
+    background-color: rgba(56, 178, 172, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-teal-600:focus {
+    --bg-opacity: 1;
     background-color: #319795;
+    background-color: rgba(49, 151, 149, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-teal-700:focus {
+    --bg-opacity: 1;
     background-color: #2c7a7b;
+    background-color: rgba(44, 122, 123, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-teal-800:focus {
+    --bg-opacity: 1;
     background-color: #285e61;
+    background-color: rgba(40, 94, 97, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-teal-900:focus {
+    --bg-opacity: 1;
     background-color: #234e52;
+    background-color: rgba(35, 78, 82, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-blue-100:focus {
+    --bg-opacity: 1;
     background-color: #ebf8ff;
+    background-color: rgba(235, 248, 255, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-blue-200:focus {
+    --bg-opacity: 1;
     background-color: #bee3f8;
+    background-color: rgba(190, 227, 248, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-blue-300:focus {
+    --bg-opacity: 1;
     background-color: #90cdf4;
+    background-color: rgba(144, 205, 244, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-blue-400:focus {
+    --bg-opacity: 1;
     background-color: #63b3ed;
+    background-color: rgba(99, 179, 237, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-blue-500:focus {
+    --bg-opacity: 1;
     background-color: #4299e1;
+    background-color: rgba(66, 153, 225, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-blue-600:focus {
+    --bg-opacity: 1;
     background-color: #3182ce;
+    background-color: rgba(49, 130, 206, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-blue-700:focus {
+    --bg-opacity: 1;
     background-color: #2b6cb0;
+    background-color: rgba(43, 108, 176, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-blue-800:focus {
+    --bg-opacity: 1;
     background-color: #2c5282;
+    background-color: rgba(44, 82, 130, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-blue-900:focus {
+    --bg-opacity: 1;
     background-color: #2a4365;
+    background-color: rgba(42, 67, 101, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-indigo-100:focus {
+    --bg-opacity: 1;
     background-color: #ebf4ff;
+    background-color: rgba(235, 244, 255, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-indigo-200:focus {
+    --bg-opacity: 1;
     background-color: #c3dafe;
+    background-color: rgba(195, 218, 254, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-indigo-300:focus {
+    --bg-opacity: 1;
     background-color: #a3bffa;
+    background-color: rgba(163, 191, 250, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-indigo-400:focus {
+    --bg-opacity: 1;
     background-color: #7f9cf5;
+    background-color: rgba(127, 156, 245, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-indigo-500:focus {
+    --bg-opacity: 1;
     background-color: #667eea;
+    background-color: rgba(102, 126, 234, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-indigo-600:focus {
+    --bg-opacity: 1;
     background-color: #5a67d8;
+    background-color: rgba(90, 103, 216, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-indigo-700:focus {
+    --bg-opacity: 1;
     background-color: #4c51bf;
+    background-color: rgba(76, 81, 191, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-indigo-800:focus {
+    --bg-opacity: 1;
     background-color: #434190;
+    background-color: rgba(67, 65, 144, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-indigo-900:focus {
+    --bg-opacity: 1;
     background-color: #3c366b;
+    background-color: rgba(60, 54, 107, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-purple-100:focus {
+    --bg-opacity: 1;
     background-color: #faf5ff;
+    background-color: rgba(250, 245, 255, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-purple-200:focus {
+    --bg-opacity: 1;
     background-color: #e9d8fd;
+    background-color: rgba(233, 216, 253, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-purple-300:focus {
+    --bg-opacity: 1;
     background-color: #d6bcfa;
+    background-color: rgba(214, 188, 250, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-purple-400:focus {
+    --bg-opacity: 1;
     background-color: #b794f4;
+    background-color: rgba(183, 148, 244, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-purple-500:focus {
+    --bg-opacity: 1;
     background-color: #9f7aea;
+    background-color: rgba(159, 122, 234, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-purple-600:focus {
+    --bg-opacity: 1;
     background-color: #805ad5;
+    background-color: rgba(128, 90, 213, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-purple-700:focus {
+    --bg-opacity: 1;
     background-color: #6b46c1;
+    background-color: rgba(107, 70, 193, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-purple-800:focus {
+    --bg-opacity: 1;
     background-color: #553c9a;
+    background-color: rgba(85, 60, 154, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-purple-900:focus {
+    --bg-opacity: 1;
     background-color: #44337a;
+    background-color: rgba(68, 51, 122, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-pink-100:focus {
+    --bg-opacity: 1;
     background-color: #fff5f7;
+    background-color: rgba(255, 245, 247, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-pink-200:focus {
+    --bg-opacity: 1;
     background-color: #fed7e2;
+    background-color: rgba(254, 215, 226, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-pink-300:focus {
+    --bg-opacity: 1;
     background-color: #fbb6ce;
+    background-color: rgba(251, 182, 206, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-pink-400:focus {
+    --bg-opacity: 1;
     background-color: #f687b3;
+    background-color: rgba(246, 135, 179, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-pink-500:focus {
+    --bg-opacity: 1;
     background-color: #ed64a6;
+    background-color: rgba(237, 100, 166, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-pink-600:focus {
+    --bg-opacity: 1;
     background-color: #d53f8c;
+    background-color: rgba(213, 63, 140, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-pink-700:focus {
+    --bg-opacity: 1;
     background-color: #b83280;
+    background-color: rgba(184, 50, 128, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-pink-800:focus {
+    --bg-opacity: 1;
     background-color: #97266d;
+    background-color: rgba(151, 38, 109, var(--bg-opacity));
   }
 
   .lg\:focus\:bg-pink-900:focus {
+    --bg-opacity: 1;
     background-color: #702459;
+    background-color: rgba(112, 36, 89, var(--bg-opacity));
+  }
+
+  .lg\:bg-opacity-0 {
+    --bg-opacity: 0;
+  }
+
+  .lg\:bg-opacity-25 {
+    --bg-opacity: 0.25;
+  }
+
+  .lg\:bg-opacity-50 {
+    --bg-opacity: 0.5;
+  }
+
+  .lg\:bg-opacity-75 {
+    --bg-opacity: 0.75;
+  }
+
+  .lg\:bg-opacity-100 {
+    --bg-opacity: 1;
+  }
+
+  .lg\:hover\:bg-opacity-0:hover {
+    --bg-opacity: 0;
+  }
+
+  .lg\:hover\:bg-opacity-25:hover {
+    --bg-opacity: 0.25;
+  }
+
+  .lg\:hover\:bg-opacity-50:hover {
+    --bg-opacity: 0.5;
+  }
+
+  .lg\:hover\:bg-opacity-75:hover {
+    --bg-opacity: 0.75;
+  }
+
+  .lg\:hover\:bg-opacity-100:hover {
+    --bg-opacity: 1;
+  }
+
+  .lg\:focus\:bg-opacity-0:focus {
+    --bg-opacity: 0;
+  }
+
+  .lg\:focus\:bg-opacity-25:focus {
+    --bg-opacity: 0.25;
+  }
+
+  .lg\:focus\:bg-opacity-50:focus {
+    --bg-opacity: 0.5;
+  }
+
+  .lg\:focus\:bg-opacity-75:focus {
+    --bg-opacity: 0.75;
+  }
+
+  .lg\:focus\:bg-opacity-100:focus {
+    --bg-opacity: 1;
   }
 
   .lg\:bg-bottom {
@@ -36650,371 +44810,555 @@ video {
   }
 
   .lg\:border-black {
+    --border-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
   }
 
   .lg\:border-white {
+    --border-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
   }
 
   .lg\:border-gray-100 {
+    --border-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--border-opacity));
   }
 
   .lg\:border-gray-200 {
+    --border-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--border-opacity));
   }
 
   .lg\:border-gray-300 {
+    --border-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
   }
 
   .lg\:border-gray-400 {
+    --border-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--border-opacity));
   }
 
   .lg\:border-gray-500 {
+    --border-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--border-opacity));
   }
 
   .lg\:border-gray-600 {
+    --border-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--border-opacity));
   }
 
   .lg\:border-gray-700 {
+    --border-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--border-opacity));
   }
 
   .lg\:border-gray-800 {
+    --border-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--border-opacity));
   }
 
   .lg\:border-gray-900 {
+    --border-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--border-opacity));
   }
 
   .lg\:border-red-100 {
+    --border-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--border-opacity));
   }
 
   .lg\:border-red-200 {
+    --border-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--border-opacity));
   }
 
   .lg\:border-red-300 {
+    --border-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--border-opacity));
   }
 
   .lg\:border-red-400 {
+    --border-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--border-opacity));
   }
 
   .lg\:border-red-500 {
+    --border-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--border-opacity));
   }
 
   .lg\:border-red-600 {
+    --border-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--border-opacity));
   }
 
   .lg\:border-red-700 {
+    --border-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--border-opacity));
   }
 
   .lg\:border-red-800 {
+    --border-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--border-opacity));
   }
 
   .lg\:border-red-900 {
+    --border-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--border-opacity));
   }
 
   .lg\:border-orange-100 {
+    --border-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--border-opacity));
   }
 
   .lg\:border-orange-200 {
+    --border-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--border-opacity));
   }
 
   .lg\:border-orange-300 {
+    --border-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--border-opacity));
   }
 
   .lg\:border-orange-400 {
+    --border-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--border-opacity));
   }
 
   .lg\:border-orange-500 {
+    --border-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--border-opacity));
   }
 
   .lg\:border-orange-600 {
+    --border-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--border-opacity));
   }
 
   .lg\:border-orange-700 {
+    --border-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--border-opacity));
   }
 
   .lg\:border-orange-800 {
+    --border-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--border-opacity));
   }
 
   .lg\:border-orange-900 {
+    --border-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--border-opacity));
   }
 
   .lg\:border-yellow-100 {
+    --border-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--border-opacity));
   }
 
   .lg\:border-yellow-200 {
+    --border-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--border-opacity));
   }
 
   .lg\:border-yellow-300 {
+    --border-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--border-opacity));
   }
 
   .lg\:border-yellow-400 {
+    --border-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--border-opacity));
   }
 
   .lg\:border-yellow-500 {
+    --border-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--border-opacity));
   }
 
   .lg\:border-yellow-600 {
+    --border-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--border-opacity));
   }
 
   .lg\:border-yellow-700 {
+    --border-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--border-opacity));
   }
 
   .lg\:border-yellow-800 {
+    --border-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--border-opacity));
   }
 
   .lg\:border-yellow-900 {
+    --border-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--border-opacity));
   }
 
   .lg\:border-green-100 {
+    --border-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--border-opacity));
   }
 
   .lg\:border-green-200 {
+    --border-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--border-opacity));
   }
 
   .lg\:border-green-300 {
+    --border-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--border-opacity));
   }
 
   .lg\:border-green-400 {
+    --border-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--border-opacity));
   }
 
   .lg\:border-green-500 {
+    --border-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--border-opacity));
   }
 
   .lg\:border-green-600 {
+    --border-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--border-opacity));
   }
 
   .lg\:border-green-700 {
+    --border-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--border-opacity));
   }
 
   .lg\:border-green-800 {
+    --border-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--border-opacity));
   }
 
   .lg\:border-green-900 {
+    --border-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--border-opacity));
   }
 
   .lg\:border-teal-100 {
+    --border-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--border-opacity));
   }
 
   .lg\:border-teal-200 {
+    --border-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--border-opacity));
   }
 
   .lg\:border-teal-300 {
+    --border-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--border-opacity));
   }
 
   .lg\:border-teal-400 {
+    --border-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--border-opacity));
   }
 
   .lg\:border-teal-500 {
+    --border-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--border-opacity));
   }
 
   .lg\:border-teal-600 {
+    --border-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--border-opacity));
   }
 
   .lg\:border-teal-700 {
+    --border-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--border-opacity));
   }
 
   .lg\:border-teal-800 {
+    --border-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--border-opacity));
   }
 
   .lg\:border-teal-900 {
+    --border-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--border-opacity));
   }
 
   .lg\:border-blue-100 {
+    --border-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--border-opacity));
   }
 
   .lg\:border-blue-200 {
+    --border-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--border-opacity));
   }
 
   .lg\:border-blue-300 {
+    --border-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--border-opacity));
   }
 
   .lg\:border-blue-400 {
+    --border-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--border-opacity));
   }
 
   .lg\:border-blue-500 {
+    --border-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--border-opacity));
   }
 
   .lg\:border-blue-600 {
+    --border-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--border-opacity));
   }
 
   .lg\:border-blue-700 {
+    --border-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--border-opacity));
   }
 
   .lg\:border-blue-800 {
+    --border-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--border-opacity));
   }
 
   .lg\:border-blue-900 {
+    --border-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--border-opacity));
   }
 
   .lg\:border-indigo-100 {
+    --border-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--border-opacity));
   }
 
   .lg\:border-indigo-200 {
+    --border-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--border-opacity));
   }
 
   .lg\:border-indigo-300 {
+    --border-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--border-opacity));
   }
 
   .lg\:border-indigo-400 {
+    --border-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--border-opacity));
   }
 
   .lg\:border-indigo-500 {
+    --border-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--border-opacity));
   }
 
   .lg\:border-indigo-600 {
+    --border-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--border-opacity));
   }
 
   .lg\:border-indigo-700 {
+    --border-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--border-opacity));
   }
 
   .lg\:border-indigo-800 {
+    --border-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--border-opacity));
   }
 
   .lg\:border-indigo-900 {
+    --border-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--border-opacity));
   }
 
   .lg\:border-purple-100 {
+    --border-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--border-opacity));
   }
 
   .lg\:border-purple-200 {
+    --border-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--border-opacity));
   }
 
   .lg\:border-purple-300 {
+    --border-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--border-opacity));
   }
 
   .lg\:border-purple-400 {
+    --border-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--border-opacity));
   }
 
   .lg\:border-purple-500 {
+    --border-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--border-opacity));
   }
 
   .lg\:border-purple-600 {
+    --border-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--border-opacity));
   }
 
   .lg\:border-purple-700 {
+    --border-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--border-opacity));
   }
 
   .lg\:border-purple-800 {
+    --border-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--border-opacity));
   }
 
   .lg\:border-purple-900 {
+    --border-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--border-opacity));
   }
 
   .lg\:border-pink-100 {
+    --border-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--border-opacity));
   }
 
   .lg\:border-pink-200 {
+    --border-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--border-opacity));
   }
 
   .lg\:border-pink-300 {
+    --border-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--border-opacity));
   }
 
   .lg\:border-pink-400 {
+    --border-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--border-opacity));
   }
 
   .lg\:border-pink-500 {
+    --border-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--border-opacity));
   }
 
   .lg\:border-pink-600 {
+    --border-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--border-opacity));
   }
 
   .lg\:border-pink-700 {
+    --border-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--border-opacity));
   }
 
   .lg\:border-pink-800 {
+    --border-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--border-opacity));
   }
 
   .lg\:border-pink-900 {
+    --border-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--border-opacity));
   }
 
   .lg\:hover\:border-transparent:hover {
@@ -37026,371 +45370,555 @@ video {
   }
 
   .lg\:hover\:border-black:hover {
+    --border-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
   }
 
   .lg\:hover\:border-white:hover {
+    --border-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
   }
 
   .lg\:hover\:border-gray-100:hover {
+    --border-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--border-opacity));
   }
 
   .lg\:hover\:border-gray-200:hover {
+    --border-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--border-opacity));
   }
 
   .lg\:hover\:border-gray-300:hover {
+    --border-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
   }
 
   .lg\:hover\:border-gray-400:hover {
+    --border-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--border-opacity));
   }
 
   .lg\:hover\:border-gray-500:hover {
+    --border-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--border-opacity));
   }
 
   .lg\:hover\:border-gray-600:hover {
+    --border-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--border-opacity));
   }
 
   .lg\:hover\:border-gray-700:hover {
+    --border-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--border-opacity));
   }
 
   .lg\:hover\:border-gray-800:hover {
+    --border-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--border-opacity));
   }
 
   .lg\:hover\:border-gray-900:hover {
+    --border-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--border-opacity));
   }
 
   .lg\:hover\:border-red-100:hover {
+    --border-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--border-opacity));
   }
 
   .lg\:hover\:border-red-200:hover {
+    --border-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--border-opacity));
   }
 
   .lg\:hover\:border-red-300:hover {
+    --border-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--border-opacity));
   }
 
   .lg\:hover\:border-red-400:hover {
+    --border-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--border-opacity));
   }
 
   .lg\:hover\:border-red-500:hover {
+    --border-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--border-opacity));
   }
 
   .lg\:hover\:border-red-600:hover {
+    --border-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--border-opacity));
   }
 
   .lg\:hover\:border-red-700:hover {
+    --border-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--border-opacity));
   }
 
   .lg\:hover\:border-red-800:hover {
+    --border-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--border-opacity));
   }
 
   .lg\:hover\:border-red-900:hover {
+    --border-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--border-opacity));
   }
 
   .lg\:hover\:border-orange-100:hover {
+    --border-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--border-opacity));
   }
 
   .lg\:hover\:border-orange-200:hover {
+    --border-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--border-opacity));
   }
 
   .lg\:hover\:border-orange-300:hover {
+    --border-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--border-opacity));
   }
 
   .lg\:hover\:border-orange-400:hover {
+    --border-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--border-opacity));
   }
 
   .lg\:hover\:border-orange-500:hover {
+    --border-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--border-opacity));
   }
 
   .lg\:hover\:border-orange-600:hover {
+    --border-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--border-opacity));
   }
 
   .lg\:hover\:border-orange-700:hover {
+    --border-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--border-opacity));
   }
 
   .lg\:hover\:border-orange-800:hover {
+    --border-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--border-opacity));
   }
 
   .lg\:hover\:border-orange-900:hover {
+    --border-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--border-opacity));
   }
 
   .lg\:hover\:border-yellow-100:hover {
+    --border-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--border-opacity));
   }
 
   .lg\:hover\:border-yellow-200:hover {
+    --border-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--border-opacity));
   }
 
   .lg\:hover\:border-yellow-300:hover {
+    --border-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--border-opacity));
   }
 
   .lg\:hover\:border-yellow-400:hover {
+    --border-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--border-opacity));
   }
 
   .lg\:hover\:border-yellow-500:hover {
+    --border-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--border-opacity));
   }
 
   .lg\:hover\:border-yellow-600:hover {
+    --border-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--border-opacity));
   }
 
   .lg\:hover\:border-yellow-700:hover {
+    --border-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--border-opacity));
   }
 
   .lg\:hover\:border-yellow-800:hover {
+    --border-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--border-opacity));
   }
 
   .lg\:hover\:border-yellow-900:hover {
+    --border-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--border-opacity));
   }
 
   .lg\:hover\:border-green-100:hover {
+    --border-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--border-opacity));
   }
 
   .lg\:hover\:border-green-200:hover {
+    --border-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--border-opacity));
   }
 
   .lg\:hover\:border-green-300:hover {
+    --border-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--border-opacity));
   }
 
   .lg\:hover\:border-green-400:hover {
+    --border-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--border-opacity));
   }
 
   .lg\:hover\:border-green-500:hover {
+    --border-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--border-opacity));
   }
 
   .lg\:hover\:border-green-600:hover {
+    --border-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--border-opacity));
   }
 
   .lg\:hover\:border-green-700:hover {
+    --border-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--border-opacity));
   }
 
   .lg\:hover\:border-green-800:hover {
+    --border-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--border-opacity));
   }
 
   .lg\:hover\:border-green-900:hover {
+    --border-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--border-opacity));
   }
 
   .lg\:hover\:border-teal-100:hover {
+    --border-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--border-opacity));
   }
 
   .lg\:hover\:border-teal-200:hover {
+    --border-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--border-opacity));
   }
 
   .lg\:hover\:border-teal-300:hover {
+    --border-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--border-opacity));
   }
 
   .lg\:hover\:border-teal-400:hover {
+    --border-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--border-opacity));
   }
 
   .lg\:hover\:border-teal-500:hover {
+    --border-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--border-opacity));
   }
 
   .lg\:hover\:border-teal-600:hover {
+    --border-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--border-opacity));
   }
 
   .lg\:hover\:border-teal-700:hover {
+    --border-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--border-opacity));
   }
 
   .lg\:hover\:border-teal-800:hover {
+    --border-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--border-opacity));
   }
 
   .lg\:hover\:border-teal-900:hover {
+    --border-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--border-opacity));
   }
 
   .lg\:hover\:border-blue-100:hover {
+    --border-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--border-opacity));
   }
 
   .lg\:hover\:border-blue-200:hover {
+    --border-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--border-opacity));
   }
 
   .lg\:hover\:border-blue-300:hover {
+    --border-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--border-opacity));
   }
 
   .lg\:hover\:border-blue-400:hover {
+    --border-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--border-opacity));
   }
 
   .lg\:hover\:border-blue-500:hover {
+    --border-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--border-opacity));
   }
 
   .lg\:hover\:border-blue-600:hover {
+    --border-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--border-opacity));
   }
 
   .lg\:hover\:border-blue-700:hover {
+    --border-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--border-opacity));
   }
 
   .lg\:hover\:border-blue-800:hover {
+    --border-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--border-opacity));
   }
 
   .lg\:hover\:border-blue-900:hover {
+    --border-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--border-opacity));
   }
 
   .lg\:hover\:border-indigo-100:hover {
+    --border-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--border-opacity));
   }
 
   .lg\:hover\:border-indigo-200:hover {
+    --border-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--border-opacity));
   }
 
   .lg\:hover\:border-indigo-300:hover {
+    --border-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--border-opacity));
   }
 
   .lg\:hover\:border-indigo-400:hover {
+    --border-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--border-opacity));
   }
 
   .lg\:hover\:border-indigo-500:hover {
+    --border-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--border-opacity));
   }
 
   .lg\:hover\:border-indigo-600:hover {
+    --border-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--border-opacity));
   }
 
   .lg\:hover\:border-indigo-700:hover {
+    --border-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--border-opacity));
   }
 
   .lg\:hover\:border-indigo-800:hover {
+    --border-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--border-opacity));
   }
 
   .lg\:hover\:border-indigo-900:hover {
+    --border-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--border-opacity));
   }
 
   .lg\:hover\:border-purple-100:hover {
+    --border-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--border-opacity));
   }
 
   .lg\:hover\:border-purple-200:hover {
+    --border-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--border-opacity));
   }
 
   .lg\:hover\:border-purple-300:hover {
+    --border-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--border-opacity));
   }
 
   .lg\:hover\:border-purple-400:hover {
+    --border-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--border-opacity));
   }
 
   .lg\:hover\:border-purple-500:hover {
+    --border-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--border-opacity));
   }
 
   .lg\:hover\:border-purple-600:hover {
+    --border-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--border-opacity));
   }
 
   .lg\:hover\:border-purple-700:hover {
+    --border-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--border-opacity));
   }
 
   .lg\:hover\:border-purple-800:hover {
+    --border-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--border-opacity));
   }
 
   .lg\:hover\:border-purple-900:hover {
+    --border-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--border-opacity));
   }
 
   .lg\:hover\:border-pink-100:hover {
+    --border-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--border-opacity));
   }
 
   .lg\:hover\:border-pink-200:hover {
+    --border-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--border-opacity));
   }
 
   .lg\:hover\:border-pink-300:hover {
+    --border-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--border-opacity));
   }
 
   .lg\:hover\:border-pink-400:hover {
+    --border-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--border-opacity));
   }
 
   .lg\:hover\:border-pink-500:hover {
+    --border-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--border-opacity));
   }
 
   .lg\:hover\:border-pink-600:hover {
+    --border-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--border-opacity));
   }
 
   .lg\:hover\:border-pink-700:hover {
+    --border-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--border-opacity));
   }
 
   .lg\:hover\:border-pink-800:hover {
+    --border-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--border-opacity));
   }
 
   .lg\:hover\:border-pink-900:hover {
+    --border-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--border-opacity));
   }
 
   .lg\:focus\:border-transparent:focus {
@@ -37402,371 +45930,615 @@ video {
   }
 
   .lg\:focus\:border-black:focus {
+    --border-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
   }
 
   .lg\:focus\:border-white:focus {
+    --border-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
   }
 
   .lg\:focus\:border-gray-100:focus {
+    --border-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--border-opacity));
   }
 
   .lg\:focus\:border-gray-200:focus {
+    --border-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--border-opacity));
   }
 
   .lg\:focus\:border-gray-300:focus {
+    --border-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
   }
 
   .lg\:focus\:border-gray-400:focus {
+    --border-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--border-opacity));
   }
 
   .lg\:focus\:border-gray-500:focus {
+    --border-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--border-opacity));
   }
 
   .lg\:focus\:border-gray-600:focus {
+    --border-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--border-opacity));
   }
 
   .lg\:focus\:border-gray-700:focus {
+    --border-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--border-opacity));
   }
 
   .lg\:focus\:border-gray-800:focus {
+    --border-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--border-opacity));
   }
 
   .lg\:focus\:border-gray-900:focus {
+    --border-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--border-opacity));
   }
 
   .lg\:focus\:border-red-100:focus {
+    --border-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--border-opacity));
   }
 
   .lg\:focus\:border-red-200:focus {
+    --border-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--border-opacity));
   }
 
   .lg\:focus\:border-red-300:focus {
+    --border-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--border-opacity));
   }
 
   .lg\:focus\:border-red-400:focus {
+    --border-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--border-opacity));
   }
 
   .lg\:focus\:border-red-500:focus {
+    --border-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--border-opacity));
   }
 
   .lg\:focus\:border-red-600:focus {
+    --border-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--border-opacity));
   }
 
   .lg\:focus\:border-red-700:focus {
+    --border-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--border-opacity));
   }
 
   .lg\:focus\:border-red-800:focus {
+    --border-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--border-opacity));
   }
 
   .lg\:focus\:border-red-900:focus {
+    --border-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--border-opacity));
   }
 
   .lg\:focus\:border-orange-100:focus {
+    --border-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--border-opacity));
   }
 
   .lg\:focus\:border-orange-200:focus {
+    --border-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--border-opacity));
   }
 
   .lg\:focus\:border-orange-300:focus {
+    --border-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--border-opacity));
   }
 
   .lg\:focus\:border-orange-400:focus {
+    --border-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--border-opacity));
   }
 
   .lg\:focus\:border-orange-500:focus {
+    --border-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--border-opacity));
   }
 
   .lg\:focus\:border-orange-600:focus {
+    --border-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--border-opacity));
   }
 
   .lg\:focus\:border-orange-700:focus {
+    --border-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--border-opacity));
   }
 
   .lg\:focus\:border-orange-800:focus {
+    --border-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--border-opacity));
   }
 
   .lg\:focus\:border-orange-900:focus {
+    --border-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--border-opacity));
   }
 
   .lg\:focus\:border-yellow-100:focus {
+    --border-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--border-opacity));
   }
 
   .lg\:focus\:border-yellow-200:focus {
+    --border-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--border-opacity));
   }
 
   .lg\:focus\:border-yellow-300:focus {
+    --border-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--border-opacity));
   }
 
   .lg\:focus\:border-yellow-400:focus {
+    --border-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--border-opacity));
   }
 
   .lg\:focus\:border-yellow-500:focus {
+    --border-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--border-opacity));
   }
 
   .lg\:focus\:border-yellow-600:focus {
+    --border-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--border-opacity));
   }
 
   .lg\:focus\:border-yellow-700:focus {
+    --border-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--border-opacity));
   }
 
   .lg\:focus\:border-yellow-800:focus {
+    --border-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--border-opacity));
   }
 
   .lg\:focus\:border-yellow-900:focus {
+    --border-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--border-opacity));
   }
 
   .lg\:focus\:border-green-100:focus {
+    --border-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--border-opacity));
   }
 
   .lg\:focus\:border-green-200:focus {
+    --border-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--border-opacity));
   }
 
   .lg\:focus\:border-green-300:focus {
+    --border-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--border-opacity));
   }
 
   .lg\:focus\:border-green-400:focus {
+    --border-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--border-opacity));
   }
 
   .lg\:focus\:border-green-500:focus {
+    --border-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--border-opacity));
   }
 
   .lg\:focus\:border-green-600:focus {
+    --border-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--border-opacity));
   }
 
   .lg\:focus\:border-green-700:focus {
+    --border-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--border-opacity));
   }
 
   .lg\:focus\:border-green-800:focus {
+    --border-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--border-opacity));
   }
 
   .lg\:focus\:border-green-900:focus {
+    --border-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--border-opacity));
   }
 
   .lg\:focus\:border-teal-100:focus {
+    --border-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--border-opacity));
   }
 
   .lg\:focus\:border-teal-200:focus {
+    --border-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--border-opacity));
   }
 
   .lg\:focus\:border-teal-300:focus {
+    --border-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--border-opacity));
   }
 
   .lg\:focus\:border-teal-400:focus {
+    --border-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--border-opacity));
   }
 
   .lg\:focus\:border-teal-500:focus {
+    --border-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--border-opacity));
   }
 
   .lg\:focus\:border-teal-600:focus {
+    --border-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--border-opacity));
   }
 
   .lg\:focus\:border-teal-700:focus {
+    --border-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--border-opacity));
   }
 
   .lg\:focus\:border-teal-800:focus {
+    --border-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--border-opacity));
   }
 
   .lg\:focus\:border-teal-900:focus {
+    --border-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--border-opacity));
   }
 
   .lg\:focus\:border-blue-100:focus {
+    --border-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--border-opacity));
   }
 
   .lg\:focus\:border-blue-200:focus {
+    --border-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--border-opacity));
   }
 
   .lg\:focus\:border-blue-300:focus {
+    --border-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--border-opacity));
   }
 
   .lg\:focus\:border-blue-400:focus {
+    --border-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--border-opacity));
   }
 
   .lg\:focus\:border-blue-500:focus {
+    --border-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--border-opacity));
   }
 
   .lg\:focus\:border-blue-600:focus {
+    --border-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--border-opacity));
   }
 
   .lg\:focus\:border-blue-700:focus {
+    --border-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--border-opacity));
   }
 
   .lg\:focus\:border-blue-800:focus {
+    --border-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--border-opacity));
   }
 
   .lg\:focus\:border-blue-900:focus {
+    --border-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--border-opacity));
   }
 
   .lg\:focus\:border-indigo-100:focus {
+    --border-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--border-opacity));
   }
 
   .lg\:focus\:border-indigo-200:focus {
+    --border-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--border-opacity));
   }
 
   .lg\:focus\:border-indigo-300:focus {
+    --border-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--border-opacity));
   }
 
   .lg\:focus\:border-indigo-400:focus {
+    --border-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--border-opacity));
   }
 
   .lg\:focus\:border-indigo-500:focus {
+    --border-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--border-opacity));
   }
 
   .lg\:focus\:border-indigo-600:focus {
+    --border-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--border-opacity));
   }
 
   .lg\:focus\:border-indigo-700:focus {
+    --border-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--border-opacity));
   }
 
   .lg\:focus\:border-indigo-800:focus {
+    --border-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--border-opacity));
   }
 
   .lg\:focus\:border-indigo-900:focus {
+    --border-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--border-opacity));
   }
 
   .lg\:focus\:border-purple-100:focus {
+    --border-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--border-opacity));
   }
 
   .lg\:focus\:border-purple-200:focus {
+    --border-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--border-opacity));
   }
 
   .lg\:focus\:border-purple-300:focus {
+    --border-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--border-opacity));
   }
 
   .lg\:focus\:border-purple-400:focus {
+    --border-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--border-opacity));
   }
 
   .lg\:focus\:border-purple-500:focus {
+    --border-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--border-opacity));
   }
 
   .lg\:focus\:border-purple-600:focus {
+    --border-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--border-opacity));
   }
 
   .lg\:focus\:border-purple-700:focus {
+    --border-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--border-opacity));
   }
 
   .lg\:focus\:border-purple-800:focus {
+    --border-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--border-opacity));
   }
 
   .lg\:focus\:border-purple-900:focus {
+    --border-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--border-opacity));
   }
 
   .lg\:focus\:border-pink-100:focus {
+    --border-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--border-opacity));
   }
 
   .lg\:focus\:border-pink-200:focus {
+    --border-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--border-opacity));
   }
 
   .lg\:focus\:border-pink-300:focus {
+    --border-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--border-opacity));
   }
 
   .lg\:focus\:border-pink-400:focus {
+    --border-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--border-opacity));
   }
 
   .lg\:focus\:border-pink-500:focus {
+    --border-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--border-opacity));
   }
 
   .lg\:focus\:border-pink-600:focus {
+    --border-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--border-opacity));
   }
 
   .lg\:focus\:border-pink-700:focus {
+    --border-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--border-opacity));
   }
 
   .lg\:focus\:border-pink-800:focus {
+    --border-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--border-opacity));
   }
 
   .lg\:focus\:border-pink-900:focus {
+    --border-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--border-opacity));
+  }
+
+  .lg\:border-opacity-0 {
+    --border-opacity: 0;
+  }
+
+  .lg\:border-opacity-25 {
+    --border-opacity: 0.25;
+  }
+
+  .lg\:border-opacity-50 {
+    --border-opacity: 0.5;
+  }
+
+  .lg\:border-opacity-75 {
+    --border-opacity: 0.75;
+  }
+
+  .lg\:border-opacity-100 {
+    --border-opacity: 1;
+  }
+
+  .lg\:hover\:border-opacity-0:hover {
+    --border-opacity: 0;
+  }
+
+  .lg\:hover\:border-opacity-25:hover {
+    --border-opacity: 0.25;
+  }
+
+  .lg\:hover\:border-opacity-50:hover {
+    --border-opacity: 0.5;
+  }
+
+  .lg\:hover\:border-opacity-75:hover {
+    --border-opacity: 0.75;
+  }
+
+  .lg\:hover\:border-opacity-100:hover {
+    --border-opacity: 1;
+  }
+
+  .lg\:focus\:border-opacity-0:focus {
+    --border-opacity: 0;
+  }
+
+  .lg\:focus\:border-opacity-25:focus {
+    --border-opacity: 0.25;
+  }
+
+  .lg\:focus\:border-opacity-50:focus {
+    --border-opacity: 0.5;
+  }
+
+  .lg\:focus\:border-opacity-75:focus {
+    --border-opacity: 0.75;
+  }
+
+  .lg\:focus\:border-opacity-100:focus {
+    --border-opacity: 1;
   }
 
   .lg\:rounded-none {
@@ -40790,371 +49562,555 @@ video {
   }
 
   .lg\:placeholder-black::placeholder {
+    --placeholder-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-white::placeholder {
+    --placeholder-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--placeholder-opacity));
   }
 
   .lg\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-transparent:focus::placeholder {
@@ -41166,371 +50122,595 @@ video {
   }
 
   .lg\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--placeholder-opacity));
   }
 
   .lg\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--placeholder-opacity));
+  }
+
+  .lg\:placeholder-opacity-0 {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:placeholder-opacity-25 {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:placeholder-opacity-50 {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:placeholder-opacity-75 {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:placeholder-opacity-100 {
+    --placeholder-opacity: 1;
+  }
+
+  .lg\:focus\:placeholder-opacity-0:focus {
+    --placeholder-opacity: 0;
+  }
+
+  .lg\:focus\:placeholder-opacity-25:focus {
+    --placeholder-opacity: 0.25;
+  }
+
+  .lg\:focus\:placeholder-opacity-50:focus {
+    --placeholder-opacity: 0.5;
+  }
+
+  .lg\:focus\:placeholder-opacity-75:focus {
+    --placeholder-opacity: 0.75;
+  }
+
+  .lg\:focus\:placeholder-opacity-100:focus {
+    --placeholder-opacity: 1;
   }
 
   .lg\:pointer-events-none {
@@ -41816,371 +50996,555 @@ video {
   }
 
   .lg\:text-black {
+    --text-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--text-opacity));
   }
 
   .lg\:text-white {
+    --text-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--text-opacity));
   }
 
   .lg\:text-gray-100 {
+    --text-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--text-opacity));
   }
 
   .lg\:text-gray-200 {
+    --text-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--text-opacity));
   }
 
   .lg\:text-gray-300 {
+    --text-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
   }
 
   .lg\:text-gray-400 {
+    --text-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--text-opacity));
   }
 
   .lg\:text-gray-500 {
+    --text-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--text-opacity));
   }
 
   .lg\:text-gray-600 {
+    --text-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--text-opacity));
   }
 
   .lg\:text-gray-700 {
+    --text-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--text-opacity));
   }
 
   .lg\:text-gray-800 {
+    --text-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--text-opacity));
   }
 
   .lg\:text-gray-900 {
+    --text-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--text-opacity));
   }
 
   .lg\:text-red-100 {
+    --text-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--text-opacity));
   }
 
   .lg\:text-red-200 {
+    --text-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--text-opacity));
   }
 
   .lg\:text-red-300 {
+    --text-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--text-opacity));
   }
 
   .lg\:text-red-400 {
+    --text-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--text-opacity));
   }
 
   .lg\:text-red-500 {
+    --text-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--text-opacity));
   }
 
   .lg\:text-red-600 {
+    --text-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--text-opacity));
   }
 
   .lg\:text-red-700 {
+    --text-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--text-opacity));
   }
 
   .lg\:text-red-800 {
+    --text-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--text-opacity));
   }
 
   .lg\:text-red-900 {
+    --text-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--text-opacity));
   }
 
   .lg\:text-orange-100 {
+    --text-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--text-opacity));
   }
 
   .lg\:text-orange-200 {
+    --text-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--text-opacity));
   }
 
   .lg\:text-orange-300 {
+    --text-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--text-opacity));
   }
 
   .lg\:text-orange-400 {
+    --text-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--text-opacity));
   }
 
   .lg\:text-orange-500 {
+    --text-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--text-opacity));
   }
 
   .lg\:text-orange-600 {
+    --text-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--text-opacity));
   }
 
   .lg\:text-orange-700 {
+    --text-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--text-opacity));
   }
 
   .lg\:text-orange-800 {
+    --text-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--text-opacity));
   }
 
   .lg\:text-orange-900 {
+    --text-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--text-opacity));
   }
 
   .lg\:text-yellow-100 {
+    --text-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--text-opacity));
   }
 
   .lg\:text-yellow-200 {
+    --text-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--text-opacity));
   }
 
   .lg\:text-yellow-300 {
+    --text-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--text-opacity));
   }
 
   .lg\:text-yellow-400 {
+    --text-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--text-opacity));
   }
 
   .lg\:text-yellow-500 {
+    --text-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--text-opacity));
   }
 
   .lg\:text-yellow-600 {
+    --text-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--text-opacity));
   }
 
   .lg\:text-yellow-700 {
+    --text-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--text-opacity));
   }
 
   .lg\:text-yellow-800 {
+    --text-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--text-opacity));
   }
 
   .lg\:text-yellow-900 {
+    --text-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--text-opacity));
   }
 
   .lg\:text-green-100 {
+    --text-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--text-opacity));
   }
 
   .lg\:text-green-200 {
+    --text-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--text-opacity));
   }
 
   .lg\:text-green-300 {
+    --text-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--text-opacity));
   }
 
   .lg\:text-green-400 {
+    --text-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--text-opacity));
   }
 
   .lg\:text-green-500 {
+    --text-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--text-opacity));
   }
 
   .lg\:text-green-600 {
+    --text-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--text-opacity));
   }
 
   .lg\:text-green-700 {
+    --text-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--text-opacity));
   }
 
   .lg\:text-green-800 {
+    --text-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--text-opacity));
   }
 
   .lg\:text-green-900 {
+    --text-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--text-opacity));
   }
 
   .lg\:text-teal-100 {
+    --text-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--text-opacity));
   }
 
   .lg\:text-teal-200 {
+    --text-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--text-opacity));
   }
 
   .lg\:text-teal-300 {
+    --text-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--text-opacity));
   }
 
   .lg\:text-teal-400 {
+    --text-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--text-opacity));
   }
 
   .lg\:text-teal-500 {
+    --text-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--text-opacity));
   }
 
   .lg\:text-teal-600 {
+    --text-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--text-opacity));
   }
 
   .lg\:text-teal-700 {
+    --text-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--text-opacity));
   }
 
   .lg\:text-teal-800 {
+    --text-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--text-opacity));
   }
 
   .lg\:text-teal-900 {
+    --text-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--text-opacity));
   }
 
   .lg\:text-blue-100 {
+    --text-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--text-opacity));
   }
 
   .lg\:text-blue-200 {
+    --text-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--text-opacity));
   }
 
   .lg\:text-blue-300 {
+    --text-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--text-opacity));
   }
 
   .lg\:text-blue-400 {
+    --text-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--text-opacity));
   }
 
   .lg\:text-blue-500 {
+    --text-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--text-opacity));
   }
 
   .lg\:text-blue-600 {
+    --text-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--text-opacity));
   }
 
   .lg\:text-blue-700 {
+    --text-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--text-opacity));
   }
 
   .lg\:text-blue-800 {
+    --text-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--text-opacity));
   }
 
   .lg\:text-blue-900 {
+    --text-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--text-opacity));
   }
 
   .lg\:text-indigo-100 {
+    --text-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--text-opacity));
   }
 
   .lg\:text-indigo-200 {
+    --text-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--text-opacity));
   }
 
   .lg\:text-indigo-300 {
+    --text-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--text-opacity));
   }
 
   .lg\:text-indigo-400 {
+    --text-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--text-opacity));
   }
 
   .lg\:text-indigo-500 {
+    --text-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--text-opacity));
   }
 
   .lg\:text-indigo-600 {
+    --text-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--text-opacity));
   }
 
   .lg\:text-indigo-700 {
+    --text-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--text-opacity));
   }
 
   .lg\:text-indigo-800 {
+    --text-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--text-opacity));
   }
 
   .lg\:text-indigo-900 {
+    --text-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--text-opacity));
   }
 
   .lg\:text-purple-100 {
+    --text-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--text-opacity));
   }
 
   .lg\:text-purple-200 {
+    --text-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--text-opacity));
   }
 
   .lg\:text-purple-300 {
+    --text-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--text-opacity));
   }
 
   .lg\:text-purple-400 {
+    --text-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--text-opacity));
   }
 
   .lg\:text-purple-500 {
+    --text-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--text-opacity));
   }
 
   .lg\:text-purple-600 {
+    --text-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--text-opacity));
   }
 
   .lg\:text-purple-700 {
+    --text-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--text-opacity));
   }
 
   .lg\:text-purple-800 {
+    --text-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--text-opacity));
   }
 
   .lg\:text-purple-900 {
+    --text-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--text-opacity));
   }
 
   .lg\:text-pink-100 {
+    --text-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--text-opacity));
   }
 
   .lg\:text-pink-200 {
+    --text-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--text-opacity));
   }
 
   .lg\:text-pink-300 {
+    --text-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--text-opacity));
   }
 
   .lg\:text-pink-400 {
+    --text-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--text-opacity));
   }
 
   .lg\:text-pink-500 {
+    --text-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--text-opacity));
   }
 
   .lg\:text-pink-600 {
+    --text-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--text-opacity));
   }
 
   .lg\:text-pink-700 {
+    --text-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--text-opacity));
   }
 
   .lg\:text-pink-800 {
+    --text-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--text-opacity));
   }
 
   .lg\:text-pink-900 {
+    --text-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--text-opacity));
   }
 
   .lg\:hover\:text-transparent:hover {
@@ -42192,371 +51556,555 @@ video {
   }
 
   .lg\:hover\:text-black:hover {
+    --text-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--text-opacity));
   }
 
   .lg\:hover\:text-white:hover {
+    --text-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--text-opacity));
   }
 
   .lg\:hover\:text-gray-100:hover {
+    --text-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--text-opacity));
   }
 
   .lg\:hover\:text-gray-200:hover {
+    --text-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--text-opacity));
   }
 
   .lg\:hover\:text-gray-300:hover {
+    --text-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
   }
 
   .lg\:hover\:text-gray-400:hover {
+    --text-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--text-opacity));
   }
 
   .lg\:hover\:text-gray-500:hover {
+    --text-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--text-opacity));
   }
 
   .lg\:hover\:text-gray-600:hover {
+    --text-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--text-opacity));
   }
 
   .lg\:hover\:text-gray-700:hover {
+    --text-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--text-opacity));
   }
 
   .lg\:hover\:text-gray-800:hover {
+    --text-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--text-opacity));
   }
 
   .lg\:hover\:text-gray-900:hover {
+    --text-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--text-opacity));
   }
 
   .lg\:hover\:text-red-100:hover {
+    --text-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--text-opacity));
   }
 
   .lg\:hover\:text-red-200:hover {
+    --text-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--text-opacity));
   }
 
   .lg\:hover\:text-red-300:hover {
+    --text-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--text-opacity));
   }
 
   .lg\:hover\:text-red-400:hover {
+    --text-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--text-opacity));
   }
 
   .lg\:hover\:text-red-500:hover {
+    --text-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--text-opacity));
   }
 
   .lg\:hover\:text-red-600:hover {
+    --text-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--text-opacity));
   }
 
   .lg\:hover\:text-red-700:hover {
+    --text-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--text-opacity));
   }
 
   .lg\:hover\:text-red-800:hover {
+    --text-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--text-opacity));
   }
 
   .lg\:hover\:text-red-900:hover {
+    --text-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--text-opacity));
   }
 
   .lg\:hover\:text-orange-100:hover {
+    --text-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--text-opacity));
   }
 
   .lg\:hover\:text-orange-200:hover {
+    --text-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--text-opacity));
   }
 
   .lg\:hover\:text-orange-300:hover {
+    --text-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--text-opacity));
   }
 
   .lg\:hover\:text-orange-400:hover {
+    --text-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--text-opacity));
   }
 
   .lg\:hover\:text-orange-500:hover {
+    --text-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--text-opacity));
   }
 
   .lg\:hover\:text-orange-600:hover {
+    --text-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--text-opacity));
   }
 
   .lg\:hover\:text-orange-700:hover {
+    --text-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--text-opacity));
   }
 
   .lg\:hover\:text-orange-800:hover {
+    --text-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--text-opacity));
   }
 
   .lg\:hover\:text-orange-900:hover {
+    --text-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--text-opacity));
   }
 
   .lg\:hover\:text-yellow-100:hover {
+    --text-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--text-opacity));
   }
 
   .lg\:hover\:text-yellow-200:hover {
+    --text-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--text-opacity));
   }
 
   .lg\:hover\:text-yellow-300:hover {
+    --text-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--text-opacity));
   }
 
   .lg\:hover\:text-yellow-400:hover {
+    --text-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--text-opacity));
   }
 
   .lg\:hover\:text-yellow-500:hover {
+    --text-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--text-opacity));
   }
 
   .lg\:hover\:text-yellow-600:hover {
+    --text-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--text-opacity));
   }
 
   .lg\:hover\:text-yellow-700:hover {
+    --text-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--text-opacity));
   }
 
   .lg\:hover\:text-yellow-800:hover {
+    --text-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--text-opacity));
   }
 
   .lg\:hover\:text-yellow-900:hover {
+    --text-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--text-opacity));
   }
 
   .lg\:hover\:text-green-100:hover {
+    --text-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--text-opacity));
   }
 
   .lg\:hover\:text-green-200:hover {
+    --text-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--text-opacity));
   }
 
   .lg\:hover\:text-green-300:hover {
+    --text-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--text-opacity));
   }
 
   .lg\:hover\:text-green-400:hover {
+    --text-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--text-opacity));
   }
 
   .lg\:hover\:text-green-500:hover {
+    --text-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--text-opacity));
   }
 
   .lg\:hover\:text-green-600:hover {
+    --text-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--text-opacity));
   }
 
   .lg\:hover\:text-green-700:hover {
+    --text-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--text-opacity));
   }
 
   .lg\:hover\:text-green-800:hover {
+    --text-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--text-opacity));
   }
 
   .lg\:hover\:text-green-900:hover {
+    --text-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--text-opacity));
   }
 
   .lg\:hover\:text-teal-100:hover {
+    --text-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--text-opacity));
   }
 
   .lg\:hover\:text-teal-200:hover {
+    --text-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--text-opacity));
   }
 
   .lg\:hover\:text-teal-300:hover {
+    --text-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--text-opacity));
   }
 
   .lg\:hover\:text-teal-400:hover {
+    --text-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--text-opacity));
   }
 
   .lg\:hover\:text-teal-500:hover {
+    --text-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--text-opacity));
   }
 
   .lg\:hover\:text-teal-600:hover {
+    --text-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--text-opacity));
   }
 
   .lg\:hover\:text-teal-700:hover {
+    --text-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--text-opacity));
   }
 
   .lg\:hover\:text-teal-800:hover {
+    --text-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--text-opacity));
   }
 
   .lg\:hover\:text-teal-900:hover {
+    --text-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--text-opacity));
   }
 
   .lg\:hover\:text-blue-100:hover {
+    --text-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--text-opacity));
   }
 
   .lg\:hover\:text-blue-200:hover {
+    --text-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--text-opacity));
   }
 
   .lg\:hover\:text-blue-300:hover {
+    --text-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--text-opacity));
   }
 
   .lg\:hover\:text-blue-400:hover {
+    --text-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--text-opacity));
   }
 
   .lg\:hover\:text-blue-500:hover {
+    --text-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--text-opacity));
   }
 
   .lg\:hover\:text-blue-600:hover {
+    --text-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--text-opacity));
   }
 
   .lg\:hover\:text-blue-700:hover {
+    --text-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--text-opacity));
   }
 
   .lg\:hover\:text-blue-800:hover {
+    --text-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--text-opacity));
   }
 
   .lg\:hover\:text-blue-900:hover {
+    --text-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--text-opacity));
   }
 
   .lg\:hover\:text-indigo-100:hover {
+    --text-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--text-opacity));
   }
 
   .lg\:hover\:text-indigo-200:hover {
+    --text-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--text-opacity));
   }
 
   .lg\:hover\:text-indigo-300:hover {
+    --text-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--text-opacity));
   }
 
   .lg\:hover\:text-indigo-400:hover {
+    --text-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--text-opacity));
   }
 
   .lg\:hover\:text-indigo-500:hover {
+    --text-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--text-opacity));
   }
 
   .lg\:hover\:text-indigo-600:hover {
+    --text-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--text-opacity));
   }
 
   .lg\:hover\:text-indigo-700:hover {
+    --text-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--text-opacity));
   }
 
   .lg\:hover\:text-indigo-800:hover {
+    --text-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--text-opacity));
   }
 
   .lg\:hover\:text-indigo-900:hover {
+    --text-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--text-opacity));
   }
 
   .lg\:hover\:text-purple-100:hover {
+    --text-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--text-opacity));
   }
 
   .lg\:hover\:text-purple-200:hover {
+    --text-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--text-opacity));
   }
 
   .lg\:hover\:text-purple-300:hover {
+    --text-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--text-opacity));
   }
 
   .lg\:hover\:text-purple-400:hover {
+    --text-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--text-opacity));
   }
 
   .lg\:hover\:text-purple-500:hover {
+    --text-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--text-opacity));
   }
 
   .lg\:hover\:text-purple-600:hover {
+    --text-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--text-opacity));
   }
 
   .lg\:hover\:text-purple-700:hover {
+    --text-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--text-opacity));
   }
 
   .lg\:hover\:text-purple-800:hover {
+    --text-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--text-opacity));
   }
 
   .lg\:hover\:text-purple-900:hover {
+    --text-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--text-opacity));
   }
 
   .lg\:hover\:text-pink-100:hover {
+    --text-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--text-opacity));
   }
 
   .lg\:hover\:text-pink-200:hover {
+    --text-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--text-opacity));
   }
 
   .lg\:hover\:text-pink-300:hover {
+    --text-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--text-opacity));
   }
 
   .lg\:hover\:text-pink-400:hover {
+    --text-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--text-opacity));
   }
 
   .lg\:hover\:text-pink-500:hover {
+    --text-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--text-opacity));
   }
 
   .lg\:hover\:text-pink-600:hover {
+    --text-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--text-opacity));
   }
 
   .lg\:hover\:text-pink-700:hover {
+    --text-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--text-opacity));
   }
 
   .lg\:hover\:text-pink-800:hover {
+    --text-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--text-opacity));
   }
 
   .lg\:hover\:text-pink-900:hover {
+    --text-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--text-opacity));
   }
 
   .lg\:focus\:text-transparent:focus {
@@ -42568,371 +52116,615 @@ video {
   }
 
   .lg\:focus\:text-black:focus {
+    --text-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--text-opacity));
   }
 
   .lg\:focus\:text-white:focus {
+    --text-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--text-opacity));
   }
 
   .lg\:focus\:text-gray-100:focus {
+    --text-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--text-opacity));
   }
 
   .lg\:focus\:text-gray-200:focus {
+    --text-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--text-opacity));
   }
 
   .lg\:focus\:text-gray-300:focus {
+    --text-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
   }
 
   .lg\:focus\:text-gray-400:focus {
+    --text-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--text-opacity));
   }
 
   .lg\:focus\:text-gray-500:focus {
+    --text-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--text-opacity));
   }
 
   .lg\:focus\:text-gray-600:focus {
+    --text-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--text-opacity));
   }
 
   .lg\:focus\:text-gray-700:focus {
+    --text-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--text-opacity));
   }
 
   .lg\:focus\:text-gray-800:focus {
+    --text-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--text-opacity));
   }
 
   .lg\:focus\:text-gray-900:focus {
+    --text-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--text-opacity));
   }
 
   .lg\:focus\:text-red-100:focus {
+    --text-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--text-opacity));
   }
 
   .lg\:focus\:text-red-200:focus {
+    --text-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--text-opacity));
   }
 
   .lg\:focus\:text-red-300:focus {
+    --text-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--text-opacity));
   }
 
   .lg\:focus\:text-red-400:focus {
+    --text-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--text-opacity));
   }
 
   .lg\:focus\:text-red-500:focus {
+    --text-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--text-opacity));
   }
 
   .lg\:focus\:text-red-600:focus {
+    --text-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--text-opacity));
   }
 
   .lg\:focus\:text-red-700:focus {
+    --text-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--text-opacity));
   }
 
   .lg\:focus\:text-red-800:focus {
+    --text-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--text-opacity));
   }
 
   .lg\:focus\:text-red-900:focus {
+    --text-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--text-opacity));
   }
 
   .lg\:focus\:text-orange-100:focus {
+    --text-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--text-opacity));
   }
 
   .lg\:focus\:text-orange-200:focus {
+    --text-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--text-opacity));
   }
 
   .lg\:focus\:text-orange-300:focus {
+    --text-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--text-opacity));
   }
 
   .lg\:focus\:text-orange-400:focus {
+    --text-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--text-opacity));
   }
 
   .lg\:focus\:text-orange-500:focus {
+    --text-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--text-opacity));
   }
 
   .lg\:focus\:text-orange-600:focus {
+    --text-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--text-opacity));
   }
 
   .lg\:focus\:text-orange-700:focus {
+    --text-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--text-opacity));
   }
 
   .lg\:focus\:text-orange-800:focus {
+    --text-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--text-opacity));
   }
 
   .lg\:focus\:text-orange-900:focus {
+    --text-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--text-opacity));
   }
 
   .lg\:focus\:text-yellow-100:focus {
+    --text-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--text-opacity));
   }
 
   .lg\:focus\:text-yellow-200:focus {
+    --text-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--text-opacity));
   }
 
   .lg\:focus\:text-yellow-300:focus {
+    --text-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--text-opacity));
   }
 
   .lg\:focus\:text-yellow-400:focus {
+    --text-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--text-opacity));
   }
 
   .lg\:focus\:text-yellow-500:focus {
+    --text-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--text-opacity));
   }
 
   .lg\:focus\:text-yellow-600:focus {
+    --text-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--text-opacity));
   }
 
   .lg\:focus\:text-yellow-700:focus {
+    --text-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--text-opacity));
   }
 
   .lg\:focus\:text-yellow-800:focus {
+    --text-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--text-opacity));
   }
 
   .lg\:focus\:text-yellow-900:focus {
+    --text-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--text-opacity));
   }
 
   .lg\:focus\:text-green-100:focus {
+    --text-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--text-opacity));
   }
 
   .lg\:focus\:text-green-200:focus {
+    --text-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--text-opacity));
   }
 
   .lg\:focus\:text-green-300:focus {
+    --text-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--text-opacity));
   }
 
   .lg\:focus\:text-green-400:focus {
+    --text-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--text-opacity));
   }
 
   .lg\:focus\:text-green-500:focus {
+    --text-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--text-opacity));
   }
 
   .lg\:focus\:text-green-600:focus {
+    --text-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--text-opacity));
   }
 
   .lg\:focus\:text-green-700:focus {
+    --text-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--text-opacity));
   }
 
   .lg\:focus\:text-green-800:focus {
+    --text-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--text-opacity));
   }
 
   .lg\:focus\:text-green-900:focus {
+    --text-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--text-opacity));
   }
 
   .lg\:focus\:text-teal-100:focus {
+    --text-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--text-opacity));
   }
 
   .lg\:focus\:text-teal-200:focus {
+    --text-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--text-opacity));
   }
 
   .lg\:focus\:text-teal-300:focus {
+    --text-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--text-opacity));
   }
 
   .lg\:focus\:text-teal-400:focus {
+    --text-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--text-opacity));
   }
 
   .lg\:focus\:text-teal-500:focus {
+    --text-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--text-opacity));
   }
 
   .lg\:focus\:text-teal-600:focus {
+    --text-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--text-opacity));
   }
 
   .lg\:focus\:text-teal-700:focus {
+    --text-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--text-opacity));
   }
 
   .lg\:focus\:text-teal-800:focus {
+    --text-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--text-opacity));
   }
 
   .lg\:focus\:text-teal-900:focus {
+    --text-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--text-opacity));
   }
 
   .lg\:focus\:text-blue-100:focus {
+    --text-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--text-opacity));
   }
 
   .lg\:focus\:text-blue-200:focus {
+    --text-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--text-opacity));
   }
 
   .lg\:focus\:text-blue-300:focus {
+    --text-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--text-opacity));
   }
 
   .lg\:focus\:text-blue-400:focus {
+    --text-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--text-opacity));
   }
 
   .lg\:focus\:text-blue-500:focus {
+    --text-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--text-opacity));
   }
 
   .lg\:focus\:text-blue-600:focus {
+    --text-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--text-opacity));
   }
 
   .lg\:focus\:text-blue-700:focus {
+    --text-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--text-opacity));
   }
 
   .lg\:focus\:text-blue-800:focus {
+    --text-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--text-opacity));
   }
 
   .lg\:focus\:text-blue-900:focus {
+    --text-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--text-opacity));
   }
 
   .lg\:focus\:text-indigo-100:focus {
+    --text-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--text-opacity));
   }
 
   .lg\:focus\:text-indigo-200:focus {
+    --text-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--text-opacity));
   }
 
   .lg\:focus\:text-indigo-300:focus {
+    --text-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--text-opacity));
   }
 
   .lg\:focus\:text-indigo-400:focus {
+    --text-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--text-opacity));
   }
 
   .lg\:focus\:text-indigo-500:focus {
+    --text-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--text-opacity));
   }
 
   .lg\:focus\:text-indigo-600:focus {
+    --text-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--text-opacity));
   }
 
   .lg\:focus\:text-indigo-700:focus {
+    --text-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--text-opacity));
   }
 
   .lg\:focus\:text-indigo-800:focus {
+    --text-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--text-opacity));
   }
 
   .lg\:focus\:text-indigo-900:focus {
+    --text-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--text-opacity));
   }
 
   .lg\:focus\:text-purple-100:focus {
+    --text-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--text-opacity));
   }
 
   .lg\:focus\:text-purple-200:focus {
+    --text-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--text-opacity));
   }
 
   .lg\:focus\:text-purple-300:focus {
+    --text-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--text-opacity));
   }
 
   .lg\:focus\:text-purple-400:focus {
+    --text-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--text-opacity));
   }
 
   .lg\:focus\:text-purple-500:focus {
+    --text-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--text-opacity));
   }
 
   .lg\:focus\:text-purple-600:focus {
+    --text-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--text-opacity));
   }
 
   .lg\:focus\:text-purple-700:focus {
+    --text-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--text-opacity));
   }
 
   .lg\:focus\:text-purple-800:focus {
+    --text-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--text-opacity));
   }
 
   .lg\:focus\:text-purple-900:focus {
+    --text-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--text-opacity));
   }
 
   .lg\:focus\:text-pink-100:focus {
+    --text-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--text-opacity));
   }
 
   .lg\:focus\:text-pink-200:focus {
+    --text-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--text-opacity));
   }
 
   .lg\:focus\:text-pink-300:focus {
+    --text-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--text-opacity));
   }
 
   .lg\:focus\:text-pink-400:focus {
+    --text-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--text-opacity));
   }
 
   .lg\:focus\:text-pink-500:focus {
+    --text-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--text-opacity));
   }
 
   .lg\:focus\:text-pink-600:focus {
+    --text-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--text-opacity));
   }
 
   .lg\:focus\:text-pink-700:focus {
+    --text-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--text-opacity));
   }
 
   .lg\:focus\:text-pink-800:focus {
+    --text-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--text-opacity));
   }
 
   .lg\:focus\:text-pink-900:focus {
+    --text-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--text-opacity));
+  }
+
+  .lg\:text-opacity-0 {
+    --text-opacity: 0;
+  }
+
+  .lg\:text-opacity-25 {
+    --text-opacity: 0.25;
+  }
+
+  .lg\:text-opacity-50 {
+    --text-opacity: 0.5;
+  }
+
+  .lg\:text-opacity-75 {
+    --text-opacity: 0.75;
+  }
+
+  .lg\:text-opacity-100 {
+    --text-opacity: 1;
+  }
+
+  .lg\:hover\:text-opacity-0:hover {
+    --text-opacity: 0;
+  }
+
+  .lg\:hover\:text-opacity-25:hover {
+    --text-opacity: 0.25;
+  }
+
+  .lg\:hover\:text-opacity-50:hover {
+    --text-opacity: 0.5;
+  }
+
+  .lg\:hover\:text-opacity-75:hover {
+    --text-opacity: 0.75;
+  }
+
+  .lg\:hover\:text-opacity-100:hover {
+    --text-opacity: 1;
+  }
+
+  .lg\:focus\:text-opacity-0:focus {
+    --text-opacity: 0;
+  }
+
+  .lg\:focus\:text-opacity-25:focus {
+    --text-opacity: 0.25;
+  }
+
+  .lg\:focus\:text-opacity-50:focus {
+    --text-opacity: 0.5;
+  }
+
+  .lg\:focus\:text-opacity-75:focus {
+    --text-opacity: 0.75;
+  }
+
+  .lg\:focus\:text-opacity-100:focus {
+    --text-opacity: 1;
   }
 
   .lg\:italic {
@@ -46294,371 +56086,575 @@ video {
   }
 
   .xl\:divide-black > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--divide-opacity));
   }
 
   .xl\:divide-white > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--divide-opacity));
   }
 
   .xl\:divide-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--divide-opacity));
   }
 
   .xl\:divide-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--divide-opacity));
   }
 
   .xl\:divide-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--divide-opacity));
   }
 
   .xl\:divide-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--divide-opacity));
   }
 
   .xl\:divide-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--divide-opacity));
   }
 
   .xl\:divide-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--divide-opacity));
   }
 
   .xl\:divide-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--divide-opacity));
   }
 
   .xl\:divide-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--divide-opacity));
   }
 
   .xl\:divide-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--divide-opacity));
   }
 
   .xl\:divide-red-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--divide-opacity));
   }
 
   .xl\:divide-red-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--divide-opacity));
   }
 
   .xl\:divide-red-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--divide-opacity));
   }
 
   .xl\:divide-red-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--divide-opacity));
   }
 
   .xl\:divide-red-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--divide-opacity));
   }
 
   .xl\:divide-red-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--divide-opacity));
   }
 
   .xl\:divide-red-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--divide-opacity));
   }
 
   .xl\:divide-red-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--divide-opacity));
   }
 
   .xl\:divide-red-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--divide-opacity));
   }
 
   .xl\:divide-orange-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--divide-opacity));
   }
 
   .xl\:divide-orange-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--divide-opacity));
   }
 
   .xl\:divide-orange-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--divide-opacity));
   }
 
   .xl\:divide-orange-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--divide-opacity));
   }
 
   .xl\:divide-orange-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--divide-opacity));
   }
 
   .xl\:divide-orange-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--divide-opacity));
   }
 
   .xl\:divide-orange-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--divide-opacity));
   }
 
   .xl\:divide-orange-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--divide-opacity));
   }
 
   .xl\:divide-orange-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--divide-opacity));
   }
 
   .xl\:divide-yellow-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--divide-opacity));
   }
 
   .xl\:divide-yellow-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--divide-opacity));
   }
 
   .xl\:divide-yellow-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--divide-opacity));
   }
 
   .xl\:divide-yellow-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--divide-opacity));
   }
 
   .xl\:divide-yellow-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--divide-opacity));
   }
 
   .xl\:divide-yellow-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--divide-opacity));
   }
 
   .xl\:divide-yellow-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--divide-opacity));
   }
 
   .xl\:divide-yellow-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--divide-opacity));
   }
 
   .xl\:divide-yellow-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--divide-opacity));
   }
 
   .xl\:divide-green-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--divide-opacity));
   }
 
   .xl\:divide-green-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--divide-opacity));
   }
 
   .xl\:divide-green-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--divide-opacity));
   }
 
   .xl\:divide-green-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--divide-opacity));
   }
 
   .xl\:divide-green-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--divide-opacity));
   }
 
   .xl\:divide-green-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--divide-opacity));
   }
 
   .xl\:divide-green-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--divide-opacity));
   }
 
   .xl\:divide-green-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--divide-opacity));
   }
 
   .xl\:divide-green-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--divide-opacity));
   }
 
   .xl\:divide-teal-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--divide-opacity));
   }
 
   .xl\:divide-teal-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--divide-opacity));
   }
 
   .xl\:divide-teal-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--divide-opacity));
   }
 
   .xl\:divide-teal-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--divide-opacity));
   }
 
   .xl\:divide-teal-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--divide-opacity));
   }
 
   .xl\:divide-teal-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--divide-opacity));
   }
 
   .xl\:divide-teal-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--divide-opacity));
   }
 
   .xl\:divide-teal-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--divide-opacity));
   }
 
   .xl\:divide-teal-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--divide-opacity));
   }
 
   .xl\:divide-blue-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--divide-opacity));
   }
 
   .xl\:divide-blue-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--divide-opacity));
   }
 
   .xl\:divide-blue-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--divide-opacity));
   }
 
   .xl\:divide-blue-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--divide-opacity));
   }
 
   .xl\:divide-blue-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--divide-opacity));
   }
 
   .xl\:divide-blue-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--divide-opacity));
   }
 
   .xl\:divide-blue-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--divide-opacity));
   }
 
   .xl\:divide-blue-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--divide-opacity));
   }
 
   .xl\:divide-blue-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--divide-opacity));
   }
 
   .xl\:divide-indigo-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--divide-opacity));
   }
 
   .xl\:divide-indigo-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--divide-opacity));
   }
 
   .xl\:divide-indigo-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--divide-opacity));
   }
 
   .xl\:divide-indigo-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--divide-opacity));
   }
 
   .xl\:divide-indigo-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--divide-opacity));
   }
 
   .xl\:divide-indigo-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--divide-opacity));
   }
 
   .xl\:divide-indigo-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--divide-opacity));
   }
 
   .xl\:divide-indigo-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--divide-opacity));
   }
 
   .xl\:divide-indigo-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--divide-opacity));
   }
 
   .xl\:divide-purple-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--divide-opacity));
   }
 
   .xl\:divide-purple-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--divide-opacity));
   }
 
   .xl\:divide-purple-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--divide-opacity));
   }
 
   .xl\:divide-purple-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--divide-opacity));
   }
 
   .xl\:divide-purple-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--divide-opacity));
   }
 
   .xl\:divide-purple-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--divide-opacity));
   }
 
   .xl\:divide-purple-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--divide-opacity));
   }
 
   .xl\:divide-purple-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--divide-opacity));
   }
 
   .xl\:divide-purple-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--divide-opacity));
   }
 
   .xl\:divide-pink-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--divide-opacity));
   }
 
   .xl\:divide-pink-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--divide-opacity));
   }
 
   .xl\:divide-pink-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--divide-opacity));
   }
 
   .xl\:divide-pink-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--divide-opacity));
   }
 
   .xl\:divide-pink-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--divide-opacity));
   }
 
   .xl\:divide-pink-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--divide-opacity));
   }
 
   .xl\:divide-pink-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--divide-opacity));
   }
 
   .xl\:divide-pink-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--divide-opacity));
   }
 
   .xl\:divide-pink-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--divide-opacity));
+  }
+
+  .xl\:divide-opacity-0 {
+    --divide-opacity: 0;
+  }
+
+  .xl\:divide-opacity-25 {
+    --divide-opacity: 0.25;
+  }
+
+  .xl\:divide-opacity-50 {
+    --divide-opacity: 0.5;
+  }
+
+  .xl\:divide-opacity-75 {
+    --divide-opacity: 0.75;
+  }
+
+  .xl\:divide-opacity-100 {
+    --divide-opacity: 1;
   }
 
   .xl\:sr-only {
@@ -46732,371 +56728,555 @@ video {
   }
 
   .xl\:bg-black {
+    --bg-opacity: 1;
     background-color: #000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
   }
 
   .xl\:bg-white {
+    --bg-opacity: 1;
     background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
   }
 
   .xl\:bg-gray-100 {
+    --bg-opacity: 1;
     background-color: #f7fafc;
+    background-color: rgba(247, 250, 252, var(--bg-opacity));
   }
 
   .xl\:bg-gray-200 {
+    --bg-opacity: 1;
     background-color: #edf2f7;
+    background-color: rgba(237, 242, 247, var(--bg-opacity));
   }
 
   .xl\:bg-gray-300 {
+    --bg-opacity: 1;
     background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
   }
 
   .xl\:bg-gray-400 {
+    --bg-opacity: 1;
     background-color: #cbd5e0;
+    background-color: rgba(203, 213, 224, var(--bg-opacity));
   }
 
   .xl\:bg-gray-500 {
+    --bg-opacity: 1;
     background-color: #a0aec0;
+    background-color: rgba(160, 174, 192, var(--bg-opacity));
   }
 
   .xl\:bg-gray-600 {
+    --bg-opacity: 1;
     background-color: #718096;
+    background-color: rgba(113, 128, 150, var(--bg-opacity));
   }
 
   .xl\:bg-gray-700 {
+    --bg-opacity: 1;
     background-color: #4a5568;
+    background-color: rgba(74, 85, 104, var(--bg-opacity));
   }
 
   .xl\:bg-gray-800 {
+    --bg-opacity: 1;
     background-color: #2d3748;
+    background-color: rgba(45, 55, 72, var(--bg-opacity));
   }
 
   .xl\:bg-gray-900 {
+    --bg-opacity: 1;
     background-color: #1a202c;
+    background-color: rgba(26, 32, 44, var(--bg-opacity));
   }
 
   .xl\:bg-red-100 {
+    --bg-opacity: 1;
     background-color: #fff5f5;
+    background-color: rgba(255, 245, 245, var(--bg-opacity));
   }
 
   .xl\:bg-red-200 {
+    --bg-opacity: 1;
     background-color: #fed7d7;
+    background-color: rgba(254, 215, 215, var(--bg-opacity));
   }
 
   .xl\:bg-red-300 {
+    --bg-opacity: 1;
     background-color: #feb2b2;
+    background-color: rgba(254, 178, 178, var(--bg-opacity));
   }
 
   .xl\:bg-red-400 {
+    --bg-opacity: 1;
     background-color: #fc8181;
+    background-color: rgba(252, 129, 129, var(--bg-opacity));
   }
 
   .xl\:bg-red-500 {
+    --bg-opacity: 1;
     background-color: #f56565;
+    background-color: rgba(245, 101, 101, var(--bg-opacity));
   }
 
   .xl\:bg-red-600 {
+    --bg-opacity: 1;
     background-color: #e53e3e;
+    background-color: rgba(229, 62, 62, var(--bg-opacity));
   }
 
   .xl\:bg-red-700 {
+    --bg-opacity: 1;
     background-color: #c53030;
+    background-color: rgba(197, 48, 48, var(--bg-opacity));
   }
 
   .xl\:bg-red-800 {
+    --bg-opacity: 1;
     background-color: #9b2c2c;
+    background-color: rgba(155, 44, 44, var(--bg-opacity));
   }
 
   .xl\:bg-red-900 {
+    --bg-opacity: 1;
     background-color: #742a2a;
+    background-color: rgba(116, 42, 42, var(--bg-opacity));
   }
 
   .xl\:bg-orange-100 {
+    --bg-opacity: 1;
     background-color: #fffaf0;
+    background-color: rgba(255, 250, 240, var(--bg-opacity));
   }
 
   .xl\:bg-orange-200 {
+    --bg-opacity: 1;
     background-color: #feebc8;
+    background-color: rgba(254, 235, 200, var(--bg-opacity));
   }
 
   .xl\:bg-orange-300 {
+    --bg-opacity: 1;
     background-color: #fbd38d;
+    background-color: rgba(251, 211, 141, var(--bg-opacity));
   }
 
   .xl\:bg-orange-400 {
+    --bg-opacity: 1;
     background-color: #f6ad55;
+    background-color: rgba(246, 173, 85, var(--bg-opacity));
   }
 
   .xl\:bg-orange-500 {
+    --bg-opacity: 1;
     background-color: #ed8936;
+    background-color: rgba(237, 137, 54, var(--bg-opacity));
   }
 
   .xl\:bg-orange-600 {
+    --bg-opacity: 1;
     background-color: #dd6b20;
+    background-color: rgba(221, 107, 32, var(--bg-opacity));
   }
 
   .xl\:bg-orange-700 {
+    --bg-opacity: 1;
     background-color: #c05621;
+    background-color: rgba(192, 86, 33, var(--bg-opacity));
   }
 
   .xl\:bg-orange-800 {
+    --bg-opacity: 1;
     background-color: #9c4221;
+    background-color: rgba(156, 66, 33, var(--bg-opacity));
   }
 
   .xl\:bg-orange-900 {
+    --bg-opacity: 1;
     background-color: #7b341e;
+    background-color: rgba(123, 52, 30, var(--bg-opacity));
   }
 
   .xl\:bg-yellow-100 {
+    --bg-opacity: 1;
     background-color: #fffff0;
+    background-color: rgba(255, 255, 240, var(--bg-opacity));
   }
 
   .xl\:bg-yellow-200 {
+    --bg-opacity: 1;
     background-color: #fefcbf;
+    background-color: rgba(254, 252, 191, var(--bg-opacity));
   }
 
   .xl\:bg-yellow-300 {
+    --bg-opacity: 1;
     background-color: #faf089;
+    background-color: rgba(250, 240, 137, var(--bg-opacity));
   }
 
   .xl\:bg-yellow-400 {
+    --bg-opacity: 1;
     background-color: #f6e05e;
+    background-color: rgba(246, 224, 94, var(--bg-opacity));
   }
 
   .xl\:bg-yellow-500 {
+    --bg-opacity: 1;
     background-color: #ecc94b;
+    background-color: rgba(236, 201, 75, var(--bg-opacity));
   }
 
   .xl\:bg-yellow-600 {
+    --bg-opacity: 1;
     background-color: #d69e2e;
+    background-color: rgba(214, 158, 46, var(--bg-opacity));
   }
 
   .xl\:bg-yellow-700 {
+    --bg-opacity: 1;
     background-color: #b7791f;
+    background-color: rgba(183, 121, 31, var(--bg-opacity));
   }
 
   .xl\:bg-yellow-800 {
+    --bg-opacity: 1;
     background-color: #975a16;
+    background-color: rgba(151, 90, 22, var(--bg-opacity));
   }
 
   .xl\:bg-yellow-900 {
+    --bg-opacity: 1;
     background-color: #744210;
+    background-color: rgba(116, 66, 16, var(--bg-opacity));
   }
 
   .xl\:bg-green-100 {
+    --bg-opacity: 1;
     background-color: #f0fff4;
+    background-color: rgba(240, 255, 244, var(--bg-opacity));
   }
 
   .xl\:bg-green-200 {
+    --bg-opacity: 1;
     background-color: #c6f6d5;
+    background-color: rgba(198, 246, 213, var(--bg-opacity));
   }
 
   .xl\:bg-green-300 {
+    --bg-opacity: 1;
     background-color: #9ae6b4;
+    background-color: rgba(154, 230, 180, var(--bg-opacity));
   }
 
   .xl\:bg-green-400 {
+    --bg-opacity: 1;
     background-color: #68d391;
+    background-color: rgba(104, 211, 145, var(--bg-opacity));
   }
 
   .xl\:bg-green-500 {
+    --bg-opacity: 1;
     background-color: #48bb78;
+    background-color: rgba(72, 187, 120, var(--bg-opacity));
   }
 
   .xl\:bg-green-600 {
+    --bg-opacity: 1;
     background-color: #38a169;
+    background-color: rgba(56, 161, 105, var(--bg-opacity));
   }
 
   .xl\:bg-green-700 {
+    --bg-opacity: 1;
     background-color: #2f855a;
+    background-color: rgba(47, 133, 90, var(--bg-opacity));
   }
 
   .xl\:bg-green-800 {
+    --bg-opacity: 1;
     background-color: #276749;
+    background-color: rgba(39, 103, 73, var(--bg-opacity));
   }
 
   .xl\:bg-green-900 {
+    --bg-opacity: 1;
     background-color: #22543d;
+    background-color: rgba(34, 84, 61, var(--bg-opacity));
   }
 
   .xl\:bg-teal-100 {
+    --bg-opacity: 1;
     background-color: #e6fffa;
+    background-color: rgba(230, 255, 250, var(--bg-opacity));
   }
 
   .xl\:bg-teal-200 {
+    --bg-opacity: 1;
     background-color: #b2f5ea;
+    background-color: rgba(178, 245, 234, var(--bg-opacity));
   }
 
   .xl\:bg-teal-300 {
+    --bg-opacity: 1;
     background-color: #81e6d9;
+    background-color: rgba(129, 230, 217, var(--bg-opacity));
   }
 
   .xl\:bg-teal-400 {
+    --bg-opacity: 1;
     background-color: #4fd1c5;
+    background-color: rgba(79, 209, 197, var(--bg-opacity));
   }
 
   .xl\:bg-teal-500 {
+    --bg-opacity: 1;
     background-color: #38b2ac;
+    background-color: rgba(56, 178, 172, var(--bg-opacity));
   }
 
   .xl\:bg-teal-600 {
+    --bg-opacity: 1;
     background-color: #319795;
+    background-color: rgba(49, 151, 149, var(--bg-opacity));
   }
 
   .xl\:bg-teal-700 {
+    --bg-opacity: 1;
     background-color: #2c7a7b;
+    background-color: rgba(44, 122, 123, var(--bg-opacity));
   }
 
   .xl\:bg-teal-800 {
+    --bg-opacity: 1;
     background-color: #285e61;
+    background-color: rgba(40, 94, 97, var(--bg-opacity));
   }
 
   .xl\:bg-teal-900 {
+    --bg-opacity: 1;
     background-color: #234e52;
+    background-color: rgba(35, 78, 82, var(--bg-opacity));
   }
 
   .xl\:bg-blue-100 {
+    --bg-opacity: 1;
     background-color: #ebf8ff;
+    background-color: rgba(235, 248, 255, var(--bg-opacity));
   }
 
   .xl\:bg-blue-200 {
+    --bg-opacity: 1;
     background-color: #bee3f8;
+    background-color: rgba(190, 227, 248, var(--bg-opacity));
   }
 
   .xl\:bg-blue-300 {
+    --bg-opacity: 1;
     background-color: #90cdf4;
+    background-color: rgba(144, 205, 244, var(--bg-opacity));
   }
 
   .xl\:bg-blue-400 {
+    --bg-opacity: 1;
     background-color: #63b3ed;
+    background-color: rgba(99, 179, 237, var(--bg-opacity));
   }
 
   .xl\:bg-blue-500 {
+    --bg-opacity: 1;
     background-color: #4299e1;
+    background-color: rgba(66, 153, 225, var(--bg-opacity));
   }
 
   .xl\:bg-blue-600 {
+    --bg-opacity: 1;
     background-color: #3182ce;
+    background-color: rgba(49, 130, 206, var(--bg-opacity));
   }
 
   .xl\:bg-blue-700 {
+    --bg-opacity: 1;
     background-color: #2b6cb0;
+    background-color: rgba(43, 108, 176, var(--bg-opacity));
   }
 
   .xl\:bg-blue-800 {
+    --bg-opacity: 1;
     background-color: #2c5282;
+    background-color: rgba(44, 82, 130, var(--bg-opacity));
   }
 
   .xl\:bg-blue-900 {
+    --bg-opacity: 1;
     background-color: #2a4365;
+    background-color: rgba(42, 67, 101, var(--bg-opacity));
   }
 
   .xl\:bg-indigo-100 {
+    --bg-opacity: 1;
     background-color: #ebf4ff;
+    background-color: rgba(235, 244, 255, var(--bg-opacity));
   }
 
   .xl\:bg-indigo-200 {
+    --bg-opacity: 1;
     background-color: #c3dafe;
+    background-color: rgba(195, 218, 254, var(--bg-opacity));
   }
 
   .xl\:bg-indigo-300 {
+    --bg-opacity: 1;
     background-color: #a3bffa;
+    background-color: rgba(163, 191, 250, var(--bg-opacity));
   }
 
   .xl\:bg-indigo-400 {
+    --bg-opacity: 1;
     background-color: #7f9cf5;
+    background-color: rgba(127, 156, 245, var(--bg-opacity));
   }
 
   .xl\:bg-indigo-500 {
+    --bg-opacity: 1;
     background-color: #667eea;
+    background-color: rgba(102, 126, 234, var(--bg-opacity));
   }
 
   .xl\:bg-indigo-600 {
+    --bg-opacity: 1;
     background-color: #5a67d8;
+    background-color: rgba(90, 103, 216, var(--bg-opacity));
   }
 
   .xl\:bg-indigo-700 {
+    --bg-opacity: 1;
     background-color: #4c51bf;
+    background-color: rgba(76, 81, 191, var(--bg-opacity));
   }
 
   .xl\:bg-indigo-800 {
+    --bg-opacity: 1;
     background-color: #434190;
+    background-color: rgba(67, 65, 144, var(--bg-opacity));
   }
 
   .xl\:bg-indigo-900 {
+    --bg-opacity: 1;
     background-color: #3c366b;
+    background-color: rgba(60, 54, 107, var(--bg-opacity));
   }
 
   .xl\:bg-purple-100 {
+    --bg-opacity: 1;
     background-color: #faf5ff;
+    background-color: rgba(250, 245, 255, var(--bg-opacity));
   }
 
   .xl\:bg-purple-200 {
+    --bg-opacity: 1;
     background-color: #e9d8fd;
+    background-color: rgba(233, 216, 253, var(--bg-opacity));
   }
 
   .xl\:bg-purple-300 {
+    --bg-opacity: 1;
     background-color: #d6bcfa;
+    background-color: rgba(214, 188, 250, var(--bg-opacity));
   }
 
   .xl\:bg-purple-400 {
+    --bg-opacity: 1;
     background-color: #b794f4;
+    background-color: rgba(183, 148, 244, var(--bg-opacity));
   }
 
   .xl\:bg-purple-500 {
+    --bg-opacity: 1;
     background-color: #9f7aea;
+    background-color: rgba(159, 122, 234, var(--bg-opacity));
   }
 
   .xl\:bg-purple-600 {
+    --bg-opacity: 1;
     background-color: #805ad5;
+    background-color: rgba(128, 90, 213, var(--bg-opacity));
   }
 
   .xl\:bg-purple-700 {
+    --bg-opacity: 1;
     background-color: #6b46c1;
+    background-color: rgba(107, 70, 193, var(--bg-opacity));
   }
 
   .xl\:bg-purple-800 {
+    --bg-opacity: 1;
     background-color: #553c9a;
+    background-color: rgba(85, 60, 154, var(--bg-opacity));
   }
 
   .xl\:bg-purple-900 {
+    --bg-opacity: 1;
     background-color: #44337a;
+    background-color: rgba(68, 51, 122, var(--bg-opacity));
   }
 
   .xl\:bg-pink-100 {
+    --bg-opacity: 1;
     background-color: #fff5f7;
+    background-color: rgba(255, 245, 247, var(--bg-opacity));
   }
 
   .xl\:bg-pink-200 {
+    --bg-opacity: 1;
     background-color: #fed7e2;
+    background-color: rgba(254, 215, 226, var(--bg-opacity));
   }
 
   .xl\:bg-pink-300 {
+    --bg-opacity: 1;
     background-color: #fbb6ce;
+    background-color: rgba(251, 182, 206, var(--bg-opacity));
   }
 
   .xl\:bg-pink-400 {
+    --bg-opacity: 1;
     background-color: #f687b3;
+    background-color: rgba(246, 135, 179, var(--bg-opacity));
   }
 
   .xl\:bg-pink-500 {
+    --bg-opacity: 1;
     background-color: #ed64a6;
+    background-color: rgba(237, 100, 166, var(--bg-opacity));
   }
 
   .xl\:bg-pink-600 {
+    --bg-opacity: 1;
     background-color: #d53f8c;
+    background-color: rgba(213, 63, 140, var(--bg-opacity));
   }
 
   .xl\:bg-pink-700 {
+    --bg-opacity: 1;
     background-color: #b83280;
+    background-color: rgba(184, 50, 128, var(--bg-opacity));
   }
 
   .xl\:bg-pink-800 {
+    --bg-opacity: 1;
     background-color: #97266d;
+    background-color: rgba(151, 38, 109, var(--bg-opacity));
   }
 
   .xl\:bg-pink-900 {
+    --bg-opacity: 1;
     background-color: #702459;
+    background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-transparent:hover {
@@ -47108,371 +57288,555 @@ video {
   }
 
   .xl\:hover\:bg-black:hover {
+    --bg-opacity: 1;
     background-color: #000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-white:hover {
+    --bg-opacity: 1;
     background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-gray-100:hover {
+    --bg-opacity: 1;
     background-color: #f7fafc;
+    background-color: rgba(247, 250, 252, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-gray-200:hover {
+    --bg-opacity: 1;
     background-color: #edf2f7;
+    background-color: rgba(237, 242, 247, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-gray-300:hover {
+    --bg-opacity: 1;
     background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-gray-400:hover {
+    --bg-opacity: 1;
     background-color: #cbd5e0;
+    background-color: rgba(203, 213, 224, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-gray-500:hover {
+    --bg-opacity: 1;
     background-color: #a0aec0;
+    background-color: rgba(160, 174, 192, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-gray-600:hover {
+    --bg-opacity: 1;
     background-color: #718096;
+    background-color: rgba(113, 128, 150, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-gray-700:hover {
+    --bg-opacity: 1;
     background-color: #4a5568;
+    background-color: rgba(74, 85, 104, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-gray-800:hover {
+    --bg-opacity: 1;
     background-color: #2d3748;
+    background-color: rgba(45, 55, 72, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-gray-900:hover {
+    --bg-opacity: 1;
     background-color: #1a202c;
+    background-color: rgba(26, 32, 44, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-red-100:hover {
+    --bg-opacity: 1;
     background-color: #fff5f5;
+    background-color: rgba(255, 245, 245, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-red-200:hover {
+    --bg-opacity: 1;
     background-color: #fed7d7;
+    background-color: rgba(254, 215, 215, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-red-300:hover {
+    --bg-opacity: 1;
     background-color: #feb2b2;
+    background-color: rgba(254, 178, 178, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-red-400:hover {
+    --bg-opacity: 1;
     background-color: #fc8181;
+    background-color: rgba(252, 129, 129, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-red-500:hover {
+    --bg-opacity: 1;
     background-color: #f56565;
+    background-color: rgba(245, 101, 101, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-red-600:hover {
+    --bg-opacity: 1;
     background-color: #e53e3e;
+    background-color: rgba(229, 62, 62, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-red-700:hover {
+    --bg-opacity: 1;
     background-color: #c53030;
+    background-color: rgba(197, 48, 48, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-red-800:hover {
+    --bg-opacity: 1;
     background-color: #9b2c2c;
+    background-color: rgba(155, 44, 44, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-red-900:hover {
+    --bg-opacity: 1;
     background-color: #742a2a;
+    background-color: rgba(116, 42, 42, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-orange-100:hover {
+    --bg-opacity: 1;
     background-color: #fffaf0;
+    background-color: rgba(255, 250, 240, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-orange-200:hover {
+    --bg-opacity: 1;
     background-color: #feebc8;
+    background-color: rgba(254, 235, 200, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-orange-300:hover {
+    --bg-opacity: 1;
     background-color: #fbd38d;
+    background-color: rgba(251, 211, 141, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-orange-400:hover {
+    --bg-opacity: 1;
     background-color: #f6ad55;
+    background-color: rgba(246, 173, 85, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-orange-500:hover {
+    --bg-opacity: 1;
     background-color: #ed8936;
+    background-color: rgba(237, 137, 54, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-orange-600:hover {
+    --bg-opacity: 1;
     background-color: #dd6b20;
+    background-color: rgba(221, 107, 32, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-orange-700:hover {
+    --bg-opacity: 1;
     background-color: #c05621;
+    background-color: rgba(192, 86, 33, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-orange-800:hover {
+    --bg-opacity: 1;
     background-color: #9c4221;
+    background-color: rgba(156, 66, 33, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-orange-900:hover {
+    --bg-opacity: 1;
     background-color: #7b341e;
+    background-color: rgba(123, 52, 30, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-yellow-100:hover {
+    --bg-opacity: 1;
     background-color: #fffff0;
+    background-color: rgba(255, 255, 240, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-yellow-200:hover {
+    --bg-opacity: 1;
     background-color: #fefcbf;
+    background-color: rgba(254, 252, 191, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-yellow-300:hover {
+    --bg-opacity: 1;
     background-color: #faf089;
+    background-color: rgba(250, 240, 137, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-yellow-400:hover {
+    --bg-opacity: 1;
     background-color: #f6e05e;
+    background-color: rgba(246, 224, 94, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-yellow-500:hover {
+    --bg-opacity: 1;
     background-color: #ecc94b;
+    background-color: rgba(236, 201, 75, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-yellow-600:hover {
+    --bg-opacity: 1;
     background-color: #d69e2e;
+    background-color: rgba(214, 158, 46, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-yellow-700:hover {
+    --bg-opacity: 1;
     background-color: #b7791f;
+    background-color: rgba(183, 121, 31, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-yellow-800:hover {
+    --bg-opacity: 1;
     background-color: #975a16;
+    background-color: rgba(151, 90, 22, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-yellow-900:hover {
+    --bg-opacity: 1;
     background-color: #744210;
+    background-color: rgba(116, 66, 16, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-green-100:hover {
+    --bg-opacity: 1;
     background-color: #f0fff4;
+    background-color: rgba(240, 255, 244, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-green-200:hover {
+    --bg-opacity: 1;
     background-color: #c6f6d5;
+    background-color: rgba(198, 246, 213, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-green-300:hover {
+    --bg-opacity: 1;
     background-color: #9ae6b4;
+    background-color: rgba(154, 230, 180, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-green-400:hover {
+    --bg-opacity: 1;
     background-color: #68d391;
+    background-color: rgba(104, 211, 145, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-green-500:hover {
+    --bg-opacity: 1;
     background-color: #48bb78;
+    background-color: rgba(72, 187, 120, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-green-600:hover {
+    --bg-opacity: 1;
     background-color: #38a169;
+    background-color: rgba(56, 161, 105, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-green-700:hover {
+    --bg-opacity: 1;
     background-color: #2f855a;
+    background-color: rgba(47, 133, 90, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-green-800:hover {
+    --bg-opacity: 1;
     background-color: #276749;
+    background-color: rgba(39, 103, 73, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-green-900:hover {
+    --bg-opacity: 1;
     background-color: #22543d;
+    background-color: rgba(34, 84, 61, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-teal-100:hover {
+    --bg-opacity: 1;
     background-color: #e6fffa;
+    background-color: rgba(230, 255, 250, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-teal-200:hover {
+    --bg-opacity: 1;
     background-color: #b2f5ea;
+    background-color: rgba(178, 245, 234, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-teal-300:hover {
+    --bg-opacity: 1;
     background-color: #81e6d9;
+    background-color: rgba(129, 230, 217, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-teal-400:hover {
+    --bg-opacity: 1;
     background-color: #4fd1c5;
+    background-color: rgba(79, 209, 197, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-teal-500:hover {
+    --bg-opacity: 1;
     background-color: #38b2ac;
+    background-color: rgba(56, 178, 172, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-teal-600:hover {
+    --bg-opacity: 1;
     background-color: #319795;
+    background-color: rgba(49, 151, 149, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-teal-700:hover {
+    --bg-opacity: 1;
     background-color: #2c7a7b;
+    background-color: rgba(44, 122, 123, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-teal-800:hover {
+    --bg-opacity: 1;
     background-color: #285e61;
+    background-color: rgba(40, 94, 97, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-teal-900:hover {
+    --bg-opacity: 1;
     background-color: #234e52;
+    background-color: rgba(35, 78, 82, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-blue-100:hover {
+    --bg-opacity: 1;
     background-color: #ebf8ff;
+    background-color: rgba(235, 248, 255, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-blue-200:hover {
+    --bg-opacity: 1;
     background-color: #bee3f8;
+    background-color: rgba(190, 227, 248, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-blue-300:hover {
+    --bg-opacity: 1;
     background-color: #90cdf4;
+    background-color: rgba(144, 205, 244, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-blue-400:hover {
+    --bg-opacity: 1;
     background-color: #63b3ed;
+    background-color: rgba(99, 179, 237, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-blue-500:hover {
+    --bg-opacity: 1;
     background-color: #4299e1;
+    background-color: rgba(66, 153, 225, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-blue-600:hover {
+    --bg-opacity: 1;
     background-color: #3182ce;
+    background-color: rgba(49, 130, 206, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-blue-700:hover {
+    --bg-opacity: 1;
     background-color: #2b6cb0;
+    background-color: rgba(43, 108, 176, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-blue-800:hover {
+    --bg-opacity: 1;
     background-color: #2c5282;
+    background-color: rgba(44, 82, 130, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-blue-900:hover {
+    --bg-opacity: 1;
     background-color: #2a4365;
+    background-color: rgba(42, 67, 101, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-indigo-100:hover {
+    --bg-opacity: 1;
     background-color: #ebf4ff;
+    background-color: rgba(235, 244, 255, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-indigo-200:hover {
+    --bg-opacity: 1;
     background-color: #c3dafe;
+    background-color: rgba(195, 218, 254, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-indigo-300:hover {
+    --bg-opacity: 1;
     background-color: #a3bffa;
+    background-color: rgba(163, 191, 250, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-indigo-400:hover {
+    --bg-opacity: 1;
     background-color: #7f9cf5;
+    background-color: rgba(127, 156, 245, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-indigo-500:hover {
+    --bg-opacity: 1;
     background-color: #667eea;
+    background-color: rgba(102, 126, 234, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-indigo-600:hover {
+    --bg-opacity: 1;
     background-color: #5a67d8;
+    background-color: rgba(90, 103, 216, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-indigo-700:hover {
+    --bg-opacity: 1;
     background-color: #4c51bf;
+    background-color: rgba(76, 81, 191, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-indigo-800:hover {
+    --bg-opacity: 1;
     background-color: #434190;
+    background-color: rgba(67, 65, 144, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-indigo-900:hover {
+    --bg-opacity: 1;
     background-color: #3c366b;
+    background-color: rgba(60, 54, 107, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-purple-100:hover {
+    --bg-opacity: 1;
     background-color: #faf5ff;
+    background-color: rgba(250, 245, 255, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-purple-200:hover {
+    --bg-opacity: 1;
     background-color: #e9d8fd;
+    background-color: rgba(233, 216, 253, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-purple-300:hover {
+    --bg-opacity: 1;
     background-color: #d6bcfa;
+    background-color: rgba(214, 188, 250, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-purple-400:hover {
+    --bg-opacity: 1;
     background-color: #b794f4;
+    background-color: rgba(183, 148, 244, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-purple-500:hover {
+    --bg-opacity: 1;
     background-color: #9f7aea;
+    background-color: rgba(159, 122, 234, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-purple-600:hover {
+    --bg-opacity: 1;
     background-color: #805ad5;
+    background-color: rgba(128, 90, 213, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-purple-700:hover {
+    --bg-opacity: 1;
     background-color: #6b46c1;
+    background-color: rgba(107, 70, 193, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-purple-800:hover {
+    --bg-opacity: 1;
     background-color: #553c9a;
+    background-color: rgba(85, 60, 154, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-purple-900:hover {
+    --bg-opacity: 1;
     background-color: #44337a;
+    background-color: rgba(68, 51, 122, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-pink-100:hover {
+    --bg-opacity: 1;
     background-color: #fff5f7;
+    background-color: rgba(255, 245, 247, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-pink-200:hover {
+    --bg-opacity: 1;
     background-color: #fed7e2;
+    background-color: rgba(254, 215, 226, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-pink-300:hover {
+    --bg-opacity: 1;
     background-color: #fbb6ce;
+    background-color: rgba(251, 182, 206, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-pink-400:hover {
+    --bg-opacity: 1;
     background-color: #f687b3;
+    background-color: rgba(246, 135, 179, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-pink-500:hover {
+    --bg-opacity: 1;
     background-color: #ed64a6;
+    background-color: rgba(237, 100, 166, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-pink-600:hover {
+    --bg-opacity: 1;
     background-color: #d53f8c;
+    background-color: rgba(213, 63, 140, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-pink-700:hover {
+    --bg-opacity: 1;
     background-color: #b83280;
+    background-color: rgba(184, 50, 128, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-pink-800:hover {
+    --bg-opacity: 1;
     background-color: #97266d;
+    background-color: rgba(151, 38, 109, var(--bg-opacity));
   }
 
   .xl\:hover\:bg-pink-900:hover {
+    --bg-opacity: 1;
     background-color: #702459;
+    background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-transparent:focus {
@@ -47484,371 +57848,615 @@ video {
   }
 
   .xl\:focus\:bg-black:focus {
+    --bg-opacity: 1;
     background-color: #000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-white:focus {
+    --bg-opacity: 1;
     background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-gray-100:focus {
+    --bg-opacity: 1;
     background-color: #f7fafc;
+    background-color: rgba(247, 250, 252, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-gray-200:focus {
+    --bg-opacity: 1;
     background-color: #edf2f7;
+    background-color: rgba(237, 242, 247, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-gray-300:focus {
+    --bg-opacity: 1;
     background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-gray-400:focus {
+    --bg-opacity: 1;
     background-color: #cbd5e0;
+    background-color: rgba(203, 213, 224, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-gray-500:focus {
+    --bg-opacity: 1;
     background-color: #a0aec0;
+    background-color: rgba(160, 174, 192, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-gray-600:focus {
+    --bg-opacity: 1;
     background-color: #718096;
+    background-color: rgba(113, 128, 150, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-gray-700:focus {
+    --bg-opacity: 1;
     background-color: #4a5568;
+    background-color: rgba(74, 85, 104, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-gray-800:focus {
+    --bg-opacity: 1;
     background-color: #2d3748;
+    background-color: rgba(45, 55, 72, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-gray-900:focus {
+    --bg-opacity: 1;
     background-color: #1a202c;
+    background-color: rgba(26, 32, 44, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-red-100:focus {
+    --bg-opacity: 1;
     background-color: #fff5f5;
+    background-color: rgba(255, 245, 245, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-red-200:focus {
+    --bg-opacity: 1;
     background-color: #fed7d7;
+    background-color: rgba(254, 215, 215, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-red-300:focus {
+    --bg-opacity: 1;
     background-color: #feb2b2;
+    background-color: rgba(254, 178, 178, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-red-400:focus {
+    --bg-opacity: 1;
     background-color: #fc8181;
+    background-color: rgba(252, 129, 129, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-red-500:focus {
+    --bg-opacity: 1;
     background-color: #f56565;
+    background-color: rgba(245, 101, 101, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-red-600:focus {
+    --bg-opacity: 1;
     background-color: #e53e3e;
+    background-color: rgba(229, 62, 62, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-red-700:focus {
+    --bg-opacity: 1;
     background-color: #c53030;
+    background-color: rgba(197, 48, 48, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-red-800:focus {
+    --bg-opacity: 1;
     background-color: #9b2c2c;
+    background-color: rgba(155, 44, 44, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-red-900:focus {
+    --bg-opacity: 1;
     background-color: #742a2a;
+    background-color: rgba(116, 42, 42, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-orange-100:focus {
+    --bg-opacity: 1;
     background-color: #fffaf0;
+    background-color: rgba(255, 250, 240, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-orange-200:focus {
+    --bg-opacity: 1;
     background-color: #feebc8;
+    background-color: rgba(254, 235, 200, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-orange-300:focus {
+    --bg-opacity: 1;
     background-color: #fbd38d;
+    background-color: rgba(251, 211, 141, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-orange-400:focus {
+    --bg-opacity: 1;
     background-color: #f6ad55;
+    background-color: rgba(246, 173, 85, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-orange-500:focus {
+    --bg-opacity: 1;
     background-color: #ed8936;
+    background-color: rgba(237, 137, 54, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-orange-600:focus {
+    --bg-opacity: 1;
     background-color: #dd6b20;
+    background-color: rgba(221, 107, 32, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-orange-700:focus {
+    --bg-opacity: 1;
     background-color: #c05621;
+    background-color: rgba(192, 86, 33, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-orange-800:focus {
+    --bg-opacity: 1;
     background-color: #9c4221;
+    background-color: rgba(156, 66, 33, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-orange-900:focus {
+    --bg-opacity: 1;
     background-color: #7b341e;
+    background-color: rgba(123, 52, 30, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-yellow-100:focus {
+    --bg-opacity: 1;
     background-color: #fffff0;
+    background-color: rgba(255, 255, 240, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-yellow-200:focus {
+    --bg-opacity: 1;
     background-color: #fefcbf;
+    background-color: rgba(254, 252, 191, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-yellow-300:focus {
+    --bg-opacity: 1;
     background-color: #faf089;
+    background-color: rgba(250, 240, 137, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-yellow-400:focus {
+    --bg-opacity: 1;
     background-color: #f6e05e;
+    background-color: rgba(246, 224, 94, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-yellow-500:focus {
+    --bg-opacity: 1;
     background-color: #ecc94b;
+    background-color: rgba(236, 201, 75, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-yellow-600:focus {
+    --bg-opacity: 1;
     background-color: #d69e2e;
+    background-color: rgba(214, 158, 46, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-yellow-700:focus {
+    --bg-opacity: 1;
     background-color: #b7791f;
+    background-color: rgba(183, 121, 31, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-yellow-800:focus {
+    --bg-opacity: 1;
     background-color: #975a16;
+    background-color: rgba(151, 90, 22, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-yellow-900:focus {
+    --bg-opacity: 1;
     background-color: #744210;
+    background-color: rgba(116, 66, 16, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-green-100:focus {
+    --bg-opacity: 1;
     background-color: #f0fff4;
+    background-color: rgba(240, 255, 244, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-green-200:focus {
+    --bg-opacity: 1;
     background-color: #c6f6d5;
+    background-color: rgba(198, 246, 213, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-green-300:focus {
+    --bg-opacity: 1;
     background-color: #9ae6b4;
+    background-color: rgba(154, 230, 180, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-green-400:focus {
+    --bg-opacity: 1;
     background-color: #68d391;
+    background-color: rgba(104, 211, 145, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-green-500:focus {
+    --bg-opacity: 1;
     background-color: #48bb78;
+    background-color: rgba(72, 187, 120, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-green-600:focus {
+    --bg-opacity: 1;
     background-color: #38a169;
+    background-color: rgba(56, 161, 105, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-green-700:focus {
+    --bg-opacity: 1;
     background-color: #2f855a;
+    background-color: rgba(47, 133, 90, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-green-800:focus {
+    --bg-opacity: 1;
     background-color: #276749;
+    background-color: rgba(39, 103, 73, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-green-900:focus {
+    --bg-opacity: 1;
     background-color: #22543d;
+    background-color: rgba(34, 84, 61, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-teal-100:focus {
+    --bg-opacity: 1;
     background-color: #e6fffa;
+    background-color: rgba(230, 255, 250, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-teal-200:focus {
+    --bg-opacity: 1;
     background-color: #b2f5ea;
+    background-color: rgba(178, 245, 234, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-teal-300:focus {
+    --bg-opacity: 1;
     background-color: #81e6d9;
+    background-color: rgba(129, 230, 217, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-teal-400:focus {
+    --bg-opacity: 1;
     background-color: #4fd1c5;
+    background-color: rgba(79, 209, 197, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-teal-500:focus {
+    --bg-opacity: 1;
     background-color: #38b2ac;
+    background-color: rgba(56, 178, 172, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-teal-600:focus {
+    --bg-opacity: 1;
     background-color: #319795;
+    background-color: rgba(49, 151, 149, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-teal-700:focus {
+    --bg-opacity: 1;
     background-color: #2c7a7b;
+    background-color: rgba(44, 122, 123, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-teal-800:focus {
+    --bg-opacity: 1;
     background-color: #285e61;
+    background-color: rgba(40, 94, 97, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-teal-900:focus {
+    --bg-opacity: 1;
     background-color: #234e52;
+    background-color: rgba(35, 78, 82, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-blue-100:focus {
+    --bg-opacity: 1;
     background-color: #ebf8ff;
+    background-color: rgba(235, 248, 255, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-blue-200:focus {
+    --bg-opacity: 1;
     background-color: #bee3f8;
+    background-color: rgba(190, 227, 248, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-blue-300:focus {
+    --bg-opacity: 1;
     background-color: #90cdf4;
+    background-color: rgba(144, 205, 244, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-blue-400:focus {
+    --bg-opacity: 1;
     background-color: #63b3ed;
+    background-color: rgba(99, 179, 237, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-blue-500:focus {
+    --bg-opacity: 1;
     background-color: #4299e1;
+    background-color: rgba(66, 153, 225, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-blue-600:focus {
+    --bg-opacity: 1;
     background-color: #3182ce;
+    background-color: rgba(49, 130, 206, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-blue-700:focus {
+    --bg-opacity: 1;
     background-color: #2b6cb0;
+    background-color: rgba(43, 108, 176, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-blue-800:focus {
+    --bg-opacity: 1;
     background-color: #2c5282;
+    background-color: rgba(44, 82, 130, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-blue-900:focus {
+    --bg-opacity: 1;
     background-color: #2a4365;
+    background-color: rgba(42, 67, 101, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-indigo-100:focus {
+    --bg-opacity: 1;
     background-color: #ebf4ff;
+    background-color: rgba(235, 244, 255, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-indigo-200:focus {
+    --bg-opacity: 1;
     background-color: #c3dafe;
+    background-color: rgba(195, 218, 254, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-indigo-300:focus {
+    --bg-opacity: 1;
     background-color: #a3bffa;
+    background-color: rgba(163, 191, 250, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-indigo-400:focus {
+    --bg-opacity: 1;
     background-color: #7f9cf5;
+    background-color: rgba(127, 156, 245, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-indigo-500:focus {
+    --bg-opacity: 1;
     background-color: #667eea;
+    background-color: rgba(102, 126, 234, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-indigo-600:focus {
+    --bg-opacity: 1;
     background-color: #5a67d8;
+    background-color: rgba(90, 103, 216, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-indigo-700:focus {
+    --bg-opacity: 1;
     background-color: #4c51bf;
+    background-color: rgba(76, 81, 191, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-indigo-800:focus {
+    --bg-opacity: 1;
     background-color: #434190;
+    background-color: rgba(67, 65, 144, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-indigo-900:focus {
+    --bg-opacity: 1;
     background-color: #3c366b;
+    background-color: rgba(60, 54, 107, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-purple-100:focus {
+    --bg-opacity: 1;
     background-color: #faf5ff;
+    background-color: rgba(250, 245, 255, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-purple-200:focus {
+    --bg-opacity: 1;
     background-color: #e9d8fd;
+    background-color: rgba(233, 216, 253, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-purple-300:focus {
+    --bg-opacity: 1;
     background-color: #d6bcfa;
+    background-color: rgba(214, 188, 250, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-purple-400:focus {
+    --bg-opacity: 1;
     background-color: #b794f4;
+    background-color: rgba(183, 148, 244, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-purple-500:focus {
+    --bg-opacity: 1;
     background-color: #9f7aea;
+    background-color: rgba(159, 122, 234, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-purple-600:focus {
+    --bg-opacity: 1;
     background-color: #805ad5;
+    background-color: rgba(128, 90, 213, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-purple-700:focus {
+    --bg-opacity: 1;
     background-color: #6b46c1;
+    background-color: rgba(107, 70, 193, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-purple-800:focus {
+    --bg-opacity: 1;
     background-color: #553c9a;
+    background-color: rgba(85, 60, 154, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-purple-900:focus {
+    --bg-opacity: 1;
     background-color: #44337a;
+    background-color: rgba(68, 51, 122, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-pink-100:focus {
+    --bg-opacity: 1;
     background-color: #fff5f7;
+    background-color: rgba(255, 245, 247, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-pink-200:focus {
+    --bg-opacity: 1;
     background-color: #fed7e2;
+    background-color: rgba(254, 215, 226, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-pink-300:focus {
+    --bg-opacity: 1;
     background-color: #fbb6ce;
+    background-color: rgba(251, 182, 206, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-pink-400:focus {
+    --bg-opacity: 1;
     background-color: #f687b3;
+    background-color: rgba(246, 135, 179, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-pink-500:focus {
+    --bg-opacity: 1;
     background-color: #ed64a6;
+    background-color: rgba(237, 100, 166, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-pink-600:focus {
+    --bg-opacity: 1;
     background-color: #d53f8c;
+    background-color: rgba(213, 63, 140, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-pink-700:focus {
+    --bg-opacity: 1;
     background-color: #b83280;
+    background-color: rgba(184, 50, 128, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-pink-800:focus {
+    --bg-opacity: 1;
     background-color: #97266d;
+    background-color: rgba(151, 38, 109, var(--bg-opacity));
   }
 
   .xl\:focus\:bg-pink-900:focus {
+    --bg-opacity: 1;
     background-color: #702459;
+    background-color: rgba(112, 36, 89, var(--bg-opacity));
+  }
+
+  .xl\:bg-opacity-0 {
+    --bg-opacity: 0;
+  }
+
+  .xl\:bg-opacity-25 {
+    --bg-opacity: 0.25;
+  }
+
+  .xl\:bg-opacity-50 {
+    --bg-opacity: 0.5;
+  }
+
+  .xl\:bg-opacity-75 {
+    --bg-opacity: 0.75;
+  }
+
+  .xl\:bg-opacity-100 {
+    --bg-opacity: 1;
+  }
+
+  .xl\:hover\:bg-opacity-0:hover {
+    --bg-opacity: 0;
+  }
+
+  .xl\:hover\:bg-opacity-25:hover {
+    --bg-opacity: 0.25;
+  }
+
+  .xl\:hover\:bg-opacity-50:hover {
+    --bg-opacity: 0.5;
+  }
+
+  .xl\:hover\:bg-opacity-75:hover {
+    --bg-opacity: 0.75;
+  }
+
+  .xl\:hover\:bg-opacity-100:hover {
+    --bg-opacity: 1;
+  }
+
+  .xl\:focus\:bg-opacity-0:focus {
+    --bg-opacity: 0;
+  }
+
+  .xl\:focus\:bg-opacity-25:focus {
+    --bg-opacity: 0.25;
+  }
+
+  .xl\:focus\:bg-opacity-50:focus {
+    --bg-opacity: 0.5;
+  }
+
+  .xl\:focus\:bg-opacity-75:focus {
+    --bg-opacity: 0.75;
+  }
+
+  .xl\:focus\:bg-opacity-100:focus {
+    --bg-opacity: 1;
   }
 
   .xl\:bg-bottom {
@@ -47940,371 +58548,555 @@ video {
   }
 
   .xl\:border-black {
+    --border-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
   }
 
   .xl\:border-white {
+    --border-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
   }
 
   .xl\:border-gray-100 {
+    --border-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--border-opacity));
   }
 
   .xl\:border-gray-200 {
+    --border-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--border-opacity));
   }
 
   .xl\:border-gray-300 {
+    --border-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
   }
 
   .xl\:border-gray-400 {
+    --border-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--border-opacity));
   }
 
   .xl\:border-gray-500 {
+    --border-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--border-opacity));
   }
 
   .xl\:border-gray-600 {
+    --border-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--border-opacity));
   }
 
   .xl\:border-gray-700 {
+    --border-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--border-opacity));
   }
 
   .xl\:border-gray-800 {
+    --border-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--border-opacity));
   }
 
   .xl\:border-gray-900 {
+    --border-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--border-opacity));
   }
 
   .xl\:border-red-100 {
+    --border-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--border-opacity));
   }
 
   .xl\:border-red-200 {
+    --border-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--border-opacity));
   }
 
   .xl\:border-red-300 {
+    --border-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--border-opacity));
   }
 
   .xl\:border-red-400 {
+    --border-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--border-opacity));
   }
 
   .xl\:border-red-500 {
+    --border-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--border-opacity));
   }
 
   .xl\:border-red-600 {
+    --border-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--border-opacity));
   }
 
   .xl\:border-red-700 {
+    --border-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--border-opacity));
   }
 
   .xl\:border-red-800 {
+    --border-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--border-opacity));
   }
 
   .xl\:border-red-900 {
+    --border-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--border-opacity));
   }
 
   .xl\:border-orange-100 {
+    --border-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--border-opacity));
   }
 
   .xl\:border-orange-200 {
+    --border-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--border-opacity));
   }
 
   .xl\:border-orange-300 {
+    --border-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--border-opacity));
   }
 
   .xl\:border-orange-400 {
+    --border-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--border-opacity));
   }
 
   .xl\:border-orange-500 {
+    --border-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--border-opacity));
   }
 
   .xl\:border-orange-600 {
+    --border-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--border-opacity));
   }
 
   .xl\:border-orange-700 {
+    --border-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--border-opacity));
   }
 
   .xl\:border-orange-800 {
+    --border-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--border-opacity));
   }
 
   .xl\:border-orange-900 {
+    --border-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--border-opacity));
   }
 
   .xl\:border-yellow-100 {
+    --border-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--border-opacity));
   }
 
   .xl\:border-yellow-200 {
+    --border-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--border-opacity));
   }
 
   .xl\:border-yellow-300 {
+    --border-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--border-opacity));
   }
 
   .xl\:border-yellow-400 {
+    --border-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--border-opacity));
   }
 
   .xl\:border-yellow-500 {
+    --border-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--border-opacity));
   }
 
   .xl\:border-yellow-600 {
+    --border-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--border-opacity));
   }
 
   .xl\:border-yellow-700 {
+    --border-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--border-opacity));
   }
 
   .xl\:border-yellow-800 {
+    --border-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--border-opacity));
   }
 
   .xl\:border-yellow-900 {
+    --border-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--border-opacity));
   }
 
   .xl\:border-green-100 {
+    --border-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--border-opacity));
   }
 
   .xl\:border-green-200 {
+    --border-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--border-opacity));
   }
 
   .xl\:border-green-300 {
+    --border-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--border-opacity));
   }
 
   .xl\:border-green-400 {
+    --border-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--border-opacity));
   }
 
   .xl\:border-green-500 {
+    --border-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--border-opacity));
   }
 
   .xl\:border-green-600 {
+    --border-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--border-opacity));
   }
 
   .xl\:border-green-700 {
+    --border-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--border-opacity));
   }
 
   .xl\:border-green-800 {
+    --border-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--border-opacity));
   }
 
   .xl\:border-green-900 {
+    --border-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--border-opacity));
   }
 
   .xl\:border-teal-100 {
+    --border-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--border-opacity));
   }
 
   .xl\:border-teal-200 {
+    --border-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--border-opacity));
   }
 
   .xl\:border-teal-300 {
+    --border-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--border-opacity));
   }
 
   .xl\:border-teal-400 {
+    --border-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--border-opacity));
   }
 
   .xl\:border-teal-500 {
+    --border-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--border-opacity));
   }
 
   .xl\:border-teal-600 {
+    --border-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--border-opacity));
   }
 
   .xl\:border-teal-700 {
+    --border-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--border-opacity));
   }
 
   .xl\:border-teal-800 {
+    --border-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--border-opacity));
   }
 
   .xl\:border-teal-900 {
+    --border-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--border-opacity));
   }
 
   .xl\:border-blue-100 {
+    --border-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--border-opacity));
   }
 
   .xl\:border-blue-200 {
+    --border-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--border-opacity));
   }
 
   .xl\:border-blue-300 {
+    --border-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--border-opacity));
   }
 
   .xl\:border-blue-400 {
+    --border-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--border-opacity));
   }
 
   .xl\:border-blue-500 {
+    --border-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--border-opacity));
   }
 
   .xl\:border-blue-600 {
+    --border-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--border-opacity));
   }
 
   .xl\:border-blue-700 {
+    --border-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--border-opacity));
   }
 
   .xl\:border-blue-800 {
+    --border-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--border-opacity));
   }
 
   .xl\:border-blue-900 {
+    --border-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--border-opacity));
   }
 
   .xl\:border-indigo-100 {
+    --border-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--border-opacity));
   }
 
   .xl\:border-indigo-200 {
+    --border-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--border-opacity));
   }
 
   .xl\:border-indigo-300 {
+    --border-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--border-opacity));
   }
 
   .xl\:border-indigo-400 {
+    --border-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--border-opacity));
   }
 
   .xl\:border-indigo-500 {
+    --border-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--border-opacity));
   }
 
   .xl\:border-indigo-600 {
+    --border-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--border-opacity));
   }
 
   .xl\:border-indigo-700 {
+    --border-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--border-opacity));
   }
 
   .xl\:border-indigo-800 {
+    --border-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--border-opacity));
   }
 
   .xl\:border-indigo-900 {
+    --border-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--border-opacity));
   }
 
   .xl\:border-purple-100 {
+    --border-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--border-opacity));
   }
 
   .xl\:border-purple-200 {
+    --border-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--border-opacity));
   }
 
   .xl\:border-purple-300 {
+    --border-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--border-opacity));
   }
 
   .xl\:border-purple-400 {
+    --border-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--border-opacity));
   }
 
   .xl\:border-purple-500 {
+    --border-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--border-opacity));
   }
 
   .xl\:border-purple-600 {
+    --border-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--border-opacity));
   }
 
   .xl\:border-purple-700 {
+    --border-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--border-opacity));
   }
 
   .xl\:border-purple-800 {
+    --border-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--border-opacity));
   }
 
   .xl\:border-purple-900 {
+    --border-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--border-opacity));
   }
 
   .xl\:border-pink-100 {
+    --border-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--border-opacity));
   }
 
   .xl\:border-pink-200 {
+    --border-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--border-opacity));
   }
 
   .xl\:border-pink-300 {
+    --border-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--border-opacity));
   }
 
   .xl\:border-pink-400 {
+    --border-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--border-opacity));
   }
 
   .xl\:border-pink-500 {
+    --border-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--border-opacity));
   }
 
   .xl\:border-pink-600 {
+    --border-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--border-opacity));
   }
 
   .xl\:border-pink-700 {
+    --border-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--border-opacity));
   }
 
   .xl\:border-pink-800 {
+    --border-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--border-opacity));
   }
 
   .xl\:border-pink-900 {
+    --border-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--border-opacity));
   }
 
   .xl\:hover\:border-transparent:hover {
@@ -48316,371 +59108,555 @@ video {
   }
 
   .xl\:hover\:border-black:hover {
+    --border-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
   }
 
   .xl\:hover\:border-white:hover {
+    --border-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
   }
 
   .xl\:hover\:border-gray-100:hover {
+    --border-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--border-opacity));
   }
 
   .xl\:hover\:border-gray-200:hover {
+    --border-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--border-opacity));
   }
 
   .xl\:hover\:border-gray-300:hover {
+    --border-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
   }
 
   .xl\:hover\:border-gray-400:hover {
+    --border-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--border-opacity));
   }
 
   .xl\:hover\:border-gray-500:hover {
+    --border-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--border-opacity));
   }
 
   .xl\:hover\:border-gray-600:hover {
+    --border-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--border-opacity));
   }
 
   .xl\:hover\:border-gray-700:hover {
+    --border-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--border-opacity));
   }
 
   .xl\:hover\:border-gray-800:hover {
+    --border-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--border-opacity));
   }
 
   .xl\:hover\:border-gray-900:hover {
+    --border-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--border-opacity));
   }
 
   .xl\:hover\:border-red-100:hover {
+    --border-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--border-opacity));
   }
 
   .xl\:hover\:border-red-200:hover {
+    --border-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--border-opacity));
   }
 
   .xl\:hover\:border-red-300:hover {
+    --border-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--border-opacity));
   }
 
   .xl\:hover\:border-red-400:hover {
+    --border-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--border-opacity));
   }
 
   .xl\:hover\:border-red-500:hover {
+    --border-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--border-opacity));
   }
 
   .xl\:hover\:border-red-600:hover {
+    --border-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--border-opacity));
   }
 
   .xl\:hover\:border-red-700:hover {
+    --border-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--border-opacity));
   }
 
   .xl\:hover\:border-red-800:hover {
+    --border-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--border-opacity));
   }
 
   .xl\:hover\:border-red-900:hover {
+    --border-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--border-opacity));
   }
 
   .xl\:hover\:border-orange-100:hover {
+    --border-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--border-opacity));
   }
 
   .xl\:hover\:border-orange-200:hover {
+    --border-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--border-opacity));
   }
 
   .xl\:hover\:border-orange-300:hover {
+    --border-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--border-opacity));
   }
 
   .xl\:hover\:border-orange-400:hover {
+    --border-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--border-opacity));
   }
 
   .xl\:hover\:border-orange-500:hover {
+    --border-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--border-opacity));
   }
 
   .xl\:hover\:border-orange-600:hover {
+    --border-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--border-opacity));
   }
 
   .xl\:hover\:border-orange-700:hover {
+    --border-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--border-opacity));
   }
 
   .xl\:hover\:border-orange-800:hover {
+    --border-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--border-opacity));
   }
 
   .xl\:hover\:border-orange-900:hover {
+    --border-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--border-opacity));
   }
 
   .xl\:hover\:border-yellow-100:hover {
+    --border-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--border-opacity));
   }
 
   .xl\:hover\:border-yellow-200:hover {
+    --border-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--border-opacity));
   }
 
   .xl\:hover\:border-yellow-300:hover {
+    --border-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--border-opacity));
   }
 
   .xl\:hover\:border-yellow-400:hover {
+    --border-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--border-opacity));
   }
 
   .xl\:hover\:border-yellow-500:hover {
+    --border-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--border-opacity));
   }
 
   .xl\:hover\:border-yellow-600:hover {
+    --border-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--border-opacity));
   }
 
   .xl\:hover\:border-yellow-700:hover {
+    --border-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--border-opacity));
   }
 
   .xl\:hover\:border-yellow-800:hover {
+    --border-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--border-opacity));
   }
 
   .xl\:hover\:border-yellow-900:hover {
+    --border-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--border-opacity));
   }
 
   .xl\:hover\:border-green-100:hover {
+    --border-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--border-opacity));
   }
 
   .xl\:hover\:border-green-200:hover {
+    --border-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--border-opacity));
   }
 
   .xl\:hover\:border-green-300:hover {
+    --border-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--border-opacity));
   }
 
   .xl\:hover\:border-green-400:hover {
+    --border-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--border-opacity));
   }
 
   .xl\:hover\:border-green-500:hover {
+    --border-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--border-opacity));
   }
 
   .xl\:hover\:border-green-600:hover {
+    --border-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--border-opacity));
   }
 
   .xl\:hover\:border-green-700:hover {
+    --border-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--border-opacity));
   }
 
   .xl\:hover\:border-green-800:hover {
+    --border-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--border-opacity));
   }
 
   .xl\:hover\:border-green-900:hover {
+    --border-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--border-opacity));
   }
 
   .xl\:hover\:border-teal-100:hover {
+    --border-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--border-opacity));
   }
 
   .xl\:hover\:border-teal-200:hover {
+    --border-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--border-opacity));
   }
 
   .xl\:hover\:border-teal-300:hover {
+    --border-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--border-opacity));
   }
 
   .xl\:hover\:border-teal-400:hover {
+    --border-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--border-opacity));
   }
 
   .xl\:hover\:border-teal-500:hover {
+    --border-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--border-opacity));
   }
 
   .xl\:hover\:border-teal-600:hover {
+    --border-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--border-opacity));
   }
 
   .xl\:hover\:border-teal-700:hover {
+    --border-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--border-opacity));
   }
 
   .xl\:hover\:border-teal-800:hover {
+    --border-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--border-opacity));
   }
 
   .xl\:hover\:border-teal-900:hover {
+    --border-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--border-opacity));
   }
 
   .xl\:hover\:border-blue-100:hover {
+    --border-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--border-opacity));
   }
 
   .xl\:hover\:border-blue-200:hover {
+    --border-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--border-opacity));
   }
 
   .xl\:hover\:border-blue-300:hover {
+    --border-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--border-opacity));
   }
 
   .xl\:hover\:border-blue-400:hover {
+    --border-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--border-opacity));
   }
 
   .xl\:hover\:border-blue-500:hover {
+    --border-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--border-opacity));
   }
 
   .xl\:hover\:border-blue-600:hover {
+    --border-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--border-opacity));
   }
 
   .xl\:hover\:border-blue-700:hover {
+    --border-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--border-opacity));
   }
 
   .xl\:hover\:border-blue-800:hover {
+    --border-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--border-opacity));
   }
 
   .xl\:hover\:border-blue-900:hover {
+    --border-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--border-opacity));
   }
 
   .xl\:hover\:border-indigo-100:hover {
+    --border-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--border-opacity));
   }
 
   .xl\:hover\:border-indigo-200:hover {
+    --border-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--border-opacity));
   }
 
   .xl\:hover\:border-indigo-300:hover {
+    --border-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--border-opacity));
   }
 
   .xl\:hover\:border-indigo-400:hover {
+    --border-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--border-opacity));
   }
 
   .xl\:hover\:border-indigo-500:hover {
+    --border-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--border-opacity));
   }
 
   .xl\:hover\:border-indigo-600:hover {
+    --border-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--border-opacity));
   }
 
   .xl\:hover\:border-indigo-700:hover {
+    --border-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--border-opacity));
   }
 
   .xl\:hover\:border-indigo-800:hover {
+    --border-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--border-opacity));
   }
 
   .xl\:hover\:border-indigo-900:hover {
+    --border-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--border-opacity));
   }
 
   .xl\:hover\:border-purple-100:hover {
+    --border-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--border-opacity));
   }
 
   .xl\:hover\:border-purple-200:hover {
+    --border-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--border-opacity));
   }
 
   .xl\:hover\:border-purple-300:hover {
+    --border-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--border-opacity));
   }
 
   .xl\:hover\:border-purple-400:hover {
+    --border-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--border-opacity));
   }
 
   .xl\:hover\:border-purple-500:hover {
+    --border-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--border-opacity));
   }
 
   .xl\:hover\:border-purple-600:hover {
+    --border-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--border-opacity));
   }
 
   .xl\:hover\:border-purple-700:hover {
+    --border-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--border-opacity));
   }
 
   .xl\:hover\:border-purple-800:hover {
+    --border-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--border-opacity));
   }
 
   .xl\:hover\:border-purple-900:hover {
+    --border-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--border-opacity));
   }
 
   .xl\:hover\:border-pink-100:hover {
+    --border-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--border-opacity));
   }
 
   .xl\:hover\:border-pink-200:hover {
+    --border-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--border-opacity));
   }
 
   .xl\:hover\:border-pink-300:hover {
+    --border-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--border-opacity));
   }
 
   .xl\:hover\:border-pink-400:hover {
+    --border-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--border-opacity));
   }
 
   .xl\:hover\:border-pink-500:hover {
+    --border-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--border-opacity));
   }
 
   .xl\:hover\:border-pink-600:hover {
+    --border-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--border-opacity));
   }
 
   .xl\:hover\:border-pink-700:hover {
+    --border-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--border-opacity));
   }
 
   .xl\:hover\:border-pink-800:hover {
+    --border-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--border-opacity));
   }
 
   .xl\:hover\:border-pink-900:hover {
+    --border-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--border-opacity));
   }
 
   .xl\:focus\:border-transparent:focus {
@@ -48692,371 +59668,615 @@ video {
   }
 
   .xl\:focus\:border-black:focus {
+    --border-opacity: 1;
     border-color: #000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
   }
 
   .xl\:focus\:border-white:focus {
+    --border-opacity: 1;
     border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
   }
 
   .xl\:focus\:border-gray-100:focus {
+    --border-opacity: 1;
     border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--border-opacity));
   }
 
   .xl\:focus\:border-gray-200:focus {
+    --border-opacity: 1;
     border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--border-opacity));
   }
 
   .xl\:focus\:border-gray-300:focus {
+    --border-opacity: 1;
     border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
   }
 
   .xl\:focus\:border-gray-400:focus {
+    --border-opacity: 1;
     border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--border-opacity));
   }
 
   .xl\:focus\:border-gray-500:focus {
+    --border-opacity: 1;
     border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--border-opacity));
   }
 
   .xl\:focus\:border-gray-600:focus {
+    --border-opacity: 1;
     border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--border-opacity));
   }
 
   .xl\:focus\:border-gray-700:focus {
+    --border-opacity: 1;
     border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--border-opacity));
   }
 
   .xl\:focus\:border-gray-800:focus {
+    --border-opacity: 1;
     border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--border-opacity));
   }
 
   .xl\:focus\:border-gray-900:focus {
+    --border-opacity: 1;
     border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--border-opacity));
   }
 
   .xl\:focus\:border-red-100:focus {
+    --border-opacity: 1;
     border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--border-opacity));
   }
 
   .xl\:focus\:border-red-200:focus {
+    --border-opacity: 1;
     border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--border-opacity));
   }
 
   .xl\:focus\:border-red-300:focus {
+    --border-opacity: 1;
     border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--border-opacity));
   }
 
   .xl\:focus\:border-red-400:focus {
+    --border-opacity: 1;
     border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--border-opacity));
   }
 
   .xl\:focus\:border-red-500:focus {
+    --border-opacity: 1;
     border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--border-opacity));
   }
 
   .xl\:focus\:border-red-600:focus {
+    --border-opacity: 1;
     border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--border-opacity));
   }
 
   .xl\:focus\:border-red-700:focus {
+    --border-opacity: 1;
     border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--border-opacity));
   }
 
   .xl\:focus\:border-red-800:focus {
+    --border-opacity: 1;
     border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--border-opacity));
   }
 
   .xl\:focus\:border-red-900:focus {
+    --border-opacity: 1;
     border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--border-opacity));
   }
 
   .xl\:focus\:border-orange-100:focus {
+    --border-opacity: 1;
     border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--border-opacity));
   }
 
   .xl\:focus\:border-orange-200:focus {
+    --border-opacity: 1;
     border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--border-opacity));
   }
 
   .xl\:focus\:border-orange-300:focus {
+    --border-opacity: 1;
     border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--border-opacity));
   }
 
   .xl\:focus\:border-orange-400:focus {
+    --border-opacity: 1;
     border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--border-opacity));
   }
 
   .xl\:focus\:border-orange-500:focus {
+    --border-opacity: 1;
     border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--border-opacity));
   }
 
   .xl\:focus\:border-orange-600:focus {
+    --border-opacity: 1;
     border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--border-opacity));
   }
 
   .xl\:focus\:border-orange-700:focus {
+    --border-opacity: 1;
     border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--border-opacity));
   }
 
   .xl\:focus\:border-orange-800:focus {
+    --border-opacity: 1;
     border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--border-opacity));
   }
 
   .xl\:focus\:border-orange-900:focus {
+    --border-opacity: 1;
     border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--border-opacity));
   }
 
   .xl\:focus\:border-yellow-100:focus {
+    --border-opacity: 1;
     border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--border-opacity));
   }
 
   .xl\:focus\:border-yellow-200:focus {
+    --border-opacity: 1;
     border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--border-opacity));
   }
 
   .xl\:focus\:border-yellow-300:focus {
+    --border-opacity: 1;
     border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--border-opacity));
   }
 
   .xl\:focus\:border-yellow-400:focus {
+    --border-opacity: 1;
     border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--border-opacity));
   }
 
   .xl\:focus\:border-yellow-500:focus {
+    --border-opacity: 1;
     border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--border-opacity));
   }
 
   .xl\:focus\:border-yellow-600:focus {
+    --border-opacity: 1;
     border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--border-opacity));
   }
 
   .xl\:focus\:border-yellow-700:focus {
+    --border-opacity: 1;
     border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--border-opacity));
   }
 
   .xl\:focus\:border-yellow-800:focus {
+    --border-opacity: 1;
     border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--border-opacity));
   }
 
   .xl\:focus\:border-yellow-900:focus {
+    --border-opacity: 1;
     border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--border-opacity));
   }
 
   .xl\:focus\:border-green-100:focus {
+    --border-opacity: 1;
     border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--border-opacity));
   }
 
   .xl\:focus\:border-green-200:focus {
+    --border-opacity: 1;
     border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--border-opacity));
   }
 
   .xl\:focus\:border-green-300:focus {
+    --border-opacity: 1;
     border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--border-opacity));
   }
 
   .xl\:focus\:border-green-400:focus {
+    --border-opacity: 1;
     border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--border-opacity));
   }
 
   .xl\:focus\:border-green-500:focus {
+    --border-opacity: 1;
     border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--border-opacity));
   }
 
   .xl\:focus\:border-green-600:focus {
+    --border-opacity: 1;
     border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--border-opacity));
   }
 
   .xl\:focus\:border-green-700:focus {
+    --border-opacity: 1;
     border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--border-opacity));
   }
 
   .xl\:focus\:border-green-800:focus {
+    --border-opacity: 1;
     border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--border-opacity));
   }
 
   .xl\:focus\:border-green-900:focus {
+    --border-opacity: 1;
     border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--border-opacity));
   }
 
   .xl\:focus\:border-teal-100:focus {
+    --border-opacity: 1;
     border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--border-opacity));
   }
 
   .xl\:focus\:border-teal-200:focus {
+    --border-opacity: 1;
     border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--border-opacity));
   }
 
   .xl\:focus\:border-teal-300:focus {
+    --border-opacity: 1;
     border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--border-opacity));
   }
 
   .xl\:focus\:border-teal-400:focus {
+    --border-opacity: 1;
     border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--border-opacity));
   }
 
   .xl\:focus\:border-teal-500:focus {
+    --border-opacity: 1;
     border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--border-opacity));
   }
 
   .xl\:focus\:border-teal-600:focus {
+    --border-opacity: 1;
     border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--border-opacity));
   }
 
   .xl\:focus\:border-teal-700:focus {
+    --border-opacity: 1;
     border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--border-opacity));
   }
 
   .xl\:focus\:border-teal-800:focus {
+    --border-opacity: 1;
     border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--border-opacity));
   }
 
   .xl\:focus\:border-teal-900:focus {
+    --border-opacity: 1;
     border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--border-opacity));
   }
 
   .xl\:focus\:border-blue-100:focus {
+    --border-opacity: 1;
     border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--border-opacity));
   }
 
   .xl\:focus\:border-blue-200:focus {
+    --border-opacity: 1;
     border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--border-opacity));
   }
 
   .xl\:focus\:border-blue-300:focus {
+    --border-opacity: 1;
     border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--border-opacity));
   }
 
   .xl\:focus\:border-blue-400:focus {
+    --border-opacity: 1;
     border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--border-opacity));
   }
 
   .xl\:focus\:border-blue-500:focus {
+    --border-opacity: 1;
     border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--border-opacity));
   }
 
   .xl\:focus\:border-blue-600:focus {
+    --border-opacity: 1;
     border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--border-opacity));
   }
 
   .xl\:focus\:border-blue-700:focus {
+    --border-opacity: 1;
     border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--border-opacity));
   }
 
   .xl\:focus\:border-blue-800:focus {
+    --border-opacity: 1;
     border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--border-opacity));
   }
 
   .xl\:focus\:border-blue-900:focus {
+    --border-opacity: 1;
     border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--border-opacity));
   }
 
   .xl\:focus\:border-indigo-100:focus {
+    --border-opacity: 1;
     border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--border-opacity));
   }
 
   .xl\:focus\:border-indigo-200:focus {
+    --border-opacity: 1;
     border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--border-opacity));
   }
 
   .xl\:focus\:border-indigo-300:focus {
+    --border-opacity: 1;
     border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--border-opacity));
   }
 
   .xl\:focus\:border-indigo-400:focus {
+    --border-opacity: 1;
     border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--border-opacity));
   }
 
   .xl\:focus\:border-indigo-500:focus {
+    --border-opacity: 1;
     border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--border-opacity));
   }
 
   .xl\:focus\:border-indigo-600:focus {
+    --border-opacity: 1;
     border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--border-opacity));
   }
 
   .xl\:focus\:border-indigo-700:focus {
+    --border-opacity: 1;
     border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--border-opacity));
   }
 
   .xl\:focus\:border-indigo-800:focus {
+    --border-opacity: 1;
     border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--border-opacity));
   }
 
   .xl\:focus\:border-indigo-900:focus {
+    --border-opacity: 1;
     border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--border-opacity));
   }
 
   .xl\:focus\:border-purple-100:focus {
+    --border-opacity: 1;
     border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--border-opacity));
   }
 
   .xl\:focus\:border-purple-200:focus {
+    --border-opacity: 1;
     border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--border-opacity));
   }
 
   .xl\:focus\:border-purple-300:focus {
+    --border-opacity: 1;
     border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--border-opacity));
   }
 
   .xl\:focus\:border-purple-400:focus {
+    --border-opacity: 1;
     border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--border-opacity));
   }
 
   .xl\:focus\:border-purple-500:focus {
+    --border-opacity: 1;
     border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--border-opacity));
   }
 
   .xl\:focus\:border-purple-600:focus {
+    --border-opacity: 1;
     border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--border-opacity));
   }
 
   .xl\:focus\:border-purple-700:focus {
+    --border-opacity: 1;
     border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--border-opacity));
   }
 
   .xl\:focus\:border-purple-800:focus {
+    --border-opacity: 1;
     border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--border-opacity));
   }
 
   .xl\:focus\:border-purple-900:focus {
+    --border-opacity: 1;
     border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--border-opacity));
   }
 
   .xl\:focus\:border-pink-100:focus {
+    --border-opacity: 1;
     border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--border-opacity));
   }
 
   .xl\:focus\:border-pink-200:focus {
+    --border-opacity: 1;
     border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--border-opacity));
   }
 
   .xl\:focus\:border-pink-300:focus {
+    --border-opacity: 1;
     border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--border-opacity));
   }
 
   .xl\:focus\:border-pink-400:focus {
+    --border-opacity: 1;
     border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--border-opacity));
   }
 
   .xl\:focus\:border-pink-500:focus {
+    --border-opacity: 1;
     border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--border-opacity));
   }
 
   .xl\:focus\:border-pink-600:focus {
+    --border-opacity: 1;
     border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--border-opacity));
   }
 
   .xl\:focus\:border-pink-700:focus {
+    --border-opacity: 1;
     border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--border-opacity));
   }
 
   .xl\:focus\:border-pink-800:focus {
+    --border-opacity: 1;
     border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--border-opacity));
   }
 
   .xl\:focus\:border-pink-900:focus {
+    --border-opacity: 1;
     border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--border-opacity));
+  }
+
+  .xl\:border-opacity-0 {
+    --border-opacity: 0;
+  }
+
+  .xl\:border-opacity-25 {
+    --border-opacity: 0.25;
+  }
+
+  .xl\:border-opacity-50 {
+    --border-opacity: 0.5;
+  }
+
+  .xl\:border-opacity-75 {
+    --border-opacity: 0.75;
+  }
+
+  .xl\:border-opacity-100 {
+    --border-opacity: 1;
+  }
+
+  .xl\:hover\:border-opacity-0:hover {
+    --border-opacity: 0;
+  }
+
+  .xl\:hover\:border-opacity-25:hover {
+    --border-opacity: 0.25;
+  }
+
+  .xl\:hover\:border-opacity-50:hover {
+    --border-opacity: 0.5;
+  }
+
+  .xl\:hover\:border-opacity-75:hover {
+    --border-opacity: 0.75;
+  }
+
+  .xl\:hover\:border-opacity-100:hover {
+    --border-opacity: 1;
+  }
+
+  .xl\:focus\:border-opacity-0:focus {
+    --border-opacity: 0;
+  }
+
+  .xl\:focus\:border-opacity-25:focus {
+    --border-opacity: 0.25;
+  }
+
+  .xl\:focus\:border-opacity-50:focus {
+    --border-opacity: 0.5;
+  }
+
+  .xl\:focus\:border-opacity-75:focus {
+    --border-opacity: 0.75;
+  }
+
+  .xl\:focus\:border-opacity-100:focus {
+    --border-opacity: 1;
   }
 
   .xl\:rounded-none {
@@ -52080,371 +63300,555 @@ video {
   }
 
   .xl\:placeholder-black::placeholder {
+    --placeholder-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-white::placeholder {
+    --placeholder-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--placeholder-opacity));
   }
 
   .xl\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-transparent:focus::placeholder {
@@ -52456,371 +63860,595 @@ video {
   }
 
   .xl\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--placeholder-opacity));
   }
 
   .xl\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--placeholder-opacity));
+  }
+
+  .xl\:placeholder-opacity-0 {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:placeholder-opacity-25 {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:placeholder-opacity-50 {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:placeholder-opacity-75 {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:placeholder-opacity-100 {
+    --placeholder-opacity: 1;
+  }
+
+  .xl\:focus\:placeholder-opacity-0:focus {
+    --placeholder-opacity: 0;
+  }
+
+  .xl\:focus\:placeholder-opacity-25:focus {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xl\:focus\:placeholder-opacity-50:focus {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xl\:focus\:placeholder-opacity-75:focus {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xl\:focus\:placeholder-opacity-100:focus {
+    --placeholder-opacity: 1;
   }
 
   .xl\:pointer-events-none {
@@ -53106,371 +64734,555 @@ video {
   }
 
   .xl\:text-black {
+    --text-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--text-opacity));
   }
 
   .xl\:text-white {
+    --text-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--text-opacity));
   }
 
   .xl\:text-gray-100 {
+    --text-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--text-opacity));
   }
 
   .xl\:text-gray-200 {
+    --text-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--text-opacity));
   }
 
   .xl\:text-gray-300 {
+    --text-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
   }
 
   .xl\:text-gray-400 {
+    --text-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--text-opacity));
   }
 
   .xl\:text-gray-500 {
+    --text-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--text-opacity));
   }
 
   .xl\:text-gray-600 {
+    --text-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--text-opacity));
   }
 
   .xl\:text-gray-700 {
+    --text-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--text-opacity));
   }
 
   .xl\:text-gray-800 {
+    --text-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--text-opacity));
   }
 
   .xl\:text-gray-900 {
+    --text-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--text-opacity));
   }
 
   .xl\:text-red-100 {
+    --text-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--text-opacity));
   }
 
   .xl\:text-red-200 {
+    --text-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--text-opacity));
   }
 
   .xl\:text-red-300 {
+    --text-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--text-opacity));
   }
 
   .xl\:text-red-400 {
+    --text-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--text-opacity));
   }
 
   .xl\:text-red-500 {
+    --text-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--text-opacity));
   }
 
   .xl\:text-red-600 {
+    --text-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--text-opacity));
   }
 
   .xl\:text-red-700 {
+    --text-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--text-opacity));
   }
 
   .xl\:text-red-800 {
+    --text-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--text-opacity));
   }
 
   .xl\:text-red-900 {
+    --text-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--text-opacity));
   }
 
   .xl\:text-orange-100 {
+    --text-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--text-opacity));
   }
 
   .xl\:text-orange-200 {
+    --text-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--text-opacity));
   }
 
   .xl\:text-orange-300 {
+    --text-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--text-opacity));
   }
 
   .xl\:text-orange-400 {
+    --text-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--text-opacity));
   }
 
   .xl\:text-orange-500 {
+    --text-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--text-opacity));
   }
 
   .xl\:text-orange-600 {
+    --text-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--text-opacity));
   }
 
   .xl\:text-orange-700 {
+    --text-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--text-opacity));
   }
 
   .xl\:text-orange-800 {
+    --text-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--text-opacity));
   }
 
   .xl\:text-orange-900 {
+    --text-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--text-opacity));
   }
 
   .xl\:text-yellow-100 {
+    --text-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--text-opacity));
   }
 
   .xl\:text-yellow-200 {
+    --text-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--text-opacity));
   }
 
   .xl\:text-yellow-300 {
+    --text-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--text-opacity));
   }
 
   .xl\:text-yellow-400 {
+    --text-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--text-opacity));
   }
 
   .xl\:text-yellow-500 {
+    --text-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--text-opacity));
   }
 
   .xl\:text-yellow-600 {
+    --text-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--text-opacity));
   }
 
   .xl\:text-yellow-700 {
+    --text-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--text-opacity));
   }
 
   .xl\:text-yellow-800 {
+    --text-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--text-opacity));
   }
 
   .xl\:text-yellow-900 {
+    --text-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--text-opacity));
   }
 
   .xl\:text-green-100 {
+    --text-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--text-opacity));
   }
 
   .xl\:text-green-200 {
+    --text-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--text-opacity));
   }
 
   .xl\:text-green-300 {
+    --text-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--text-opacity));
   }
 
   .xl\:text-green-400 {
+    --text-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--text-opacity));
   }
 
   .xl\:text-green-500 {
+    --text-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--text-opacity));
   }
 
   .xl\:text-green-600 {
+    --text-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--text-opacity));
   }
 
   .xl\:text-green-700 {
+    --text-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--text-opacity));
   }
 
   .xl\:text-green-800 {
+    --text-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--text-opacity));
   }
 
   .xl\:text-green-900 {
+    --text-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--text-opacity));
   }
 
   .xl\:text-teal-100 {
+    --text-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--text-opacity));
   }
 
   .xl\:text-teal-200 {
+    --text-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--text-opacity));
   }
 
   .xl\:text-teal-300 {
+    --text-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--text-opacity));
   }
 
   .xl\:text-teal-400 {
+    --text-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--text-opacity));
   }
 
   .xl\:text-teal-500 {
+    --text-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--text-opacity));
   }
 
   .xl\:text-teal-600 {
+    --text-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--text-opacity));
   }
 
   .xl\:text-teal-700 {
+    --text-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--text-opacity));
   }
 
   .xl\:text-teal-800 {
+    --text-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--text-opacity));
   }
 
   .xl\:text-teal-900 {
+    --text-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--text-opacity));
   }
 
   .xl\:text-blue-100 {
+    --text-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--text-opacity));
   }
 
   .xl\:text-blue-200 {
+    --text-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--text-opacity));
   }
 
   .xl\:text-blue-300 {
+    --text-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--text-opacity));
   }
 
   .xl\:text-blue-400 {
+    --text-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--text-opacity));
   }
 
   .xl\:text-blue-500 {
+    --text-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--text-opacity));
   }
 
   .xl\:text-blue-600 {
+    --text-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--text-opacity));
   }
 
   .xl\:text-blue-700 {
+    --text-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--text-opacity));
   }
 
   .xl\:text-blue-800 {
+    --text-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--text-opacity));
   }
 
   .xl\:text-blue-900 {
+    --text-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--text-opacity));
   }
 
   .xl\:text-indigo-100 {
+    --text-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--text-opacity));
   }
 
   .xl\:text-indigo-200 {
+    --text-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--text-opacity));
   }
 
   .xl\:text-indigo-300 {
+    --text-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--text-opacity));
   }
 
   .xl\:text-indigo-400 {
+    --text-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--text-opacity));
   }
 
   .xl\:text-indigo-500 {
+    --text-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--text-opacity));
   }
 
   .xl\:text-indigo-600 {
+    --text-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--text-opacity));
   }
 
   .xl\:text-indigo-700 {
+    --text-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--text-opacity));
   }
 
   .xl\:text-indigo-800 {
+    --text-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--text-opacity));
   }
 
   .xl\:text-indigo-900 {
+    --text-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--text-opacity));
   }
 
   .xl\:text-purple-100 {
+    --text-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--text-opacity));
   }
 
   .xl\:text-purple-200 {
+    --text-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--text-opacity));
   }
 
   .xl\:text-purple-300 {
+    --text-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--text-opacity));
   }
 
   .xl\:text-purple-400 {
+    --text-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--text-opacity));
   }
 
   .xl\:text-purple-500 {
+    --text-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--text-opacity));
   }
 
   .xl\:text-purple-600 {
+    --text-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--text-opacity));
   }
 
   .xl\:text-purple-700 {
+    --text-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--text-opacity));
   }
 
   .xl\:text-purple-800 {
+    --text-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--text-opacity));
   }
 
   .xl\:text-purple-900 {
+    --text-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--text-opacity));
   }
 
   .xl\:text-pink-100 {
+    --text-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--text-opacity));
   }
 
   .xl\:text-pink-200 {
+    --text-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--text-opacity));
   }
 
   .xl\:text-pink-300 {
+    --text-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--text-opacity));
   }
 
   .xl\:text-pink-400 {
+    --text-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--text-opacity));
   }
 
   .xl\:text-pink-500 {
+    --text-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--text-opacity));
   }
 
   .xl\:text-pink-600 {
+    --text-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--text-opacity));
   }
 
   .xl\:text-pink-700 {
+    --text-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--text-opacity));
   }
 
   .xl\:text-pink-800 {
+    --text-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--text-opacity));
   }
 
   .xl\:text-pink-900 {
+    --text-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--text-opacity));
   }
 
   .xl\:hover\:text-transparent:hover {
@@ -53482,371 +65294,555 @@ video {
   }
 
   .xl\:hover\:text-black:hover {
+    --text-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--text-opacity));
   }
 
   .xl\:hover\:text-white:hover {
+    --text-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--text-opacity));
   }
 
   .xl\:hover\:text-gray-100:hover {
+    --text-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--text-opacity));
   }
 
   .xl\:hover\:text-gray-200:hover {
+    --text-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--text-opacity));
   }
 
   .xl\:hover\:text-gray-300:hover {
+    --text-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
   }
 
   .xl\:hover\:text-gray-400:hover {
+    --text-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--text-opacity));
   }
 
   .xl\:hover\:text-gray-500:hover {
+    --text-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--text-opacity));
   }
 
   .xl\:hover\:text-gray-600:hover {
+    --text-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--text-opacity));
   }
 
   .xl\:hover\:text-gray-700:hover {
+    --text-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--text-opacity));
   }
 
   .xl\:hover\:text-gray-800:hover {
+    --text-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--text-opacity));
   }
 
   .xl\:hover\:text-gray-900:hover {
+    --text-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--text-opacity));
   }
 
   .xl\:hover\:text-red-100:hover {
+    --text-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--text-opacity));
   }
 
   .xl\:hover\:text-red-200:hover {
+    --text-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--text-opacity));
   }
 
   .xl\:hover\:text-red-300:hover {
+    --text-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--text-opacity));
   }
 
   .xl\:hover\:text-red-400:hover {
+    --text-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--text-opacity));
   }
 
   .xl\:hover\:text-red-500:hover {
+    --text-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--text-opacity));
   }
 
   .xl\:hover\:text-red-600:hover {
+    --text-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--text-opacity));
   }
 
   .xl\:hover\:text-red-700:hover {
+    --text-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--text-opacity));
   }
 
   .xl\:hover\:text-red-800:hover {
+    --text-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--text-opacity));
   }
 
   .xl\:hover\:text-red-900:hover {
+    --text-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--text-opacity));
   }
 
   .xl\:hover\:text-orange-100:hover {
+    --text-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--text-opacity));
   }
 
   .xl\:hover\:text-orange-200:hover {
+    --text-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--text-opacity));
   }
 
   .xl\:hover\:text-orange-300:hover {
+    --text-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--text-opacity));
   }
 
   .xl\:hover\:text-orange-400:hover {
+    --text-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--text-opacity));
   }
 
   .xl\:hover\:text-orange-500:hover {
+    --text-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--text-opacity));
   }
 
   .xl\:hover\:text-orange-600:hover {
+    --text-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--text-opacity));
   }
 
   .xl\:hover\:text-orange-700:hover {
+    --text-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--text-opacity));
   }
 
   .xl\:hover\:text-orange-800:hover {
+    --text-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--text-opacity));
   }
 
   .xl\:hover\:text-orange-900:hover {
+    --text-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--text-opacity));
   }
 
   .xl\:hover\:text-yellow-100:hover {
+    --text-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--text-opacity));
   }
 
   .xl\:hover\:text-yellow-200:hover {
+    --text-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--text-opacity));
   }
 
   .xl\:hover\:text-yellow-300:hover {
+    --text-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--text-opacity));
   }
 
   .xl\:hover\:text-yellow-400:hover {
+    --text-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--text-opacity));
   }
 
   .xl\:hover\:text-yellow-500:hover {
+    --text-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--text-opacity));
   }
 
   .xl\:hover\:text-yellow-600:hover {
+    --text-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--text-opacity));
   }
 
   .xl\:hover\:text-yellow-700:hover {
+    --text-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--text-opacity));
   }
 
   .xl\:hover\:text-yellow-800:hover {
+    --text-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--text-opacity));
   }
 
   .xl\:hover\:text-yellow-900:hover {
+    --text-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--text-opacity));
   }
 
   .xl\:hover\:text-green-100:hover {
+    --text-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--text-opacity));
   }
 
   .xl\:hover\:text-green-200:hover {
+    --text-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--text-opacity));
   }
 
   .xl\:hover\:text-green-300:hover {
+    --text-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--text-opacity));
   }
 
   .xl\:hover\:text-green-400:hover {
+    --text-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--text-opacity));
   }
 
   .xl\:hover\:text-green-500:hover {
+    --text-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--text-opacity));
   }
 
   .xl\:hover\:text-green-600:hover {
+    --text-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--text-opacity));
   }
 
   .xl\:hover\:text-green-700:hover {
+    --text-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--text-opacity));
   }
 
   .xl\:hover\:text-green-800:hover {
+    --text-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--text-opacity));
   }
 
   .xl\:hover\:text-green-900:hover {
+    --text-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--text-opacity));
   }
 
   .xl\:hover\:text-teal-100:hover {
+    --text-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--text-opacity));
   }
 
   .xl\:hover\:text-teal-200:hover {
+    --text-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--text-opacity));
   }
 
   .xl\:hover\:text-teal-300:hover {
+    --text-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--text-opacity));
   }
 
   .xl\:hover\:text-teal-400:hover {
+    --text-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--text-opacity));
   }
 
   .xl\:hover\:text-teal-500:hover {
+    --text-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--text-opacity));
   }
 
   .xl\:hover\:text-teal-600:hover {
+    --text-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--text-opacity));
   }
 
   .xl\:hover\:text-teal-700:hover {
+    --text-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--text-opacity));
   }
 
   .xl\:hover\:text-teal-800:hover {
+    --text-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--text-opacity));
   }
 
   .xl\:hover\:text-teal-900:hover {
+    --text-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--text-opacity));
   }
 
   .xl\:hover\:text-blue-100:hover {
+    --text-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--text-opacity));
   }
 
   .xl\:hover\:text-blue-200:hover {
+    --text-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--text-opacity));
   }
 
   .xl\:hover\:text-blue-300:hover {
+    --text-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--text-opacity));
   }
 
   .xl\:hover\:text-blue-400:hover {
+    --text-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--text-opacity));
   }
 
   .xl\:hover\:text-blue-500:hover {
+    --text-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--text-opacity));
   }
 
   .xl\:hover\:text-blue-600:hover {
+    --text-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--text-opacity));
   }
 
   .xl\:hover\:text-blue-700:hover {
+    --text-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--text-opacity));
   }
 
   .xl\:hover\:text-blue-800:hover {
+    --text-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--text-opacity));
   }
 
   .xl\:hover\:text-blue-900:hover {
+    --text-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--text-opacity));
   }
 
   .xl\:hover\:text-indigo-100:hover {
+    --text-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--text-opacity));
   }
 
   .xl\:hover\:text-indigo-200:hover {
+    --text-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--text-opacity));
   }
 
   .xl\:hover\:text-indigo-300:hover {
+    --text-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--text-opacity));
   }
 
   .xl\:hover\:text-indigo-400:hover {
+    --text-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--text-opacity));
   }
 
   .xl\:hover\:text-indigo-500:hover {
+    --text-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--text-opacity));
   }
 
   .xl\:hover\:text-indigo-600:hover {
+    --text-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--text-opacity));
   }
 
   .xl\:hover\:text-indigo-700:hover {
+    --text-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--text-opacity));
   }
 
   .xl\:hover\:text-indigo-800:hover {
+    --text-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--text-opacity));
   }
 
   .xl\:hover\:text-indigo-900:hover {
+    --text-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--text-opacity));
   }
 
   .xl\:hover\:text-purple-100:hover {
+    --text-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--text-opacity));
   }
 
   .xl\:hover\:text-purple-200:hover {
+    --text-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--text-opacity));
   }
 
   .xl\:hover\:text-purple-300:hover {
+    --text-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--text-opacity));
   }
 
   .xl\:hover\:text-purple-400:hover {
+    --text-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--text-opacity));
   }
 
   .xl\:hover\:text-purple-500:hover {
+    --text-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--text-opacity));
   }
 
   .xl\:hover\:text-purple-600:hover {
+    --text-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--text-opacity));
   }
 
   .xl\:hover\:text-purple-700:hover {
+    --text-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--text-opacity));
   }
 
   .xl\:hover\:text-purple-800:hover {
+    --text-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--text-opacity));
   }
 
   .xl\:hover\:text-purple-900:hover {
+    --text-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--text-opacity));
   }
 
   .xl\:hover\:text-pink-100:hover {
+    --text-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--text-opacity));
   }
 
   .xl\:hover\:text-pink-200:hover {
+    --text-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--text-opacity));
   }
 
   .xl\:hover\:text-pink-300:hover {
+    --text-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--text-opacity));
   }
 
   .xl\:hover\:text-pink-400:hover {
+    --text-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--text-opacity));
   }
 
   .xl\:hover\:text-pink-500:hover {
+    --text-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--text-opacity));
   }
 
   .xl\:hover\:text-pink-600:hover {
+    --text-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--text-opacity));
   }
 
   .xl\:hover\:text-pink-700:hover {
+    --text-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--text-opacity));
   }
 
   .xl\:hover\:text-pink-800:hover {
+    --text-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--text-opacity));
   }
 
   .xl\:hover\:text-pink-900:hover {
+    --text-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--text-opacity));
   }
 
   .xl\:focus\:text-transparent:focus {
@@ -53858,371 +65854,615 @@ video {
   }
 
   .xl\:focus\:text-black:focus {
+    --text-opacity: 1;
     color: #000;
+    color: rgba(0, 0, 0, var(--text-opacity));
   }
 
   .xl\:focus\:text-white:focus {
+    --text-opacity: 1;
     color: #fff;
+    color: rgba(255, 255, 255, var(--text-opacity));
   }
 
   .xl\:focus\:text-gray-100:focus {
+    --text-opacity: 1;
     color: #f7fafc;
+    color: rgba(247, 250, 252, var(--text-opacity));
   }
 
   .xl\:focus\:text-gray-200:focus {
+    --text-opacity: 1;
     color: #edf2f7;
+    color: rgba(237, 242, 247, var(--text-opacity));
   }
 
   .xl\:focus\:text-gray-300:focus {
+    --text-opacity: 1;
     color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
   }
 
   .xl\:focus\:text-gray-400:focus {
+    --text-opacity: 1;
     color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--text-opacity));
   }
 
   .xl\:focus\:text-gray-500:focus {
+    --text-opacity: 1;
     color: #a0aec0;
+    color: rgba(160, 174, 192, var(--text-opacity));
   }
 
   .xl\:focus\:text-gray-600:focus {
+    --text-opacity: 1;
     color: #718096;
+    color: rgba(113, 128, 150, var(--text-opacity));
   }
 
   .xl\:focus\:text-gray-700:focus {
+    --text-opacity: 1;
     color: #4a5568;
+    color: rgba(74, 85, 104, var(--text-opacity));
   }
 
   .xl\:focus\:text-gray-800:focus {
+    --text-opacity: 1;
     color: #2d3748;
+    color: rgba(45, 55, 72, var(--text-opacity));
   }
 
   .xl\:focus\:text-gray-900:focus {
+    --text-opacity: 1;
     color: #1a202c;
+    color: rgba(26, 32, 44, var(--text-opacity));
   }
 
   .xl\:focus\:text-red-100:focus {
+    --text-opacity: 1;
     color: #fff5f5;
+    color: rgba(255, 245, 245, var(--text-opacity));
   }
 
   .xl\:focus\:text-red-200:focus {
+    --text-opacity: 1;
     color: #fed7d7;
+    color: rgba(254, 215, 215, var(--text-opacity));
   }
 
   .xl\:focus\:text-red-300:focus {
+    --text-opacity: 1;
     color: #feb2b2;
+    color: rgba(254, 178, 178, var(--text-opacity));
   }
 
   .xl\:focus\:text-red-400:focus {
+    --text-opacity: 1;
     color: #fc8181;
+    color: rgba(252, 129, 129, var(--text-opacity));
   }
 
   .xl\:focus\:text-red-500:focus {
+    --text-opacity: 1;
     color: #f56565;
+    color: rgba(245, 101, 101, var(--text-opacity));
   }
 
   .xl\:focus\:text-red-600:focus {
+    --text-opacity: 1;
     color: #e53e3e;
+    color: rgba(229, 62, 62, var(--text-opacity));
   }
 
   .xl\:focus\:text-red-700:focus {
+    --text-opacity: 1;
     color: #c53030;
+    color: rgba(197, 48, 48, var(--text-opacity));
   }
 
   .xl\:focus\:text-red-800:focus {
+    --text-opacity: 1;
     color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--text-opacity));
   }
 
   .xl\:focus\:text-red-900:focus {
+    --text-opacity: 1;
     color: #742a2a;
+    color: rgba(116, 42, 42, var(--text-opacity));
   }
 
   .xl\:focus\:text-orange-100:focus {
+    --text-opacity: 1;
     color: #fffaf0;
+    color: rgba(255, 250, 240, var(--text-opacity));
   }
 
   .xl\:focus\:text-orange-200:focus {
+    --text-opacity: 1;
     color: #feebc8;
+    color: rgba(254, 235, 200, var(--text-opacity));
   }
 
   .xl\:focus\:text-orange-300:focus {
+    --text-opacity: 1;
     color: #fbd38d;
+    color: rgba(251, 211, 141, var(--text-opacity));
   }
 
   .xl\:focus\:text-orange-400:focus {
+    --text-opacity: 1;
     color: #f6ad55;
+    color: rgba(246, 173, 85, var(--text-opacity));
   }
 
   .xl\:focus\:text-orange-500:focus {
+    --text-opacity: 1;
     color: #ed8936;
+    color: rgba(237, 137, 54, var(--text-opacity));
   }
 
   .xl\:focus\:text-orange-600:focus {
+    --text-opacity: 1;
     color: #dd6b20;
+    color: rgba(221, 107, 32, var(--text-opacity));
   }
 
   .xl\:focus\:text-orange-700:focus {
+    --text-opacity: 1;
     color: #c05621;
+    color: rgba(192, 86, 33, var(--text-opacity));
   }
 
   .xl\:focus\:text-orange-800:focus {
+    --text-opacity: 1;
     color: #9c4221;
+    color: rgba(156, 66, 33, var(--text-opacity));
   }
 
   .xl\:focus\:text-orange-900:focus {
+    --text-opacity: 1;
     color: #7b341e;
+    color: rgba(123, 52, 30, var(--text-opacity));
   }
 
   .xl\:focus\:text-yellow-100:focus {
+    --text-opacity: 1;
     color: #fffff0;
+    color: rgba(255, 255, 240, var(--text-opacity));
   }
 
   .xl\:focus\:text-yellow-200:focus {
+    --text-opacity: 1;
     color: #fefcbf;
+    color: rgba(254, 252, 191, var(--text-opacity));
   }
 
   .xl\:focus\:text-yellow-300:focus {
+    --text-opacity: 1;
     color: #faf089;
+    color: rgba(250, 240, 137, var(--text-opacity));
   }
 
   .xl\:focus\:text-yellow-400:focus {
+    --text-opacity: 1;
     color: #f6e05e;
+    color: rgba(246, 224, 94, var(--text-opacity));
   }
 
   .xl\:focus\:text-yellow-500:focus {
+    --text-opacity: 1;
     color: #ecc94b;
+    color: rgba(236, 201, 75, var(--text-opacity));
   }
 
   .xl\:focus\:text-yellow-600:focus {
+    --text-opacity: 1;
     color: #d69e2e;
+    color: rgba(214, 158, 46, var(--text-opacity));
   }
 
   .xl\:focus\:text-yellow-700:focus {
+    --text-opacity: 1;
     color: #b7791f;
+    color: rgba(183, 121, 31, var(--text-opacity));
   }
 
   .xl\:focus\:text-yellow-800:focus {
+    --text-opacity: 1;
     color: #975a16;
+    color: rgba(151, 90, 22, var(--text-opacity));
   }
 
   .xl\:focus\:text-yellow-900:focus {
+    --text-opacity: 1;
     color: #744210;
+    color: rgba(116, 66, 16, var(--text-opacity));
   }
 
   .xl\:focus\:text-green-100:focus {
+    --text-opacity: 1;
     color: #f0fff4;
+    color: rgba(240, 255, 244, var(--text-opacity));
   }
 
   .xl\:focus\:text-green-200:focus {
+    --text-opacity: 1;
     color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--text-opacity));
   }
 
   .xl\:focus\:text-green-300:focus {
+    --text-opacity: 1;
     color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--text-opacity));
   }
 
   .xl\:focus\:text-green-400:focus {
+    --text-opacity: 1;
     color: #68d391;
+    color: rgba(104, 211, 145, var(--text-opacity));
   }
 
   .xl\:focus\:text-green-500:focus {
+    --text-opacity: 1;
     color: #48bb78;
+    color: rgba(72, 187, 120, var(--text-opacity));
   }
 
   .xl\:focus\:text-green-600:focus {
+    --text-opacity: 1;
     color: #38a169;
+    color: rgba(56, 161, 105, var(--text-opacity));
   }
 
   .xl\:focus\:text-green-700:focus {
+    --text-opacity: 1;
     color: #2f855a;
+    color: rgba(47, 133, 90, var(--text-opacity));
   }
 
   .xl\:focus\:text-green-800:focus {
+    --text-opacity: 1;
     color: #276749;
+    color: rgba(39, 103, 73, var(--text-opacity));
   }
 
   .xl\:focus\:text-green-900:focus {
+    --text-opacity: 1;
     color: #22543d;
+    color: rgba(34, 84, 61, var(--text-opacity));
   }
 
   .xl\:focus\:text-teal-100:focus {
+    --text-opacity: 1;
     color: #e6fffa;
+    color: rgba(230, 255, 250, var(--text-opacity));
   }
 
   .xl\:focus\:text-teal-200:focus {
+    --text-opacity: 1;
     color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--text-opacity));
   }
 
   .xl\:focus\:text-teal-300:focus {
+    --text-opacity: 1;
     color: #81e6d9;
+    color: rgba(129, 230, 217, var(--text-opacity));
   }
 
   .xl\:focus\:text-teal-400:focus {
+    --text-opacity: 1;
     color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--text-opacity));
   }
 
   .xl\:focus\:text-teal-500:focus {
+    --text-opacity: 1;
     color: #38b2ac;
+    color: rgba(56, 178, 172, var(--text-opacity));
   }
 
   .xl\:focus\:text-teal-600:focus {
+    --text-opacity: 1;
     color: #319795;
+    color: rgba(49, 151, 149, var(--text-opacity));
   }
 
   .xl\:focus\:text-teal-700:focus {
+    --text-opacity: 1;
     color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--text-opacity));
   }
 
   .xl\:focus\:text-teal-800:focus {
+    --text-opacity: 1;
     color: #285e61;
+    color: rgba(40, 94, 97, var(--text-opacity));
   }
 
   .xl\:focus\:text-teal-900:focus {
+    --text-opacity: 1;
     color: #234e52;
+    color: rgba(35, 78, 82, var(--text-opacity));
   }
 
   .xl\:focus\:text-blue-100:focus {
+    --text-opacity: 1;
     color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--text-opacity));
   }
 
   .xl\:focus\:text-blue-200:focus {
+    --text-opacity: 1;
     color: #bee3f8;
+    color: rgba(190, 227, 248, var(--text-opacity));
   }
 
   .xl\:focus\:text-blue-300:focus {
+    --text-opacity: 1;
     color: #90cdf4;
+    color: rgba(144, 205, 244, var(--text-opacity));
   }
 
   .xl\:focus\:text-blue-400:focus {
+    --text-opacity: 1;
     color: #63b3ed;
+    color: rgba(99, 179, 237, var(--text-opacity));
   }
 
   .xl\:focus\:text-blue-500:focus {
+    --text-opacity: 1;
     color: #4299e1;
+    color: rgba(66, 153, 225, var(--text-opacity));
   }
 
   .xl\:focus\:text-blue-600:focus {
+    --text-opacity: 1;
     color: #3182ce;
+    color: rgba(49, 130, 206, var(--text-opacity));
   }
 
   .xl\:focus\:text-blue-700:focus {
+    --text-opacity: 1;
     color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--text-opacity));
   }
 
   .xl\:focus\:text-blue-800:focus {
+    --text-opacity: 1;
     color: #2c5282;
+    color: rgba(44, 82, 130, var(--text-opacity));
   }
 
   .xl\:focus\:text-blue-900:focus {
+    --text-opacity: 1;
     color: #2a4365;
+    color: rgba(42, 67, 101, var(--text-opacity));
   }
 
   .xl\:focus\:text-indigo-100:focus {
+    --text-opacity: 1;
     color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--text-opacity));
   }
 
   .xl\:focus\:text-indigo-200:focus {
+    --text-opacity: 1;
     color: #c3dafe;
+    color: rgba(195, 218, 254, var(--text-opacity));
   }
 
   .xl\:focus\:text-indigo-300:focus {
+    --text-opacity: 1;
     color: #a3bffa;
+    color: rgba(163, 191, 250, var(--text-opacity));
   }
 
   .xl\:focus\:text-indigo-400:focus {
+    --text-opacity: 1;
     color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--text-opacity));
   }
 
   .xl\:focus\:text-indigo-500:focus {
+    --text-opacity: 1;
     color: #667eea;
+    color: rgba(102, 126, 234, var(--text-opacity));
   }
 
   .xl\:focus\:text-indigo-600:focus {
+    --text-opacity: 1;
     color: #5a67d8;
+    color: rgba(90, 103, 216, var(--text-opacity));
   }
 
   .xl\:focus\:text-indigo-700:focus {
+    --text-opacity: 1;
     color: #4c51bf;
+    color: rgba(76, 81, 191, var(--text-opacity));
   }
 
   .xl\:focus\:text-indigo-800:focus {
+    --text-opacity: 1;
     color: #434190;
+    color: rgba(67, 65, 144, var(--text-opacity));
   }
 
   .xl\:focus\:text-indigo-900:focus {
+    --text-opacity: 1;
     color: #3c366b;
+    color: rgba(60, 54, 107, var(--text-opacity));
   }
 
   .xl\:focus\:text-purple-100:focus {
+    --text-opacity: 1;
     color: #faf5ff;
+    color: rgba(250, 245, 255, var(--text-opacity));
   }
 
   .xl\:focus\:text-purple-200:focus {
+    --text-opacity: 1;
     color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--text-opacity));
   }
 
   .xl\:focus\:text-purple-300:focus {
+    --text-opacity: 1;
     color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--text-opacity));
   }
 
   .xl\:focus\:text-purple-400:focus {
+    --text-opacity: 1;
     color: #b794f4;
+    color: rgba(183, 148, 244, var(--text-opacity));
   }
 
   .xl\:focus\:text-purple-500:focus {
+    --text-opacity: 1;
     color: #9f7aea;
+    color: rgba(159, 122, 234, var(--text-opacity));
   }
 
   .xl\:focus\:text-purple-600:focus {
+    --text-opacity: 1;
     color: #805ad5;
+    color: rgba(128, 90, 213, var(--text-opacity));
   }
 
   .xl\:focus\:text-purple-700:focus {
+    --text-opacity: 1;
     color: #6b46c1;
+    color: rgba(107, 70, 193, var(--text-opacity));
   }
 
   .xl\:focus\:text-purple-800:focus {
+    --text-opacity: 1;
     color: #553c9a;
+    color: rgba(85, 60, 154, var(--text-opacity));
   }
 
   .xl\:focus\:text-purple-900:focus {
+    --text-opacity: 1;
     color: #44337a;
+    color: rgba(68, 51, 122, var(--text-opacity));
   }
 
   .xl\:focus\:text-pink-100:focus {
+    --text-opacity: 1;
     color: #fff5f7;
+    color: rgba(255, 245, 247, var(--text-opacity));
   }
 
   .xl\:focus\:text-pink-200:focus {
+    --text-opacity: 1;
     color: #fed7e2;
+    color: rgba(254, 215, 226, var(--text-opacity));
   }
 
   .xl\:focus\:text-pink-300:focus {
+    --text-opacity: 1;
     color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--text-opacity));
   }
 
   .xl\:focus\:text-pink-400:focus {
+    --text-opacity: 1;
     color: #f687b3;
+    color: rgba(246, 135, 179, var(--text-opacity));
   }
 
   .xl\:focus\:text-pink-500:focus {
+    --text-opacity: 1;
     color: #ed64a6;
+    color: rgba(237, 100, 166, var(--text-opacity));
   }
 
   .xl\:focus\:text-pink-600:focus {
+    --text-opacity: 1;
     color: #d53f8c;
+    color: rgba(213, 63, 140, var(--text-opacity));
   }
 
   .xl\:focus\:text-pink-700:focus {
+    --text-opacity: 1;
     color: #b83280;
+    color: rgba(184, 50, 128, var(--text-opacity));
   }
 
   .xl\:focus\:text-pink-800:focus {
+    --text-opacity: 1;
     color: #97266d;
+    color: rgba(151, 38, 109, var(--text-opacity));
   }
 
   .xl\:focus\:text-pink-900:focus {
+    --text-opacity: 1;
     color: #702459;
+    color: rgba(112, 36, 89, var(--text-opacity));
+  }
+
+  .xl\:text-opacity-0 {
+    --text-opacity: 0;
+  }
+
+  .xl\:text-opacity-25 {
+    --text-opacity: 0.25;
+  }
+
+  .xl\:text-opacity-50 {
+    --text-opacity: 0.5;
+  }
+
+  .xl\:text-opacity-75 {
+    --text-opacity: 0.75;
+  }
+
+  .xl\:text-opacity-100 {
+    --text-opacity: 1;
+  }
+
+  .xl\:hover\:text-opacity-0:hover {
+    --text-opacity: 0;
+  }
+
+  .xl\:hover\:text-opacity-25:hover {
+    --text-opacity: 0.25;
+  }
+
+  .xl\:hover\:text-opacity-50:hover {
+    --text-opacity: 0.5;
+  }
+
+  .xl\:hover\:text-opacity-75:hover {
+    --text-opacity: 0.75;
+  }
+
+  .xl\:hover\:text-opacity-100:hover {
+    --text-opacity: 1;
+  }
+
+  .xl\:focus\:text-opacity-0:focus {
+    --text-opacity: 0;
+  }
+
+  .xl\:focus\:text-opacity-25:focus {
+    --text-opacity: 0.25;
+  }
+
+  .xl\:focus\:text-opacity-50:focus {
+    --text-opacity: 0.5;
+  }
+
+  .xl\:focus\:text-opacity-75:focus {
+    --text-opacity: 0.75;
+  }
+
+  .xl\:focus\:text-opacity-100:focus {
+    --text-opacity: 1;
   }
 
   .xl\:italic {
diff --git a/__tests__/flattenColorPalette.test.js b/__tests__/flattenColorPalette.test.js
new file mode 100644
index 000000000..98ab5a72b
--- /dev/null
+++ b/__tests__/flattenColorPalette.test.js
@@ -0,0 +1,45 @@
+import flattenColorPalette from '../src/util/flattenColorPalette'
+
+test('it flattens nested color objects', () => {
+  expect(
+    flattenColorPalette({
+      purple: 'purple',
+      white: {
+        25: 'rgba(255,255,255,.25)',
+        50: 'rgba(255,255,255,.5)',
+        75: 'rgba(255,255,255,.75)',
+        default: '#fff',
+      },
+      red: {
+        1: 'rgb(33,0,0)',
+        2: 'rgb(67,0,0)',
+        3: 'rgb(100,0,0)',
+      },
+      green: {
+        1: 'rgb(0,33,0)',
+        2: 'rgb(0,67,0)',
+        3: 'rgb(0,100,0)',
+      },
+      blue: {
+        1: 'rgb(0,0,33)',
+        2: 'rgb(0,0,67)',
+        3: 'rgb(0,0,100)',
+      },
+    })
+  ).toEqual({
+    purple: 'purple',
+    'white-25': 'rgba(255,255,255,.25)',
+    'white-50': 'rgba(255,255,255,.5)',
+    'white-75': 'rgba(255,255,255,.75)',
+    white: '#fff',
+    'red-1': 'rgb(33,0,0)',
+    'red-2': 'rgb(67,0,0)',
+    'red-3': 'rgb(100,0,0)',
+    'green-1': 'rgb(0,33,0)',
+    'green-2': 'rgb(0,67,0)',
+    'green-3': 'rgb(0,100,0)',
+    'blue-1': 'rgb(0,0,33)',
+    'blue-2': 'rgb(0,0,67)',
+    'blue-3': 'rgb(0,0,100)',
+  })
+})
diff --git a/__tests__/plugins/backgroundColor.test.js b/__tests__/plugins/backgroundColor.test.js
deleted file mode 100644
index 0de33e04c..000000000
--- a/__tests__/plugins/backgroundColor.test.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import _ from 'lodash'
-import escapeClassName from '../../src/util/escapeClassName'
-import plugin from '../../src/plugins/backgroundColor'
-
-test('colors can be a nested object', () => {
-  const addedUtilities = []
-
-  const config = {
-    theme: {
-      backgroundColor: {
-        purple: 'purple',
-        white: {
-          25: 'rgba(255,255,255,.25)',
-          50: 'rgba(255,255,255,.5)',
-          75: 'rgba(255,255,255,.75)',
-          default: '#fff',
-        },
-        red: {
-          1: 'rgb(33,0,0)',
-          2: 'rgb(67,0,0)',
-          3: 'rgb(100,0,0)',
-        },
-        green: {
-          1: 'rgb(0,33,0)',
-          2: 'rgb(0,67,0)',
-          3: 'rgb(0,100,0)',
-        },
-        blue: {
-          1: 'rgb(0,0,33)',
-          2: 'rgb(0,0,67)',
-          3: 'rgb(0,0,100)',
-        },
-      },
-    },
-    variants: {
-      backgroundColor: ['responsive'],
-    },
-  }
-
-  const getConfigValue = (path, defaultValue) => _.get(config, path, defaultValue)
-  const pluginApi = {
-    config: getConfigValue,
-    e: escapeClassName,
-    theme: (path, defaultValue) => getConfigValue(`theme.${path}`, defaultValue),
-    variants: (path, defaultValue) => {
-      if (_.isArray(config.variants)) {
-        return config.variants
-      }
-
-      return getConfigValue(`variants.${path}`, defaultValue)
-    },
-    addUtilities(utilities, variants) {
-      addedUtilities.push({
-        utilities,
-        variants,
-      })
-    },
-  }
-
-  plugin()(pluginApi)
-
-  expect(addedUtilities).toEqual([
-    {
-      utilities: {
-        '.bg-purple': { 'background-color': 'purple' },
-        '.bg-white-25': { 'background-color': 'rgba(255,255,255,.25)' },
-        '.bg-white-50': { 'background-color': 'rgba(255,255,255,.5)' },
-        '.bg-white-75': { 'background-color': 'rgba(255,255,255,.75)' },
-        '.bg-white': { 'background-color': '#fff' },
-        '.bg-red-1': { 'background-color': 'rgb(33,0,0)' },
-        '.bg-red-2': { 'background-color': 'rgb(67,0,0)' },
-        '.bg-red-3': { 'background-color': 'rgb(100,0,0)' },
-        '.bg-green-1': { 'background-color': 'rgb(0,33,0)' },
-        '.bg-green-2': { 'background-color': 'rgb(0,67,0)' },
-        '.bg-green-3': { 'background-color': 'rgb(0,100,0)' },
-        '.bg-blue-1': { 'background-color': 'rgb(0,0,33)' },
-        '.bg-blue-2': { 'background-color': 'rgb(0,0,67)' },
-        '.bg-blue-3': { 'background-color': 'rgb(0,0,100)' },
-      },
-      variants: ['responsive'],
-    },
-  ])
-})
diff --git a/__tests__/plugins/borderColor.test.js b/__tests__/plugins/borderColor.test.js
deleted file mode 100644
index 3c9a47683..000000000
--- a/__tests__/plugins/borderColor.test.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import _ from 'lodash'
-import escapeClassName from '../../src/util/escapeClassName'
-import plugin from '../../src/plugins/borderColor'
-
-test('colors can be a nested object', () => {
-  const addedUtilities = []
-
-  const config = {
-    theme: {
-      borderColor: {
-        purple: 'purple',
-        white: {
-          25: 'rgba(255,255,255,.25)',
-          50: 'rgba(255,255,255,.5)',
-          75: 'rgba(255,255,255,.75)',
-          default: '#fff',
-        },
-        red: {
-          1: 'rgb(33,0,0)',
-          2: 'rgb(67,0,0)',
-          3: 'rgb(100,0,0)',
-        },
-        green: {
-          1: 'rgb(0,33,0)',
-          2: 'rgb(0,67,0)',
-          3: 'rgb(0,100,0)',
-        },
-        blue: {
-          1: 'rgb(0,0,33)',
-          2: 'rgb(0,0,67)',
-          3: 'rgb(0,0,100)',
-        },
-      },
-    },
-    variants: {
-      borderColor: ['responsive'],
-    },
-  }
-
-  const getConfigValue = (path, defaultValue) => _.get(config, path, defaultValue)
-  const pluginApi = {
-    config: getConfigValue,
-    e: escapeClassName,
-    theme: (path, defaultValue) => getConfigValue(`theme.${path}`, defaultValue),
-    variants: (path, defaultValue) => {
-      if (_.isArray(config.variants)) {
-        return config.variants
-      }
-
-      return getConfigValue(`variants.${path}`, defaultValue)
-    },
-    addUtilities(utilities, variants) {
-      addedUtilities.push({
-        utilities,
-        variants,
-      })
-    },
-  }
-
-  plugin()(pluginApi)
-
-  expect(addedUtilities).toEqual([
-    {
-      utilities: {
-        '.border-purple': { 'border-color': 'purple' },
-        '.border-white-25': { 'border-color': 'rgba(255,255,255,.25)' },
-        '.border-white-50': { 'border-color': 'rgba(255,255,255,.5)' },
-        '.border-white-75': { 'border-color': 'rgba(255,255,255,.75)' },
-        '.border-white': { 'border-color': '#fff' },
-        '.border-red-1': { 'border-color': 'rgb(33,0,0)' },
-        '.border-red-2': { 'border-color': 'rgb(67,0,0)' },
-        '.border-red-3': { 'border-color': 'rgb(100,0,0)' },
-        '.border-green-1': { 'border-color': 'rgb(0,33,0)' },
-        '.border-green-2': { 'border-color': 'rgb(0,67,0)' },
-        '.border-green-3': { 'border-color': 'rgb(0,100,0)' },
-        '.border-blue-1': { 'border-color': 'rgb(0,0,33)' },
-        '.border-blue-2': { 'border-color': 'rgb(0,0,67)' },
-        '.border-blue-3': { 'border-color': 'rgb(0,0,100)' },
-      },
-      variants: ['responsive'],
-    },
-  ])
-})
diff --git a/__tests__/plugins/divideColor.test.js b/__tests__/plugins/divideColor.test.js
deleted file mode 100644
index 21c0bba34..000000000
--- a/__tests__/plugins/divideColor.test.js
+++ /dev/null
@@ -1,89 +0,0 @@
-import invokePlugin from '../util/invokePlugin'
-import plugin from '../../src/plugins/divideColor'
-
-test('generating divide color utilities', () => {
-  const config = {
-    theme: {
-      divideColor: {
-        default: 'orange', // This should be ignored
-        purple: 'purple',
-        white: {
-          25: 'rgba(255,255,255,.25)',
-          50: 'rgba(255,255,255,.5)',
-          75: 'rgba(255,255,255,.75)',
-          default: '#fff',
-        },
-        red: {
-          1: 'rgb(33,0,0)',
-          2: 'rgb(67,0,0)',
-          3: 'rgb(100,0,0)',
-        },
-        green: {
-          1: 'rgb(0,33,0)',
-          2: 'rgb(0,67,0)',
-          3: 'rgb(0,100,0)',
-        },
-        blue: {
-          1: 'rgb(0,0,33)',
-          2: 'rgb(0,0,67)',
-          3: 'rgb(0,0,100)',
-        },
-      },
-    },
-    variants: {
-      divideColor: ['responsive'],
-    },
-  }
-
-  const { utilities } = invokePlugin(plugin(), config)
-
-  expect(utilities).toEqual([
-    [
-      {
-        '.divide-purple > :not(template) ~ :not(template)': {
-          'border-color': 'purple',
-        },
-        '.divide-white-25 > :not(template) ~ :not(template)': {
-          'border-color': 'rgba(255,255,255,.25)',
-        },
-        '.divide-white-50 > :not(template) ~ :not(template)': {
-          'border-color': 'rgba(255,255,255,.5)',
-        },
-        '.divide-white-75 > :not(template) ~ :not(template)': {
-          'border-color': 'rgba(255,255,255,.75)',
-        },
-        '.divide-white > :not(template) ~ :not(template)': {
-          'border-color': '#fff',
-        },
-        '.divide-red-1 > :not(template) ~ :not(template)': {
-          'border-color': 'rgb(33,0,0)',
-        },
-        '.divide-red-2 > :not(template) ~ :not(template)': {
-          'border-color': 'rgb(67,0,0)',
-        },
-        '.divide-red-3 > :not(template) ~ :not(template)': {
-          'border-color': 'rgb(100,0,0)',
-        },
-        '.divide-green-1 > :not(template) ~ :not(template)': {
-          'border-color': 'rgb(0,33,0)',
-        },
-        '.divide-green-2 > :not(template) ~ :not(template)': {
-          'border-color': 'rgb(0,67,0)',
-        },
-        '.divide-green-3 > :not(template) ~ :not(template)': {
-          'border-color': 'rgb(0,100,0)',
-        },
-        '.divide-blue-1 > :not(template) ~ :not(template)': {
-          'border-color': 'rgb(0,0,33)',
-        },
-        '.divide-blue-2 > :not(template) ~ :not(template)': {
-          'border-color': 'rgb(0,0,67)',
-        },
-        '.divide-blue-3 > :not(template) ~ :not(template)': {
-          'border-color': 'rgb(0,0,100)',
-        },
-      },
-      ['responsive'],
-    ],
-  ])
-})
diff --git a/__tests__/plugins/fill.test.js b/__tests__/plugins/fill.test.js
deleted file mode 100644
index a2a0c6327..000000000
--- a/__tests__/plugins/fill.test.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import _ from 'lodash'
-import escapeClassName from '../../src/util/escapeClassName'
-import plugin from '../../src/plugins/fill'
-
-test('colors can be a nested object', () => {
-  const addedUtilities = []
-
-  const config = {
-    theme: {
-      fill: {
-        purple: 'purple',
-        white: {
-          25: 'rgba(255,255,255,.25)',
-          50: 'rgba(255,255,255,.5)',
-          75: 'rgba(255,255,255,.75)',
-          default: '#fff',
-        },
-        red: {
-          1: 'rgb(33,0,0)',
-          2: 'rgb(67,0,0)',
-          3: 'rgb(100,0,0)',
-        },
-        green: {
-          1: 'rgb(0,33,0)',
-          2: 'rgb(0,67,0)',
-          3: 'rgb(0,100,0)',
-        },
-        blue: {
-          1: 'rgb(0,0,33)',
-          2: 'rgb(0,0,67)',
-          3: 'rgb(0,0,100)',
-        },
-      },
-    },
-    variants: {
-      fill: ['responsive'],
-    },
-  }
-
-  const getConfigValue = (path, defaultValue) => _.get(config, path, defaultValue)
-  const pluginApi = {
-    config: getConfigValue,
-    e: escapeClassName,
-    theme: (path, defaultValue) => getConfigValue(`theme.${path}`, defaultValue),
-    variants: (path, defaultValue) => {
-      if (_.isArray(config.variants)) {
-        return config.variants
-      }
-
-      return getConfigValue(`variants.${path}`, defaultValue)
-    },
-    addUtilities(utilities, variants) {
-      addedUtilities.push({
-        utilities,
-        variants,
-      })
-    },
-  }
-
-  plugin()(pluginApi)
-
-  expect(addedUtilities).toEqual([
-    {
-      utilities: {
-        '.fill-purple': { fill: 'purple' },
-        '.fill-white-25': { fill: 'rgba(255,255,255,.25)' },
-        '.fill-white-50': { fill: 'rgba(255,255,255,.5)' },
-        '.fill-white-75': { fill: 'rgba(255,255,255,.75)' },
-        '.fill-white': { fill: '#fff' },
-        '.fill-red-1': { fill: 'rgb(33,0,0)' },
-        '.fill-red-2': { fill: 'rgb(67,0,0)' },
-        '.fill-red-3': { fill: 'rgb(100,0,0)' },
-        '.fill-green-1': { fill: 'rgb(0,33,0)' },
-        '.fill-green-2': { fill: 'rgb(0,67,0)' },
-        '.fill-green-3': { fill: 'rgb(0,100,0)' },
-        '.fill-blue-1': { fill: 'rgb(0,0,33)' },
-        '.fill-blue-2': { fill: 'rgb(0,0,67)' },
-        '.fill-blue-3': { fill: 'rgb(0,0,100)' },
-      },
-      variants: ['responsive'],
-    },
-  ])
-})
diff --git a/__tests__/plugins/stroke.test.js b/__tests__/plugins/stroke.test.js
deleted file mode 100644
index 047907741..000000000
--- a/__tests__/plugins/stroke.test.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import _ from 'lodash'
-import escapeClassName from '../../src/util/escapeClassName'
-import plugin from '../../src/plugins/stroke'
-
-test('colors can be a nested object', () => {
-  const addedUtilities = []
-
-  const config = {
-    theme: {
-      stroke: {
-        purple: 'purple',
-        white: {
-          25: 'rgba(255,255,255,.25)',
-          50: 'rgba(255,255,255,.5)',
-          75: 'rgba(255,255,255,.75)',
-          default: '#fff',
-        },
-        red: {
-          1: 'rgb(33,0,0)',
-          2: 'rgb(67,0,0)',
-          3: 'rgb(100,0,0)',
-        },
-        green: {
-          1: 'rgb(0,33,0)',
-          2: 'rgb(0,67,0)',
-          3: 'rgb(0,100,0)',
-        },
-        blue: {
-          1: 'rgb(0,0,33)',
-          2: 'rgb(0,0,67)',
-          3: 'rgb(0,0,100)',
-        },
-      },
-    },
-    variants: {
-      stroke: ['responsive'],
-    },
-  }
-
-  const getConfigValue = (path, defaultValue) => _.get(config, path, defaultValue)
-  const pluginApi = {
-    config: getConfigValue,
-    e: escapeClassName,
-    theme: (path, defaultValue) => getConfigValue(`theme.${path}`, defaultValue),
-    variants: (path, defaultValue) => {
-      if (_.isArray(config.variants)) {
-        return config.variants
-      }
-
-      return getConfigValue(`variants.${path}`, defaultValue)
-    },
-    addUtilities(utilities, variants) {
-      addedUtilities.push({
-        utilities,
-        variants,
-      })
-    },
-  }
-
-  plugin()(pluginApi)
-
-  expect(addedUtilities).toEqual([
-    {
-      utilities: {
-        '.stroke-purple': { stroke: 'purple' },
-        '.stroke-white-25': { stroke: 'rgba(255,255,255,.25)' },
-        '.stroke-white-50': { stroke: 'rgba(255,255,255,.5)' },
-        '.stroke-white-75': { stroke: 'rgba(255,255,255,.75)' },
-        '.stroke-white': { stroke: '#fff' },
-        '.stroke-red-1': { stroke: 'rgb(33,0,0)' },
-        '.stroke-red-2': { stroke: 'rgb(67,0,0)' },
-        '.stroke-red-3': { stroke: 'rgb(100,0,0)' },
-        '.stroke-green-1': { stroke: 'rgb(0,33,0)' },
-        '.stroke-green-2': { stroke: 'rgb(0,67,0)' },
-        '.stroke-green-3': { stroke: 'rgb(0,100,0)' },
-        '.stroke-blue-1': { stroke: 'rgb(0,0,33)' },
-        '.stroke-blue-2': { stroke: 'rgb(0,0,67)' },
-        '.stroke-blue-3': { stroke: 'rgb(0,0,100)' },
-      },
-      variants: ['responsive'],
-    },
-  ])
-})
diff --git a/__tests__/plugins/textColor.test.js b/__tests__/plugins/textColor.test.js
deleted file mode 100644
index 078277dcb..000000000
--- a/__tests__/plugins/textColor.test.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import _ from 'lodash'
-import escapeClassName from '../../src/util/escapeClassName'
-import plugin from '../../src/plugins/textColor'
-
-test('colors can be a nested object', () => {
-  const addedUtilities = []
-
-  const config = {
-    theme: {
-      textColor: {
-        purple: 'purple',
-        white: {
-          25: 'rgba(255,255,255,.25)',
-          50: 'rgba(255,255,255,.5)',
-          75: 'rgba(255,255,255,.75)',
-          default: '#fff',
-        },
-        red: {
-          1: 'rgb(33,0,0)',
-          2: 'rgb(67,0,0)',
-          3: 'rgb(100,0,0)',
-        },
-        green: {
-          1: 'rgb(0,33,0)',
-          2: 'rgb(0,67,0)',
-          3: 'rgb(0,100,0)',
-        },
-        blue: {
-          1: 'rgb(0,0,33)',
-          2: 'rgb(0,0,67)',
-          3: 'rgb(0,0,100)',
-        },
-      },
-    },
-    variants: {
-      textColor: ['responsive'],
-    },
-  }
-
-  const getConfigValue = (path, defaultValue) => _.get(config, path, defaultValue)
-  const pluginApi = {
-    config: getConfigValue,
-    e: escapeClassName,
-    theme: (path, defaultValue) => getConfigValue(`theme.${path}`, defaultValue),
-    variants: (path, defaultValue) => {
-      if (_.isArray(config.variants)) {
-        return config.variants
-      }
-
-      return getConfigValue(`variants.${path}`, defaultValue)
-    },
-    addUtilities(utilities, variants) {
-      addedUtilities.push({
-        utilities,
-        variants,
-      })
-    },
-  }
-
-  plugin()(pluginApi)
-
-  expect(addedUtilities).toEqual([
-    {
-      utilities: {
-        '.text-purple': { color: 'purple' },
-        '.text-white-25': { color: 'rgba(255,255,255,.25)' },
-        '.text-white-50': { color: 'rgba(255,255,255,.5)' },
-        '.text-white-75': { color: 'rgba(255,255,255,.75)' },
-        '.text-white': { color: '#fff' },
-        '.text-red-1': { color: 'rgb(33,0,0)' },
-        '.text-red-2': { color: 'rgb(67,0,0)' },
-        '.text-red-3': { color: 'rgb(100,0,0)' },
-        '.text-green-1': { color: 'rgb(0,33,0)' },
-        '.text-green-2': { color: 'rgb(0,67,0)' },
-        '.text-green-3': { color: 'rgb(0,100,0)' },
-        '.text-blue-1': { color: 'rgb(0,0,33)' },
-        '.text-blue-2': { color: 'rgb(0,0,67)' },
-        '.text-blue-3': { color: 'rgb(0,0,100)' },
-      },
-      variants: ['responsive'],
-    },
-  ])
-})
diff --git a/__tests__/withAlphaVariable.test.js b/__tests__/withAlphaVariable.test.js
new file mode 100644
index 000000000..ff5d3a529
--- /dev/null
+++ b/__tests__/withAlphaVariable.test.js
@@ -0,0 +1,97 @@
+import withAlphaVariable from '../src/util/withAlphaVariable'
+
+test('it adds the right custom property', () => {
+  expect(
+    withAlphaVariable({ color: '#ff0000', property: 'color', variable: '--text-opacity' })
+  ).toEqual({
+    '--text-opacity': '1',
+    color: ['#ff0000', 'rgba(255, 0, 0, var(--text-opacity))'],
+  })
+})
+
+test('it ignores colors that cannot be parsed', () => {
+  expect(
+    withAlphaVariable({
+      color: 'currentColor',
+      property: 'background-color',
+      variable: '--bg-opacity',
+    })
+  ).toEqual({
+    'background-color': 'currentColor',
+  })
+})
+
+test('it ignores colors that already have an alpha channel', () => {
+  expect(
+    withAlphaVariable({
+      color: '#ff0000ff',
+      property: 'background-color',
+      variable: '--bg-opacity',
+    })
+  ).toEqual({
+    'background-color': '#ff0000ff',
+  })
+  expect(
+    withAlphaVariable({
+      color: '#ff000080',
+      property: 'background-color',
+      variable: '--bg-opacity',
+    })
+  ).toEqual({
+    'background-color': '#ff000080',
+  })
+  expect(
+    withAlphaVariable({
+      color: '#f00a',
+      property: 'background-color',
+      variable: '--bg-opacity',
+    })
+  ).toEqual({
+    'background-color': '#f00a',
+  })
+  expect(
+    withAlphaVariable({
+      color: '#f00f',
+      property: 'background-color',
+      variable: '--bg-opacity',
+    })
+  ).toEqual({
+    'background-color': '#f00f',
+  })
+  expect(
+    withAlphaVariable({
+      color: 'rgba(255, 255, 255, 1)',
+      property: 'background-color',
+      variable: '--bg-opacity',
+    })
+  ).toEqual({
+    'background-color': 'rgba(255, 255, 255, 1)',
+  })
+  expect(
+    withAlphaVariable({
+      color: 'rgba(255, 255, 255, 0.5)',
+      property: 'background-color',
+      variable: '--bg-opacity',
+    })
+  ).toEqual({
+    'background-color': 'rgba(255, 255, 255, 0.5)',
+  })
+  expect(
+    withAlphaVariable({
+      color: 'hsla(240, 100%, 50%, 1)',
+      property: 'background-color',
+      variable: '--bg-opacity',
+    })
+  ).toEqual({
+    'background-color': 'hsla(240, 100%, 50%, 1)',
+  })
+  expect(
+    withAlphaVariable({
+      color: 'hsla(240, 100%, 50%, 0.5)',
+      property: 'background-color',
+      variable: '--bg-opacity',
+    })
+  ).toEqual({
+    'background-color': 'hsla(240, 100%, 50%, 0.5)',
+  })
+})
diff --git a/package.json b/package.json
index 4a3dce043..f89bd7319 100644
--- a/package.json
+++ b/package.json
@@ -44,6 +44,7 @@
     "autoprefixer": "^9.4.5",
     "bytes": "^3.0.0",
     "chalk": "^4.0.0",
+    "color": "^3.1.2",
     "detective": "^5.2.0",
     "fs-extra": "^8.0.0",
     "lodash": "^4.17.15",
diff --git a/src/corePlugins.js b/src/corePlugins.js
index f06f1b968..f1211ba36 100644
--- a/src/corePlugins.js
+++ b/src/corePlugins.js
@@ -92,6 +92,11 @@ import transitionProperty from './plugins/transitionProperty'
 import transitionTimingFunction from './plugins/transitionTimingFunction'
 import transitionDuration from './plugins/transitionDuration'
 import transitionDelay from './plugins/transitionDelay'
+import divideOpacity from './plugins/divideOpacity'
+import backgroundOpacity from './plugins/backgroundOpacity'
+import borderOpacity from './plugins/borderOpacity'
+import textOpacity from './plugins/textOpacity'
+import placeholderOpacity from './plugins/placeholderOpacity'
 
 import configurePlugins from './util/configurePlugins'
 
@@ -102,15 +107,18 @@ export default function({ corePlugins: corePluginConfig }) {
     space,
     divideWidth,
     divideColor,
+    divideOpacity,
     accessibility,
     appearance,
     backgroundAttachment,
     backgroundColor,
+    backgroundOpacity,
     backgroundPosition,
     backgroundRepeat,
     backgroundSize,
     borderCollapse,
     borderColor,
+    borderOpacity,
     borderRadius,
     borderStyle,
     borderWidth,
@@ -148,6 +156,7 @@ export default function({ corePlugins: corePluginConfig }) {
     overflow,
     padding,
     placeholderColor,
+    placeholderOpacity,
     pointerEvents,
     position,
     inset,
@@ -159,6 +168,7 @@ export default function({ corePlugins: corePluginConfig }) {
     tableLayout,
     textAlign,
     textColor,
+    textOpacity,
     fontStyle,
     textTransform,
     textDecoration,
diff --git a/src/plugins/backgroundColor.js b/src/plugins/backgroundColor.js
index f532dfe40..4a49a1ce7 100644
--- a/src/plugins/backgroundColor.js
+++ b/src/plugins/backgroundColor.js
@@ -1,5 +1,6 @@
 import _ from 'lodash'
 import flattenColorPalette from '../util/flattenColorPalette'
+import withAlphaVariable from '../util/withAlphaVariable'
 
 export default function() {
   return function({ addUtilities, e, theme, variants }) {
@@ -7,9 +8,11 @@ export default function() {
       _.map(flattenColorPalette(theme('backgroundColor')), (value, modifier) => {
         return [
           `.${e(`bg-${modifier}`)}`,
-          {
-            'background-color': value,
-          },
+          withAlphaVariable({
+            color: value,
+            property: 'background-color',
+            variable: '--bg-opacity',
+          }),
         ]
       })
     )
diff --git a/src/plugins/backgroundOpacity.js b/src/plugins/backgroundOpacity.js
new file mode 100644
index 000000000..c24fdcaf5
--- /dev/null
+++ b/src/plugins/backgroundOpacity.js
@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('backgroundOpacity', [['bg-opacity', ['--bg-opacity']]])
+}
diff --git a/src/plugins/borderColor.js b/src/plugins/borderColor.js
index 112e6555c..104059bf0 100644
--- a/src/plugins/borderColor.js
+++ b/src/plugins/borderColor.js
@@ -1,5 +1,6 @@
 import _ from 'lodash'
 import flattenColorPalette from '../util/flattenColorPalette'
+import withAlphaVariable from '../util/withAlphaVariable'
 
 export default function() {
   return function({ addUtilities, e, theme, variants }) {
@@ -9,9 +10,11 @@ export default function() {
       _.map(_.omit(colors, 'default'), (value, modifier) => {
         return [
           `.${e(`border-${modifier}`)}`,
-          {
-            'border-color': value,
-          },
+          withAlphaVariable({
+            color: value,
+            property: 'border-color',
+            variable: '--border-opacity',
+          }),
         ]
       })
     )
diff --git a/src/plugins/borderOpacity.js b/src/plugins/borderOpacity.js
new file mode 100644
index 000000000..fcc8e02de
--- /dev/null
+++ b/src/plugins/borderOpacity.js
@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('borderOpacity', [['border-opacity', ['--border-opacity']]])
+}
diff --git a/src/plugins/divideColor.js b/src/plugins/divideColor.js
index 9877263c4..fd3f6b072 100644
--- a/src/plugins/divideColor.js
+++ b/src/plugins/divideColor.js
@@ -1,5 +1,6 @@
 import _ from 'lodash'
 import flattenColorPalette from '../util/flattenColorPalette'
+import withAlphaVariable from '../util/withAlphaVariable'
 
 export default function() {
   return function({ addUtilities, e, theme, variants }) {
@@ -9,9 +10,11 @@ export default function() {
       _.map(_.omit(colors, 'default'), (value, modifier) => {
         return [
           `.${e(`divide-${modifier}`)} > :not(template) ~ :not(template)`,
-          {
-            'border-color': value,
-          },
+          withAlphaVariable({
+            color: value,
+            property: 'border-color',
+            variable: '--divide-opacity',
+          }),
         ]
       })
     )
diff --git a/src/plugins/divideOpacity.js b/src/plugins/divideOpacity.js
new file mode 100644
index 000000000..eee5857b1
--- /dev/null
+++ b/src/plugins/divideOpacity.js
@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('divideOpacity', [['divide-opacity', ['--divide-opacity']]])
+}
diff --git a/src/plugins/placeholderColor.js b/src/plugins/placeholderColor.js
index b8c81fad6..31b4eed62 100644
--- a/src/plugins/placeholderColor.js
+++ b/src/plugins/placeholderColor.js
@@ -1,5 +1,6 @@
 import _ from 'lodash'
 import flattenColorPalette from '../util/flattenColorPalette'
+import withAlphaVariable from '../util/withAlphaVariable'
 
 export default function() {
   return function({ addUtilities, e, theme, variants }) {
@@ -7,9 +8,7 @@ export default function() {
       _.map(flattenColorPalette(theme('placeholderColor')), (value, modifier) => {
         return [
           `.${e(`placeholder-${modifier}`)}::placeholder`,
-          {
-            color: value,
-          },
+          withAlphaVariable({ color: value, property: 'color', variable: '--placeholder-opacity' }),
         ]
       })
     )
diff --git a/src/plugins/placeholderOpacity.js b/src/plugins/placeholderOpacity.js
new file mode 100644
index 000000000..87295a892
--- /dev/null
+++ b/src/plugins/placeholderOpacity.js
@@ -0,0 +1,7 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('placeholderOpacity', [
+    ['placeholder-opacity', ['--placeholder-opacity']],
+  ])
+}
diff --git a/src/plugins/textColor.js b/src/plugins/textColor.js
index 0b22dd7d3..f792b5036 100644
--- a/src/plugins/textColor.js
+++ b/src/plugins/textColor.js
@@ -1,5 +1,6 @@
 import _ from 'lodash'
 import flattenColorPalette from '../util/flattenColorPalette'
+import withAlphaVariable from '../util/withAlphaVariable'
 
 export default function() {
   return function({ addUtilities, e, theme, variants }) {
@@ -7,9 +8,7 @@ export default function() {
       _.map(flattenColorPalette(theme('textColor')), (value, modifier) => {
         return [
           `.${e(`text-${modifier}`)}`,
-          {
-            color: value,
-          },
+          withAlphaVariable({ color: value, property: 'color', variable: '--text-opacity' }),
         ]
       })
     )
diff --git a/src/plugins/textOpacity.js b/src/plugins/textOpacity.js
new file mode 100644
index 000000000..a6ab50ffa
--- /dev/null
+++ b/src/plugins/textOpacity.js
@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('textOpacity', [['text-opacity', ['--text-opacity']]])
+}
diff --git a/src/util/withAlphaVariable.js b/src/util/withAlphaVariable.js
new file mode 100644
index 000000000..f233369db
--- /dev/null
+++ b/src/util/withAlphaVariable.js
@@ -0,0 +1,39 @@
+import createColor from 'Color'
+
+function hasAlpha(color) {
+  return (
+    color.startsWith('rgba(') ||
+    color.startsWith('hsla(') ||
+    (color.startsWith('#') && color.length === 9) ||
+    (color.startsWith('#') && color.length === 5)
+  )
+}
+
+function toRgba(color) {
+  const [r, g, b, a] = createColor(color)
+    .rgb()
+    .array()
+
+  return [r, g, b, a === undefined && hasAlpha(color) ? 1 : a]
+}
+
+export default function withAlphaVariable({ color, property, variable }) {
+  try {
+    const [r, g, b, a] = toRgba(color)
+
+    if (a !== undefined) {
+      return {
+        [property]: color,
+      }
+    }
+
+    return {
+      [variable]: '1',
+      [property]: [color, `rgba(${r}, ${g}, ${b}, var(${variable}))`],
+    }
+  } catch (error) {
+    return {
+      [property]: color,
+    }
+  }
+}
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
index 2e6e91509..cf2b6d596 100644
--- a/stubs/defaultConfig.stub.js
+++ b/stubs/defaultConfig.stub.js
@@ -149,6 +149,7 @@ module.exports = {
       '64': '16rem',
     },
     backgroundColor: theme => theme('colors'),
+    backgroundOpacity: theme => theme('opacity'),
     backgroundPosition: {
       bottom: 'bottom',
       center: 'center',
@@ -169,6 +170,7 @@ module.exports = {
       ...theme('colors'),
       default: theme('colors.gray.300', 'currentColor'),
     }),
+    borderOpacity: theme => theme('opacity'),
     borderRadius: {
       none: '0',
       sm: '0.125rem',
@@ -207,6 +209,7 @@ module.exports = {
       'not-allowed': 'not-allowed',
     },
     divideColor: theme => theme('borderColor'),
+    divideOpacity: theme => theme('opacity'),
     divideWidth: theme => theme('borderWidth'),
     fill: {
       current: 'currentColor',
@@ -376,6 +379,7 @@ module.exports = {
     },
     padding: theme => theme('spacing'),
     placeholderColor: theme => theme('colors'),
+    placeholderOpacity: theme => theme('opacity'),
     space: (theme, { negative }) => ({
       ...theme('spacing'),
       ...negative(theme('spacing')),
@@ -389,6 +393,7 @@ module.exports = {
       '2': '2',
     },
     textColor: theme => theme('colors'),
+    textOpacity: theme => theme('opacity'),
     width: theme => ({
       auto: 'auto',
       ...theme('spacing'),
@@ -624,11 +629,13 @@ module.exports = {
     appearance: ['responsive'],
     backgroundAttachment: ['responsive'],
     backgroundColor: ['responsive', 'hover', 'focus'],
+    backgroundOpacity: ['responsive', 'hover', 'focus'],
     backgroundPosition: ['responsive'],
     backgroundRepeat: ['responsive'],
     backgroundSize: ['responsive'],
     borderCollapse: ['responsive'],
     borderColor: ['responsive', 'hover', 'focus'],
+    borderOpacity: ['responsive', 'hover', 'focus'],
     borderRadius: ['responsive'],
     borderStyle: ['responsive'],
     borderWidth: ['responsive'],
@@ -637,6 +644,7 @@ module.exports = {
     cursor: ['responsive'],
     display: ['responsive'],
     divideColor: ['responsive'],
+    divideOpacity: ['responsive'],
     divideWidth: ['responsive'],
     fill: ['responsive'],
     flex: ['responsive'],
@@ -671,6 +679,7 @@ module.exports = {
     overflow: ['responsive'],
     padding: ['responsive'],
     placeholderColor: ['responsive', 'focus'],
+    placeholderOpacity: ['responsive', 'focus'],
     pointerEvents: ['responsive'],
     position: ['responsive'],
     resize: ['responsive'],
@@ -680,6 +689,7 @@ module.exports = {
     tableLayout: ['responsive'],
     textAlign: ['responsive'],
     textColor: ['responsive', 'hover', 'focus'],
+    textOpacity: ['responsive', 'hover', 'focus'],
     textDecoration: ['responsive', 'hover', 'focus'],
     textTransform: ['responsive'],
     userSelect: ['responsive'],
diff --git a/yarn.lock b/yarn.lock
index 567392f46..238bd50b8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1663,7 +1663,7 @@ collection-visit@^1.0.0:
     map-visit "^1.0.0"
     object-visit "^1.0.0"
 
-color-convert@^1.9.0:
+color-convert@^1.9.0, color-convert@^1.9.1:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
   integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
@@ -1682,11 +1682,27 @@ color-name@1.1.3:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
   integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
 
-color-name@~1.1.4:
+color-name@^1.0.0, color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+color-string@^1.5.2:
+  version "1.5.3"
+  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.3.tgz#c9bbc5f01b58b5492f3d6857459cb6590ce204cc"
+  integrity sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==
+  dependencies:
+    color-name "^1.0.0"
+    simple-swizzle "^0.2.2"
+
+color@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/color/-/color-3.1.2.tgz#68148e7f85d41ad7649c5fa8c8106f098d229e10"
+  integrity sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==
+  dependencies:
+    color-convert "^1.9.1"
+    color-string "^1.5.2"
+
 combined-stream@^1.0.6, combined-stream@~1.0.6:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
@@ -2756,6 +2772,11 @@ is-arrayish@^0.2.1:
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
   integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
 
+is-arrayish@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
+  integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
+
 is-binary-path@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
@@ -4773,6 +4794,13 @@ signal-exit@^3.0.0, signal-exit@^3.0.2:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
   integrity sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=
 
+simple-swizzle@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
+  integrity sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=
+  dependencies:
+    is-arrayish "^0.3.1"
+
 sisteransi@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.2.tgz#ec57d64b6f25c4f26c0e2c7dd23f2d7f12f7e418"

From b466d5ba6dd886182881be28a9c908091da20434 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Sun, 26 Apr 2020 10:47:20 -0400
Subject: [PATCH 2/3] Pull divideOpacity from borderOpacity

---
 stubs/defaultConfig.stub.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
index cf2b6d596..f457eacc5 100644
--- a/stubs/defaultConfig.stub.js
+++ b/stubs/defaultConfig.stub.js
@@ -209,7 +209,7 @@ module.exports = {
       'not-allowed': 'not-allowed',
     },
     divideColor: theme => theme('borderColor'),
-    divideOpacity: theme => theme('opacity'),
+    divideOpacity: theme => theme('borderOpacity'),
     divideWidth: theme => theme('borderWidth'),
     fill: {
       current: 'currentColor',

From f94e2c37f2b48b158d18d1879844e6093f3df657 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Sun, 26 Apr 2020 11:05:42 -0400
Subject: [PATCH 3/3] Fix import

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

diff --git a/src/util/withAlphaVariable.js b/src/util/withAlphaVariable.js
index f233369db..7083809b2 100644
--- a/src/util/withAlphaVariable.js
+++ b/src/util/withAlphaVariable.js
@@ -1,4 +1,4 @@
-import createColor from 'Color'
+import createColor from 'color'
 
 function hasAlpha(color) {
   return (